UI/UX의 경우 종이 위에 프린트되는 정적인 결과물과는 달리 시각적 계층구조와 동적인 요소로 이루어져 있으므로 정보성과 시지각에 대한 이해가 필요하게 된다. 이 과정을 통해서 스크린 디자인에 있어서 기본적인 정보관리와 시각적 계층구조를 효과적으로 설계하는 방법을 학습하도록 한다.
- 시각적 계층구조
- 페이지 프레임워크
- 웹 레이아웃 특성
- 사례연구
- 리소스 활용 방법
- 네이밍
아래의 2가지 항목에 관한 내용을 해결해 보자.
질문 1
지난 시간에 배운 레이아웃 내용을 복습해보고 내가 기획한 페이지에서 시각적 계층구조를 어떻게 만들것인지 생각해보고 계획을 세워보자.
- 메인페이지 :
그리드안에서(1순위) 가장 드러내야할 영역 어디인지
2순위 그다음으로 드러낼 영역이 어디인지
3순위 그 다음으로 드러낼 영역~ - 소개 메뉴 :
그리드안에서(1순위) 가장 드러내야할 영역 어디인지 - **메뉴 :
그리드안에서(1순위) 가장 드러내야할 영역 어디인지
최소 3페이지 이상입니다.
질문 2
내가 정한 개인 주제의 메인화면에서의 주요 사용자 과업을 파악하고 시각 계층구조를 설계해본다.
- 사용자 과업 파악, 분석
- 과업 그룹핑
- 시각계층 설정(visual path): 무엇을 시각계층에 1계층에 놓을지 결정한다.
- 시각계층 구현
- 그리드 만들기
- 컬럼 설정
- 배치
