오늘 한일
-디자인 카타
-12시 튜터님 크리틱
-개인과제 2 진행 및 6시 제출
19일할일
-새로운 주차 적응
📌튜터님 크리틱 내용 정리
- 목적과 모양이 비슷한 모듈은 복잡하게 부르기 보다 단순하게 정리하기
- category icon의 경우 iocn+text이기에 item이 더 적절
- 컬러스타일 더 찾아서 고도화하기 및 컬러랑 텍스트 스타일 지정하기
- 뱃지, 버튼, 라벨 등의 배경 컬러도 background 컬러에 해당
※텍스트의 행간 지정을 어떻게 하면 좋을까요?
:실무에서는 텍스트에 행간과 자간을 반드시 지정해 주는 것이 중요해요. 한 줄 텍스트라도 텍스트 박스의 높이가 레이아웃과 코드에 영향을 주기 때문에, '필수로 지정한다'고 생각해 주시면 돼요.
- 그림으로 radius 값을 표현X 구체적으로 작성
- 필요 이상으로 오토레이아웃 감싸지 않기
- 여러 번 반복해서 쓰일 요소는 컴포넌트로 만들기
(타이틀도 계속 반복되기에 VARIANTS로 만들어서 관리!)
※WRAP 적용하여 반응형으로 만들고싶다면?
->오토레이아웃 안의 컴포넌트의 FIXED, 가로정렬 후 WRAP 적용!
이외에도
-
컴포넌트 네이밍과 규칙,분석한 요소들을 스타일로 명확히 등록, 설명하는 단계 보완하기
-> iOS·Android 라이브러리를 참고하여 구조와 네이밍을 계속 연습! -
모양, 목적 비슷한 요소들은 하나의 컴포넌트 세트로 만들고, 차이가 있는 부분은 Boolean 프로퍼티로 on/off, Variant로 관리
튜터님의 크리틱을 듣고 과제 1을 진행하면서 헷갈리고 막혔던 부분을 속 시원하게 알 수 있었다!!!
잘하고 있는 부분과 개선, 추가했으면 하는 부분을 자세히, 친절하게 알려주셔서 너무 감사하고 좋은 시간이었다🤩
UXUI 도전!!!