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

▣ 작가 소개

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

저자 : 제임스 조지
미국의 전문 웹 디자이너인 제임스 조지는 디자인 분야에 대한 열정이 넘치고 다른 디자이너나 개발자와 어울리는 것을 즐긴다. 또 강력하고 아름다운 웹 디자인을 만들어내기 위해서 고객이나 기업과 긴밀하게 일하는 것도 좋아한다. (트위터 @creativebeacon)

역자 : 윤지혜
심리학 및 사용자 중심 디자인 전공을 바탕으로 IT 업계에서 UX 디자이너로 일했으며, 사용자 경험/사용성/디자인 모두에 관심이 있다. 『해커를 위한 디자인 레슨』을 번역했고, 공역한 책으로 『소셜 인터페이스 디자인』이 있다. 현재는 미국 보스턴에서 거주 중이다.

▣ 주요 목차

1장 레이아웃과 구성
디자인 프로세스
알아내기
연구하기
실행하기
좋은 디자인의 정의
웹 페이지 분석
그리드 이론
3등분의 법칙
960 그리드 시스템
균형
대칭적 균형
비대칭적 균형
통일성
근접
반복
강조
배치
지속
고립
대비
비율
기본적인 레이아웃
좌측 내비게이션
우측 내비게이션
3단 내비게이션
영감의 소재
자료 파일 사용하기
트렌드: 인기 있는 즐겨찾기
새로운 트렌드
크기의 변화: 고정형, 유동형 또는 반응형 레이아웃
고정형 너비 레이아웃
유동형 레이아웃
반응형 디자인
화면 해상도
프레임워크
적용하기: 녹스빌 반사요법 그룹
시작하기

2장 색
색채 심리학
색채 연상
색 온도
색 명도
채도
색 이론 입문
빨강, 노랑, 파랑 또는 CMYK
색상 설계
단색 설계
유사색 설계
보색 설계
분열 보색, 3색, 4색 설계
그 밖의 색상 설계들
팔레트 만들기
16진수 표기법
색상 도구와 재료
컬러 스킴 디자이너 3
어도비 쿨러
컬러러버스
픽타큘러스
컬러 콘트라스트 체크
적용하기: 색상 설계 선택하기

3장 텍스처
점
선
도형
둥근 모서리
회전
도형과 레이아웃
부피와 깊이
원근
비율
빛과 그림자
패턴
텍스처 만들기
예스럽고 낡은 듯한 향수 어린 스타일
깨끗하거나 거친 텍스처
수공예 스크랩북 스타일
기발한 만화 스타일
최소한의 텍스처
자신만의 텍스처 만들기
적용하기: 로고와 콘텐츠

4장 타이포그래피
웹에서 활자 표시하기
@font-face를 사용한 웹 폰트
자체 호스트형 웹 폰트
웹 폰트 서비스
텍스트 이미지로 대체하기
글자형 분석하기
글자 간격
수평 간격
수직 간격
본문 정렬하기
서체 구별하기
세리프 폰트
산세리프 폰트
손글씨 폰트
고정폭 폰트
노블티 폰트
딩뱃 폰트
폰트 찾기
em은 CSS에서
상업적 폰트 갤러리
개인 예술가와 제작사
알맞은 폰트 고르기
폰트 크기와 행간 설정하기
문장부호와 특수문자 사용하기
적용하기: 섬세한 서체

5장 이미지
무엇을 찾아야 하는가
이미지의 합법적인 출처
찍거나 만들거나
이미지 구매하기
전문가의 도움 받기
좋지 않은 인상을 남기는 행동
구글 갱킹
핫링크
클립아트
창의적으로 사진 자르기
포토샵으로 조정하기
파일 형식과 해상도
창의적으로 이미지 처리하기
이미지로 이미지 보강하기
CSS로 이미지 보강하기
적용하기: 마무리 작업
발전하고 성장하기