누구나 쉽게 배우는 웹사이트 디자인의 비밀

웹 디자인을 시작하려는 사람들의 입문서

이 책은 트렌드에 민감한 디자인 기교보다는 웹 디자인의 핵심적인 원칙을 5부분(레이아웃, 색, 텍스처, 타이포그래피, 이미지)으로 나누어 설명하고 있다. 그중 한 주제에 관해서만 써도 책 몇 권이 나올 만하지만, 여기서는 이론을 너무 장황하고 지루하게 다루지 않는다. 어떤 이에게는 각 이론으로 더 깊이 들어가지 않는 점이 아쉬울 수 있으나, 이 책은 웹 디자인을 시작하려는 사람들이나 디자인 지식이 필요한 개발자/기획자의 첫걸음을 도울 수 있는 입문서에 가깝다. 여기에 나오는 이론을 바탕으로 여러분은 예전과는 다른 눈으로 웹사이트를 볼 수 있게 될 것이다.



디자인 지식이 필요한 개발자/기획자의 첫걸음을 돕는 지침서

특히 저자가 실제로 진행했던 디자인 프로젝트를 예시로 들고 있어서, 각 이론이 실제 디자인에서 구체화되는 모습을 볼 수 있는 것도 장점이다. 디자이너가 일하는 방식과 프로세스도 이해할 수 있어 웹 디자인 실무에 유용할 것이다.



유행은 변해도 좋은 디자인은 영원하다

이 책은 웹 디자인에 대한 마법 같은 비결, 모든 문제에 대한 답을 제시해주지는 않지만, 뛰어난 웹사이트 디자인의 비밀을 풀고자 고심하는 독자분들의 갈증을 조금이나마 해소해 줄 수 있는 책이다. 그리고 이 책에는 멋진 웹사이트 예시도 대거 등장하는데 몸에 좋은 음식을 꼭꼭 씹어먹는 것부터가 건강을 돕는 지름길이듯 좋은 웹 디자인을 보면서 자신의 디자인 안목을 훈련시킬 수 있다. 작은 것부터 이 책의 내용을 실천하다 보면 어느새 여러분은 웹 디자인에 대해 자신 있게 얘기할 수 있게 될 것이다.

1장 레이아웃과 구성

디자인 프로세스

알아내기

연구하기

실행하기

좋은 디자인의 정의

웹 페이지 분석

그리드 이론

3등분의 법칙

960 그리드 시스템

균형

대칭적 균형

비대칭적 균형

통일성

근접

반복

강조

배치

지속

고립

대비

비율

기본적인 레이아웃

좌측 내비게이션

우측 내비게이션

3단 내비게이션

영감의 소재

자료 파일 사용하기

트렌드: 인기 있는 즐겨찾기

새로운 트렌드

크기의 변화: 고정형, 유동형 또는 반응형 레이아웃

고정형 너비 레이아웃

유동형 레이아웃

반응형 디자인

화면 해상도

프레임워크

적용하기: 녹스빌 반사요법 그룹

시작하기



2장 색

색채 심리학

색채 연상

색 온도

색 명도

채도

색 이론 입문

빨강, 노랑, 파랑 또는 CMYK

색상 설계

단색 설계

유사색 설계

보색 설계

분열 보색, 3색, 4색 설계

그 밖의 색상 설계들

팔레트 만들기

16진수 표기법

색상 도구와 재료

컬러 스킴 디자이너 3

어도비 쿨러

컬러러버스

픽타큘러스

컬러 콘트라스트 체크

적용하기: 색상 설계 선택하기



3장 텍스처

점

선

도형

둥근 모서리

회전

도형과 레이아웃

부피와 깊이

원근

비율

빛과 그림자

패턴

텍스처 만들기

예스럽고 낡은 듯한 향수 어린 스타일

깨끗하거나 거친 텍스처

수공예 스크랩북 스타일

기발한 만화 스타일

최소한의 텍스처

자신만의 텍스처 만들기

적용하기: 로고와 콘텐츠



4장 타이포그래피

웹에서 활자 표시하기

@font-face를 사용한 웹 폰트

자체 호스트형 웹 폰트

웹 폰트 서비스

텍스트 이미지로 대체하기

글자형 분석하기

글자 간격

수평 간격

수직 간격

본문 정렬하기

서체 구별하기

세리프 폰트

산세리프 폰트

손글씨 폰트

고정폭 폰트

노블티 폰트

딩뱃 폰트

폰트 찾기

em은 CSS에서

상업적 폰트 갤러리

개인 예술가와 제작사

알맞은 폰트 고르기

폰트 크기와 행간 설정하기

문장부호와 특수문자 사용하기

적용하기: 섬세한 서체



5장 이미지

무엇을 찾아야 하는가

이미지의 합법적인 출처

찍거나 만들거나

이미지 구매하기

전문가의 도움 받기

좋지 않은 인상을 남기는 행동

구글 갱킹

핫링크

클립아트

창의적으로 사진 자르기

포토샵으로 조정하기

파일 형식과 해상도

창의적으로 이미지 처리하기

이미지로 이미지 보강하기

CSS로 이미지 보강하기

적용하기: 마무리 작업

발전하고 성장하기

제이슨 비어드 저자 제이슨 비어드(Jason Beaird)는 디자이너이자 프론트엔드 개발자로, 10년이 넘는 경력을 쌓으며 많은 웹 프로젝트에서 상을 받기도 했다. 그는 그래픽 디자인 경험과 웹 표준에 대한 열정을 바탕으로, 웹을 더 아름답게 만드는 손쉬운 방법을 찾고자 한다. 제이슨은 포토샵에서 픽셀을 가지고 놀거나 마크업을 손보고 있지 않을 때라면, 웹에 대한 자신의 열정을 다른 사람과 공유하기를 좋아한다. 자신의 아이디어, 모험담 그리고 진행한 프로젝트를 개인 사이트에 올리곤 한다. http://jasongraphix.com