웹 디자인은 그래픽 도구와 CSS만으로 완성되지 않는다. 처음 방문한 사람도 자연스럽게 콘텐츠에 접근하도록 이끄는 구성을 갖춰야 하는 것이다. 이러한 조건은 레이아웃, 색, 텍스처, 타이포그래피, 이미지 같은 요소들을 잘 어우러질 수 있도록 웹 디자인의 기본원칙을 잘 지킬 때 가능하다.
이 책은 웹을 처음 디자인할 때 웹사이트의 콘셉트는 어떻게 잡을 것인지, 그 콘셉트를 어떤 과정을 거쳐 구현할 것인지를 설명하고, 웹디자이너라면 기본으로 알아야 하는 디자인의 기본 요소를 체계적으로 알려 주고 있다. 또한 각 장의 마지막 부분에 실제로 존재하는 회사의 웹사이트를 만드는 과정을 수록함으로써 그 사이트가 어떤 디자인 프로세스를 거쳐 웹사이트를 완성하는지를 명확하게 보여주고 있다.
출판사 서평 웹 디자인은 그래픽 도구와 CSS만으로 완성되지 않는다. 제대로 된 웹 디자인이라면 시각적인 미려함은 물론, 처음 방문한 사람도 자연스럽게 콘텐츠에 접근하도록 이끌어 준다. 정말 좋아 보이는 웹사이트는 레이아웃, 색, 텍스처, 타이포그래피, 이미지 같은 요소들을 잘 어우러지게 하는 기본 원칙을 잘 지키고 있으며 시간이 흐른 뒤에도 여전히 좋은 디자인으로 여겨진다.
『Beautiful Web Design: 좋아 보이는 웹사이트를 만드는 디자인 원칙』은 웹사이트를 제작할 때 이 웹사이트의 콘셉트는 어떻게 잡을 것인지, 그 콘셉트를 어떤 과정을 거쳐 구현할 것인지를 설명하고, 웹디자이너라면 기본으로 알아야 하는 디자인의 기본 요소를 체계적으로 알려 준다. 또 각 장의 마지막에 실제로 존재하는 회사의 웹사이트를 만드는 과정을 담아 어떤 디자인 프로세스를 거쳐 웹사이트를 완성하는지를 명확하게 보여 준다.
** 디자인 프로세스 이해하고, 아이디어 발견하기
** 레이아웃, 색, 텍스처, 타이포그래피, 이미지로 아이디어 구현하기
** 예제 웹사이트로 콘셉트 잡는 방법부터 완성까지의 단계 따라하기
** 디자인 아이디어를 자극하는 다양한 웹사이트
목차
1장 레이아웃을 파헤쳐 보자
디자인 과정
좋은 디자인의 정의
웹 페이지 분석
그리드 이론
균형
통일성
강조
일반적인 레이아웃
참고 사이트
새로운 경향
크기 조절-고정형 너비 vs 유동형 너비
화면 해상도
응용 예제-플로리다 컨트리 타일
2장 마음을 움직이는 색상 설계하기
색채 심리학
색 온도
색 명도
색 이론 101
Red, Yellow, and Blue or CMYK?
여러 색상 설계법
팔레트 만들기
응용 예제-타일 사이트의 색
3장 그래픽을 풍부하게 하는 텍스처
점
선
도형
부피와 깊이
패턴
텍스처 만들기
응용 예제-풀칠하고 붙이기
4장 타이포그래피로 콘셉트를 살리자
웹에 서체 적용하기
활자 구조의 분석
자간
본문 정렬하기
활자체 구분하기
폰트 찾기
올바른 폰트 적용하기
응용 예제-타일 사이트에 타이포그래피 입히기
5장 웹사이트에 어울리는 이미지 찾기
무엇을 찾아야 하는가
합법적으로 이미지를 얻는 방법
좋지 않은 인상을 주는 행동
창조적으로 자르기
포토샵으로 조정하기
파일형식과 해상도
테두리와 경계선 처리하기
응용 예제-플로리다 컨트리 타일 마무리하기
영감을 떠올리십시오! 그리고 무조건 따라하지 마십시오
작가소개
제이슨 비어드 (Jason Beaird) - 제이슨은 센트럴 플로리다 대학교(University of Central Florida)에서 그래픽 디자인과 디지털 미디어를 전공했다. 개발자이면서 웹디자이너로 활동하며, 자신이 흥미를 느끼는 분야는 모두 시도해 보고, 웹사이트 일을 하지 않을 때면 곧잘 전자 제품을 분해하여 예술 작품을 만들거나 개인 사이트(http://www.jasongraphix.com/)에 디자인과 기술에 관한 경험을 적는다.
이광우 - 현재 (주)바이오엑스체인지의 부설연구소 소장이며, 전공은 개발 쪽이나 디자이너 성향을 지닌 독특한 웹 기획자다. 다양한 웹 디자인 정보에 관심이 있으며 개인 블로그인 http://november11.me/를 운영하고 있다.
