Page 178 고등학교 컴퓨터 그래픽 교과서
P. 178
[그림 Ⅲ-35] ‘디자인송파’ 홈페이지 메인 페이지 녹색을 사용하 [그림 Ⅲ-36] ‘대한적십자사’ 모바일 메인 페이지. 일반
여 도시의 오랜 역사와 청결함을 반영한 컬러 시스템 홈페이지를 적으로 널리 인식된 대한적십자사의 아이덴티티 컬러인
구축하였다. 빨간색을 주 색상으로 활용하였다.
(2) 웹 페이지 레이아웃의 기본 조건
웹 페이지를 레이아웃할 때는 글자, 그림, 기호, 사진 등의 각 구성 요소들을 정해진 길잡이 정리
공간에 효과적으로 배열하여야 한다. 먼저 사용자의 인식 단계를 정확히 파악한 후 인터페이스 디자인의 기본 구성 요
소와 원리
주목성, 가독성, 조형성, 창조성, 기억성 등을 종합적으로 고려하여 레이아웃을 구성하 사람들이 원하는 정보를 쉽게 확인
하고 조작할 수 있도록 레이아웃,
도록 한다. 아이콘, 타이포그래피, 색상 등을 고
려하여 제작해야 하며 주목성, 가독
① 주목성: 사용자의 시선을 집중시켜 제목에 주목하도록 한다. 성, 조형성, 창조성, 기억성의 원리
를 적절히 적용하여 표현해야 한다.
② 가독성: 중요한 것과 중요하지 않은 것을 한눈에 알 수 있으며, 내용을 쉽게 이
해할 수 있도록 한다.
③ 조형성: 레이아웃 구성 요소를 조정하여 시각적으로 안정되면서도 흥미를 유발
하도록 한다.
④ 창조성: 기존 레이아웃과 차별화되는 개성을 부여한다.
⑤ 기억성: 사용자의 기억에 오래 남도록 한다.
상단 이미지
•경쾌함과 운동감
중간 이미지
<사용자 인식 단계> •균형적인 분위기
•안정적인 분위기
1. 웹 페이지를 모양과
•주목성은 보통
색상의 큰 덩어리로
좌/우 이미지
인식하는 단계
• 단면 구성 : 일반적으로 사람의
2. 그래픽 이미지를 통한 시선 방향은 좌 → 우
정보 선별 단계 • 좌측보다는 우측의 주목성이 강함
3. 문맥을 파악하면서 구
하단 이미지
체적으로 읽는 단계 •가장 안정적
•무거움, 정지 느낌
•주목성은 약함
[그림 Ⅲ-37] 웹 페이지 사용자의 인식 단계와 위치에 따른 이미지의 성격
176 Ⅲ. 컴퓨터 그래픽 요소 제작
