0607 (수) 자체 UI 디자인하기

키컬러 등록시 HSL 색상 코드에서 L 값을 조절하는 것으로 color variation 등록

 

플러그인에서 Styler 이용하면 편하게 스타일 등록 가능

레이어 한번에 잡고 generate style > 색상명 폴더이름/색상-n00 해놓으면 쉬움

 

온보딩?

사수가 인수인계해주는 과정인듯

UI에서는 사용자가 앱을 어떻게 사용하는 지에 대한 설명

 

워크스루?

온보딩과 같은 의미, 온보딩이 좀더 전반적인 편. 마찬가지로 앱을 사용 설명에 대한 표현

 

UX라이팅?

폼 등을 만들 때 사용자에게 어떤 언어로 제공하는 지가 UIUX 최근 관심사

 

---

실습리뷰

스마트 애니메이트 활용한 드래그 디자인, blob라는 플러그인 사용

 

가장 어려웠던 점: 아래의 버튼 구현 시 레이블 영역과 서포팅 텍스트 영역을

오토레이아웃으로 묶어줘야 fill속성을 부여할 수 있다.

아이디, 비밀번호 구현 시 사용하는 variants. 

커서는 커뮤니티에서 gif 파일 가져와서 복붙 사용, 텍스트와는 같은 프레임내에 정렬.
레이블과 텍스트영역을 오토레이아웃으로 묶었는 지 꼭 확인하자

 

사용 예시