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

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

· 제목: 누구나 쉽게 배우는 웹사이트 디자인의 비밀: 레이아웃, 색, 텍스처, 타이포그래피, 이미지 사용법
· 제이슨 비어드, 제임스 조지 지음 | 윤지혜 옮김 | 256쪽 | 20,000원
· 판형: 172x225mm
· ISBN: 978-89-6626-146-8 93000

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

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

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

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

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

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

>> 추천의 글
『누구나 쉽게 배우는 웹사이트 디자인의 비밀』은 기술적인 내용 중심이라거나 디자인의 묘법이 들어있지는 않습니다. 하지만 디자인 프로세스에 대해 콘셉트를 잡는 방법부터 리서치까지 저자의 경험을 토대로 알기 쉽게 정리되어, 실제 디자인 프로젝트를 진행한 것 같은 경험을 체득할 수 있도록 구성되어 있습니다. 이런 기본기를 잘 아는 것이 디자인의 본질 중 하나라고 생각합니다.
현업 디자이너들이나 전문 디자이너를 꿈꾸는 분들뿐만 아니라 전반적인 웹 디자인에 대한 이해를 높이고 싶은 일반인들에게도 유용한 책입니다.
– 김승언 네이버 디자인센터 센터장

멋짐을 추구하는 디자인은 오래가지 않지만, 기초가 튼튼한 디자인은 오래가도 생명력을 잃지 않습니다.
초판이 발행된 지 긴 시간이 지났음에도 이 책은 여전히 빛을 잃지 않고 있습니다. 개발과 디자인을 넘나드는 저자의 이력 때문인지 논리적인 디자인 접근법이 인상적입니다. Web Design Principle을 튼튼하게 다지길 원하시는 분들께 주저 없이 이 책을 추천해 드립니다.
– 송병용 네이버 디자인센터 책임디자이너

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

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

3장 텍스처


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

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

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