PART_4. 그래픽 디자인 (GRAPHIC DESIGN)
*** 본문중심의 레이아웃 (presenting Main Contents First) ***
- 로컬 네비게이션은 주로 본문 좌측에 위치
- 보편화된 레이아웃을 다르다보면 내용(본문)보다 기능(네비게이션)을 먼제 보여주게됨
- 블로그는 시간 또는 주제중심의 정보구조였기 때문에 기존 웹사이트의 구조와 다른 정보구조를 가짐
- 블로그는 본문을 먼저 보여주는 레이아웃
- 블로그는 본론부터 예기하는것과 같다. 정보의 홍수속에서 살고있는 사용자는 본론만 듣는것고 쉽지않음
- 본문 중심의 레이아웃은 그리드 시스템보다는 본문을 먼제 보여즐 수 있는게 관건
- 본문보다 다른 구성요서가 먼저 보인다면 본문중심의 레이아웃으로 볼 수 없음
- 이는 읽기 시작점과 관련이있음
벤치마킹
http://www.calwineries.com/
- 단순한레이아웃, 칮기 쉬운 시작점, 자극적이지않은 색상 체계 등 본문을 편히 읽을수 있도록 설계
관련이론
읽기 시작점
- 가독성을 향상시키기 위해서는 사용자로 하여금 읽기 시작점을 빨리 찾을수 있도록 해야함
- 다음과 같은 행의 길이와 간격을 적절히 유지
. 행의 길이가 너무 길면 다음 행의 읽기 시작점을 찾기 어렵기 때문에 행의 길이는 적절한 수준으로 유지
. 반면 행의 길이가 너무 짧으면 시선의 흐름이 자주 바뀌게되어 불편함
. 행간이 너무 좁으면 행의 구분이 모호해져서 읽기 시작점을 찾기 어려움
. 행간은 서체의 속성에 따라 일룔적이지는 않지만 서체 포인트보다 1~4 포인트 추가하면 가독성이 향상됨
출처: 웹2.0기획과 디자인(노주환)
*** 본문중심의 레이아웃 (presenting Main Contents First) ***
- 로컬 네비게이션은 주로 본문 좌측에 위치
- 보편화된 레이아웃을 다르다보면 내용(본문)보다 기능(네비게이션)을 먼제 보여주게됨
- 블로그는 시간 또는 주제중심의 정보구조였기 때문에 기존 웹사이트의 구조와 다른 정보구조를 가짐
- 블로그는 본문을 먼저 보여주는 레이아웃
- 블로그는 본론부터 예기하는것과 같다. 정보의 홍수속에서 살고있는 사용자는 본론만 듣는것고 쉽지않음
- 본문 중심의 레이아웃은 그리드 시스템보다는 본문을 먼제 보여즐 수 있는게 관건
- 본문보다 다른 구성요서가 먼저 보인다면 본문중심의 레이아웃으로 볼 수 없음
- 이는 읽기 시작점과 관련이있음
벤치마킹
http://www.calwineries.com/
- 단순한레이아웃, 칮기 쉬운 시작점, 자극적이지않은 색상 체계 등 본문을 편히 읽을수 있도록 설계
관련이론
읽기 시작점
- 가독성을 향상시키기 위해서는 사용자로 하여금 읽기 시작점을 빨리 찾을수 있도록 해야함
- 다음과 같은 행의 길이와 간격을 적절히 유지
. 행의 길이가 너무 길면 다음 행의 읽기 시작점을 찾기 어렵기 때문에 행의 길이는 적절한 수준으로 유지
. 반면 행의 길이가 너무 짧으면 시선의 흐름이 자주 바뀌게되어 불편함
. 행간이 너무 좁으면 행의 구분이 모호해져서 읽기 시작점을 찾기 어려움
. 행간은 서체의 속성에 따라 일룔적이지는 않지만 서체 포인트보다 1~4 포인트 추가하면 가독성이 향상됨
출처: 웹2.0기획과 디자인(노주환)