Page 177 고등학교 컴퓨터 그래픽 교과서

③ 타이포그래피(Typography)

타이포그래피는 효과적인 정보 전달을 추구하는 활자의 효율적 운영 체계라고 할
수 있다. 따라서 내용을 읽는 사람에게 미적인 요소를 보여 줌과 동시에 정보의 의미
를 정확하게 전달하는 것이 목표이다. 구체적으로 서체 종류, 포인트 크기, 폰트 굵기,

선 길이, 선 간격, 행 사이의 간격과 단어 사이의 간격 등을 조정하여 보기에 아름답고
이해하기 쉽도록 디자인해야 한다.

최근에는 사진까지 첨가한 구성적인 그래픽 디자인 전체를 가리키거나 일반 디자인
과 뜻이 같은 단어로 취급되어 쓰이는 일도 있다.

[그림 Ⅲ-33] 모바일 타이포그래피 [그림 Ⅲ-34] 타이포그래피에 중점을 둔 홈페이지 메인 화면
Tip
웹 디자인 컬러의 느낌
④ 색상 흰색: 순수, 청결, 간결, 정직, 결백,

인간의 감정을 움직이려면 컬러를 충분히 연구하여 상황에 알맞은 메시지가 담긴 우아, 평화
빨강색: 활력, 에너지, 열정, 따뜻함,
색을 만들고 활용해야 한다. 예를 들어 경쾌한 음악을 들려주는 방송에는 노란색 같 사랑, 유혹, 위험, 재난
노란색: 희망, 낙천적, 행복, 즐거움,
은 고채도, 고명도의 색을 주 색상으로 이용하면 유리하다. 반면에 뉴스 전문 채널에 생동감, 저렴함
주황색: 온화, 따뜻, 인자함, 에너지,
는 선명하면서도 이성적 느낌을 주는 파란색을 사용하면 사용자에게 좋은 이미지를 균형, 불안, 경계
갈색: 품격, 신뢰감, 흙, 중후함, 우
전달할 수 있다.
아함, 전통
웹 환경에서는 인쇄 출판물 환경과 구별하여 색상을 선정해야 한다. 인쇄 출판물의 초록색: 건강, 자연, 젊음, 생명, 신
선함, 활력, 보안성
경우에는 표현된 색상을 사용자가 그대로 볼 수 있지만, 웹 페이지에서는 사용자 컴 하늘색: 시원함, 무한, 천국, 영원,
신비, 창조, 순수, 깨끗함
퓨터의 성능에 따라 표현되는 색상이 제한되거나 달라진다. 개성적이고 적절한 컬러 분홍색: 낭만, 사랑, 환희, 발랄함,
쾌활함, 감성적, 따뜻함
의 사용은 강력한 표현 도구이자 의사 전달 도구이다. 따라서 디자이너는 컬러 아이
회색: 지성, 미래지향적, 우아함, 평
덴티티를 구성하는 명확한 컬러 시스템을 고안해야 한다. 온, 겸손, 창조
검은색: 세련, 우주, 신비, 힘, 당당
함, 위엄, 권위, 압도, 공포, 고독

5. 인터페이스 디자인 표현 175