UI 디자인 - 디자인 컴포넌트

앱의 UI를 구성하는 요소인 다양한 컴포넌트들을 파악해보자.

 

ios 가이드라인 등에 잘 정리가 되어있다.

이 이미지에서처럼 다양한 컴포넌트들이 존재한다.

 

네비게이션 바

 

네비게이션 바의 현 위치를 2단으로 내려 더 크게 표현하기도 한다.

 

많은 앱에 존재하는 search bar.

 

서치바를 구성하는 요소들은 다음과 같다.

 

스코프바로 범위를 한정시키기도 한다.

 

 

하단에서 속해있는 메뉴나 위치를 쉽게 전환하게 해주는 TAB bar

 

탭바 디자인 시 유의

툴바는 해당 표시된 현재화면 혹은 관련 작업을 수행하기 위한 버튼.

 

그러니까 우리가 pc에서 11번가등등 인터넷 링크가 다닥다닥 붙으며

툴바라 부르던 것은 사실은 탭바이고, 실제 툴바에 해당되는 것은 

크롬의 경우 추가시킨 확장프로그램 혹은, 최소화, 이전크기로 복원, 닫기 버튼과

이전/이후 페이지이동, 페이지 새로고침 버튼이 놓여있는 바가 실제 툴바에 해당된다. 

 

대부분 필요한 편집 옵션

날짜나 시간등 설정이 필요할 때

 

이상이 존재한다.

 

 

* 보다 자세한 내용은 인프런에서 확인하세요.