uiux 썸네일형 리스트형 4장 화면 구성요소의 레이아웃 - 사용자를 끌어들이는 UX/UI의 비밀 2022 우아한스터디 - UX 패턴파인더 스터디 레이아웃 '레이아웃'이란, 정보, 기능, 장식 등을 배치하는 방법과 그 결과를 말한다. 사용자는 레이아웃을 보면서 어떤 행동을 취할지 유추한다. 따라서 적절한 레이아웃은 사용자가 각 정보와 기능의 우선순위를 직관적으로 파악하는 것을 돕는다. 레이아웃 디자인에는 보통 다음과 같은 사용자 인터페이스 영역이 포함된다. 헤더/창 제목 메뉴/내비게이션 주요 콘텐츠 영역 푸터 패털 시각적 계층구조 활용하기 시각적 계층구조(Visual Hierarchy)는 콘텐츠들이 시각적으로 어떤 계층 구조를 갖도록 보여지는지에 관한 것이다. 중요도에 따라 각 구성요소를 정렬하고 크기와 비율을 조정하여 가장 집중해야 할 대상으로 시선을 끌어당겨야 한다. 중요도가 높은 계층은 눈에 잘.. 더보기 3장 이동하기: 내비게이션 - 사용자를 끌어들이는 UX/UI의 비밀 2022 우아한스터디 - UX 패턴파인더 스터디 내비게이션의 기능 내비게이션은 사용자가 자신이 속한 정보공간을 쉽게 인지하고, 수행할 수 있는 작업이 무엇인지 이해할 수 있도록 한다. 현재 위치 다음으로 이동할 수 있는 위치 지금까지의 이동 히스토리 및 뒤로가거나 상위로 이동하는 방법 콘텐츠와 기능이 구조화된 방식 활용할 수 있는 정보와 툴 글로벌 내비게이션 모든 메인화면에서 고정으로 보인다. 사용자는 이 글로벌 내비게이션을 매개로 웹사이트의 공식적인 구조를 이해하게 된다. 주로 상단이나 좌측에 배치하는 메뉴, 탭, 사이드 형태로 표현된다. 상단과 좌측 둘 다 배치하는 경우도 있다. 모바일 환경에서는 하단에 배치하거나 햄버거메뉴 아이콘이나 케밥메뉴 아이콘을 누르면 메뉴패널이 열리는 형태를 활용한다. 유틸.. 더보기 이전 1 다음
