[UI 디자인의 모든 것] Ch5: 홈/목록/상세 화면

 

칩 컴포넌트

• 필터 칩 컴포넌트(selected, configuration, label)
• 액션 칩 컴포넌트(selected, icon, label)

 

• 필터 칩/액션 칩 컴포넌트 사용해서 section 만들기(section/filter_chip, section/action_chip)

 

 

섹션 타이틀 컴포넌트

 

• section_title 컴포넌트(more_button/label)
  ▶️ 타이틀 label(버튼 말로 왼쪽에 위치한 label)은 fill로 설정한다. 보통 타이틀 몇 글자 정도로 할 지 미리 생각해놔야 한다고 함!!

 

캐러셀

 

 

네비게이션

 

홈 화면

• 여백 없이 쌓기

히어로 영역에 버튼은 왜 안 늘어나는 지 ?.?? 

개인 과제 하다가 시간 남으면 다시 도전해봐야겠다

---

서치 바 컴포넌트

 

 

리스트 컴포넌트

 

 

리스트 화면

---

액션 메뉴 컴포넌트

 

탭 컴포넌트

 

상세 화면