웹 디자인을 시작하려는 사람들의 입문서 이 책은 트렌드에 민감한 디자인 기교보다는 웹 디자인의 핵심적인 원칙을 5부분(레이아웃, 색, 텍스처, 타이포그래피, 이미지)으로 나누어 설명하고 있다. 그중 한 주제에 관해서만 써도 책 몇 권이 나올 만하지만, 여기서는 이론을 너무 장황하고 지루하게 다루지 않는다. 어떤 이에게는 각 이론으로 더 깊이 들어가지 않는 점이 아쉬울 수 있으나, 이 책은 웹 디자인을 시작하려는 사람들이나 디자인 지식이 필요한 개발자/기획자의 첫걸음을 도울 수 있는 입문서에 가깝다. 여기에 나오는 이론을 바탕으로 여러분은 예전과는 다른 눈으로 웹사이트를 볼 수 있게 될 것이다. 디자인 지식이 필요한 개발자/기획자의 첫걸음을 돕는 지침서 특히 저자가 실제로 진행했던 디자인 프로젝트를 예시로 들고 있어서, 각 이론이 실제 디자인에서 구체화되는 모습을 볼 수 있는 것도 장점이다. 디자이너가 일하는 방식과 프로세스도 이해할 수 있어 웹 디자인 실무에 유용할 것이다. 유행은 변해도 좋은 디자인은 영원하다 이 책은 웹 디자인에 대한 마법 같은 비결, 모든 문제에 대한 답을 제시해주지는 않지만, 뛰어난 웹사이트 디자인의 비밀을 풀고자 고심하는 독자분들의 갈증을 조금이나마 해소해 줄 수 있는 책이다. 그리고 이 책에는 멋진 웹사이트 예시도 대거 등장하는데 몸에 좋은 음식을 꼭꼭 씹어먹는 것부터가 건강을 돕는 지름길이듯 좋은 웹 디자인을 보면서 자신의 디자인 안목을 훈련시킬 수 있다. 작은 것부터 이 책의 내용을 실천하다 보면 어느새 여러분은 웹 디자인에 대해 자신 있게 얘기할 수 있게 될 것이다.

1장 레이아웃과 구성 디자인 프로세스 알아내기 연구하기 실행하기 좋은 디자인의 정의 웹 페이지 분석 그리드 이론 3등분의 법칙 960 그리드 시스템 균형 대칭적 균형 비대칭적 균형 통일성 근접 반복 강조 배치 지속 고립 대비 비율 기본적인 레이아웃 좌측 내비게이션 우측 내비게이션 3단 내비게이션 영감의 소재 자료 파일 사용하기 트렌드: 인기 있는 즐겨찾기 새로운 트렌드 크기의 변화: 고정형, 유동형 또는 반응형 레이아웃 고정형 너비 레이아웃 유동형 레이아웃 반응형 디자인 화면 해상도 프레임워크 적용하기: 녹스빌 반사요법 그룹 시작하기 2장 색 색채 심리학 색채 연상 색 온도 색 명도 채도 색 이론 입문 빨강, 노랑, 파랑 또는 CMYK 색상 설계 단색 설계 유사색 설계 보색 설계 분열 보색, 3색, 4색 설계 그 밖의 색상 설계들 팔레트 만들기 16진수 표기법 색상 도구와 재료 컬러 스킴 디자이너 3 어도비 쿨러 컬러러버스 픽타큘러스 컬러 콘트라스트 체크 적용하기: 색상 설계 선택하기 3장 텍스처 점 선 도형 둥근 모서리 회전 도형과 레이아웃 부피와 깊이 원근 비율 빛과 그림자 패턴 텍스처 만들기 예스럽고 낡은 듯한 향수 어린 스타일 깨끗하거나 거친 텍스처 수공예 스크랩북 스타일 기발한 만화 스타일 최소한의 텍스처 자신만의 텍스처 만들기 적용하기: 로고와 콘텐츠 4장 타이포그래피 웹에서 활자 표시하기 @font-face를 사용한 웹 폰트 자체 호스트형 웹 폰트 웹 폰트 서비스 텍스트 이미지로 대체하기 글자형 분석하기 글자 간격 수평 간격 수직 간격 본문 정렬하기 서체 구별하기 세리프 폰트 산세리프 폰트 손글씨 폰트 고정폭 폰트 노블티 폰트 딩뱃 폰트 폰트 찾기 em은 CSS에서 상업적 폰트 갤러리 개인 예술가와 제작사 알맞은 폰트 고르기 폰트 크기와 행간 설정하기 문장부호와 특수문자 사용하기 적용하기: 섬세한 서체 5장 이미지 무엇을 찾아야 하는가 이미지의 합법적인 출처 찍거나 만들거나 이미지 구매하기 전문가의 도움 받기 좋지 않은 인상을 남기는 행동 구글 갱킹 핫링크 클립아트 창의적으로 사진 자르기 포토샵으로 조정하기 파일 형식과 해상도 창의적으로 이미지 처리하기 이미지로 이미지 보강하기 CSS로 이미지 보강하기 적용하기: 마무리 작업 발전하고 성장하기