민이의 공부방

[ '배달의 민족' 앱 컴포넌트 따라 그리기 ]홈 화면검색 화면가게배달 메뉴 화면메뉴 선택 화면 1. 홈 화면 2. 검색 화면  3. 가게배달 메뉴 화면  [ 인사이트 ]  오늘은 '네카라쿠배'에서 '배'를 담당하고 있는 '배달의 민족' 앱을 따라 그려보았다. 스마트폰 캡쳐본만 보고 만들었기 때문에 이미지가 100% 일치하진 않지만 최대한 비슷하게 그리려 노력했다. 실눈 뜨고 보면 뭐가 진또배긴지 못 알아본다. 기본적인 공식은 존재하기 마련이니, 꾸준히 연습한다면 UI고수가 되기까진 시간문제다. 디자인은 성과가 눈에 즉각적으로 보이기 때문에 재밌다. 오늘 처음으로 내가 UI랑 잘 맞는 사람이란걸 알았다. 피그마의 존재에 감사하다. 메뉴가 많을 경우 '시각적 잡음'을 어떻게 처리하느냐에 따라 읽고 싶은 페..

[ 카테고리별 컴포넌트 직접 만들어보기 ]Components (구성요소) : 사용자 인터페이스를 만들기 위한 대화형 구성 요소로, 목적에 따라 구성됨 Actions (행위) : 사용자가 목표를 달성하기 위해 도움Common Buttons (공동 버튼) : UI에서 대부분의 작업을 프롬포트함 Extended FAB (확장된 팹) : 확장된 플로팅 작업 버튼으로, 유저가 기본 작업을 수행함 Floating action buttons (플로팅 작업 버튼) : FAB, 유저가 기본 작업을 수행함 Icon buttons (아이콘 버튼) : 탭 한 번으로 사소한 작업을 수행함 Segmented button (분활된 버튼) : 유저가 옵션을 선택하고, 보기를 전환하고, 요소를 정렬함   Communication (의..