UXUI 도전과제

서비스 컴포넌트 분석

핫초코바 2025. 1. 24. 19:32

참고 가이드 라인_https://m3.material.io/components

 

Components – Material Design 3

Discover over 30 Material Design UI components and their functions. Understand how to use them to design intuitive and visually appealing user experiences.

m3.material.io

주제_배달의 민족

 

🔎 컴포넌트 분석

배달의 민족 메뉴 선택 화면



용도 : Primary Button

  • 가장 중요한 동작을 실행하는 버튼으로 속이 채워져있어 시각적으로 가장 잘 보인다
  • 충분한 컨테이너 사이즈
  • 내용 전달이 충분한 헬퍼 텍스트 


용도 : Checkbox

  • 하나 이상의 옵션을 선택
  • 하위 선택 항목을 포함하는 목록
  • 유사한 옵션을 시각적으로 그룹
  • 브랜드의 정체성과 부합하는 버튼의 색상
  • 컨테이너 중심으로 잘 정렬되어 있는 버튼 라벨

💬

서비스를 직접 뜯어 보는 것만으로 많은 도움을 얻었다.

지금 당장은 컴포넌트 두 개를 분석한 것뿐이지만, 곧 있을 클론 제작을 앞서 좋은 경험을 했다.

 

시간을 조금씩 모아 클론 제작을 바로 시도를 해보는 것이 좋겠다.