화면 공통 영역

 

[ GNB ]

ㆍGlobal Navigation Bar. 메뉴바를 뜻함

ㆍ 웹페이지에 표시되는 하이퍼링크들의 집합 영역을 말함

ㆍ 모바일이나 웹에서 앱과 웹들의 최상단에 위치한 메뉴들이 모이는 영역

 

 

[ Bottom bar ]

ㆍ 모바일 화면 하단에 탐색 및 주요 작업을 표시하는 영역

ㆍ 주요 메뉴들로 구성되어 ㅅ가용자가 쉽고 빠르게 접근할 수 있도록함

ㆍ 접근할 수 있는 메뉴는 5개를 초과하지 않아야함

ㆍ 화면에 고정되어 스크롤 시에도 사라지지 않음

 

[ FAB / Footer ]

FAB

ㆍFloating Action Button은 화면에서 가장 기본적이고 공토적인 작업을 수행함

ㆍ모든 화면 내용의 앞에 표시되며 일반적으로 가운데에 아이콘을 포함한 원형 모양임

ㆍ기능적으로 빠르게 접근해야하는 메뉴들을 넣기도함

Footer

ㆍ주요한 메뉴나 연관사이트들을 열거함

ㆍ저작권 관련 카피라이트 등을 작성함

ㆍ수상내역, 위치, 전화번호, 사업자번호 등과 같은 주요 정보들을 열거함

[ Popup ]

ㆍ 사용자에게 중요한 정보를 전달하거나 사용자의 선택을 요청하기 위해 앱 콘텐츠 앞에 나타나는 모달 형태

ㆍ Popup 하위로 깔리는 배경(Scrim)인 어두운 배경을 사용하여 팝업이 강조될 수 있도록 함

[ Table ]

ㆍ많은 정보를 테이블안에 정리하며 보여주어야 할 때 사용함

ㆍ정보를 효과적으로 구분하고 나눌 수 있음

ㆍ테이블의 형태, 라인의 색상, 텍스트의 좌우 중앙 정렬 등도 주요하게 가이드함