[TIL] 24.10.17(목)

피그마 5주차 강의 내용 정리(1~5강)

홈 화면 & 목록 화면 실습 

히어로 섹션: 메인 화면의 가장 상단 영역을 뜻함, 영웅처럼 제품을 가장 맨 앞에서 이끌면서 가장 중요한 메시지를 전달하는 영역이라 히어로(Hero)영역 이라고 부름 / 앱을 열자마자 사용자가 바로 보는 가장 첫 부분 > 마케팅이나 제품에서 중요한 내용을 전달하기 위한 영억으로 사용하는 편, 가장 중요한 이벤트나 공지사항 등을 담는 것이 일반적

 

앱 바(App bar): 앱 화면 상단에 고정되어 현재 화면의 이름을 알려주고 이전 화면으로 돌아갈 수 있게 해줌 / 현재 화면에서 할 수 있는 보조 기능을 제공하는 경우도 있음(머터리얼 디자인에선 앱 바(App Bar)라고 부르지만, IOS에서는 네비게이션 바(Navigation Bar)라고도 부름(디자인 시스템마다 부르는 이름이 다름) > UI의 기능과 목적에 초점을 두고 관찰해야 하는 이유가 됨(이름은 각자 사용하는 사람들마다 다르게 합의 가능하기 때문에 모두 다를 수 있지만, 기능에 있어서는 같은 UI들이 매우 많기 때문)

 

앱 바 컴포넌트: 같은 앱 안에서도 홈 화면이나 검색 화면 등 다양한 화면이 존재하며 그 화면마다 알맞는 디자인의 앱 바가 들어가 있음. 실무에서도 앱 바는 한 가지 디자인이 아니라, 경우에 따라 다양한 디자인을 만들어두고 배리언츠로 관리하고 있음

 

목록 화면: 많은 정보를 같은 구조로 통일해서 보여주는 화면(쇼핑 앱의 상품 목록 또는 배달 앱의 가게, 메뉴 목록 등)

 

 

상세 화면 & 로그인 화면 실습