스매싱 북 2

스매싱 매거진 저자(글) · 김종광 , 웹액츄얼리팀 번역 · 백성원 감수

웹액츄얼리코리아 · 2014년 06월 12일

책 소개

《스매싱 북 2》는 웹 디자인 이론에 디자인 일반론, 심리학, 인문학을 더하여 단순한 기술 소개가 아닌 탄탄한 인문학에 대한 지식 쌓기와 사용자에 대한 심층 탐구를 반영한 것이 가장 큰 특징이다. 웹사이트 작동 원리, 코드 작성의 주의점 등을 근본 측면에서 세련되고 깊게 생각하고 사고의 폭을 넓혀준다는 점에서 기술 사항, 예제 따라하기 위주의 웹 디자인 관련 서적과 차별화된다고 할 수 있다.

작가정보

저자(글) 스매싱 매거진

스매싱매거진(Smashing Magazine)은 전 세계 가장 영향력 있는 웹 디자인 분야 온라인 미디어 중 하나로, 2006년 스벤 렌나르츠와 비탈리 프리드먼이 설립했다. 웹 디자인계에서 최고 실력을 인정받는 전문가들이 필자로 참여하여 웹 디자인, 웹 개발 관련 도서와 e북을 출판하며, 수준 높은 심층 기사를 꾸준히 올리고 있다. 2014년 현재 매달 1억 회 이상의 페이지 뷰, 월평균 600만여 명의 방문자 수를 기록하고 있으며, 트위터 팔로워는 78만 명 이상이다. 매년 글로벌 웹 디자인 콘퍼런스를 개최하여 최신 이슈를 논의하고 글로벌 웹 디자인 트렌드를 제공하는 등 웹 디자인의 질적인 발전에 핵심 역할을 하고 있다. www.smashingmagazine.com

번역 김종광

번역 웹액츄얼리팀

감수 백성원

목차

• 1장. 위대한 그래픽 디자인의 원칙 - 매트 워드, 알렉산더 차차
  1 그래픽 디자인이란 무엇인가
  2 디자인의 언어
  3 시대를 초월한 사고
  4 관계적 미니멀리즘
  5 타이포그래피의 역할
  6 시각적 목소리
  7 결론
  
  2장. 보이는 디자인 vs. 보이지 않는 디자인 - 프란시스코 인카우스테
  1 보이지 않는 것 보기
  2 사용자의 사고방식 디자인하기
  3 디자인 패턴
  4 결론
  
  3장. 모바일 UX 디자인하기 - 마이크 런들
  1 소프트웨어의 미래는 모바일이다
  2 모바일 소프트웨어는 독특하다(숙달하기도 어렵다)
  3 모바일 앱의 UI 디자인 패턴
  4 모바일 앱의 비주얼 디자인
  5 모바일 앱은 도전이다
  
  4장. 스케치, 와이어프레임, 프로토타입 - 얀코 요바노비치
  1 개념에서 실행까지 : 아이디어의 여정
  2 스케치를 통한 아이디에이션
  3 구상 방법
  4 아이디에이션 기법
  5 작업 도구
  6 와이어프레임으로 형태 잡기
  7 와이어프레임의 유형
  8 프로토타이핑을 통한 테스트와 개선
  9 테스트
  10 와이어프레임의 올바른 방법
  11 그다음 무엇을 할까
  
  5장. 웹 개발의 주의사항 - 크리스찬 하일만
  1 유지보수를 고려한 개발
  2 HTML
  3 CSS
  4 자바스크립트
  5 백엔드 코드
  6 요약
  
  6장. 웹 타이포그래피의 미래 - 비비안 아네얀
  1 웹 타이포그래피의 진화
  2 오픈소스 타입 운동
  3 폰트 라이선스
  4 현존하는 미래
  5 웹 폰트 서비스
  6 좋은, 나쁜, 못생긴 타이포그래피
  7 폰트 모듈과 CSS
  8 웹 타이포그래피에 대한 조언
  
  7장. UX 디자인에 게임 디자인 원칙 적용하기 - 크리스토프 콜브
  1 모든 것은 과학에서 시작한다
  2 게임의 이름으로
  3 각본과 전략
  4 명심해야 할 5가지 사항
  
  8장. 사람들은 언제 클릭할까? : 웹 디자인과 사용자 행동의 심리학 - 수잔 웨인셴크
  1 인간은 사회적 동물이다
  2 대부분의 결정은 무의식적으로 이루어진다
  3 사람들은 어떻게 결정을 내려야 할지 불확실할 때 다른 사람들을 본다
  4 사람들은 웹사이트를 신뢰할지 말지 순식간에 결정한다
  5 사람들은 숙달을 통해 동기부여된다
  6 사람들은 쉽게 산만해진다
  7 사람들은 태생적으로 게으르다
  8 사람들은 사물이 작동하는 방식에 대한 멘탈 모델을 갖고 있다
  9 사람들은 실수한다
  10 본다고 다 보는 것이 아니다
  11 요약
  
  9장. 전자상거래 웹사이트의 디자인 패턴(연구 조사) - 스티븐 브래들리
  1 조사 과정
  2 이론과 우수 사례
  3 정보 설계
  4 내비게이션
  5 색
  6 결제하기
  7 문의와 고객 지원
  8 요약
  
  10장. (이 책과 같은) 책 만드는 방법 - <스매싱 매거진> 팀
  1 출판사와 할 것인가, 혼자 할 것인가
  2 출판사에 아이디어 제안하기
  3 콘텐츠는 도처에 널려 있다
  4 혼자서 글을 쓸 필요는 없다
  5 공동 저자들과의 커뮤니케이션
  6 인쇄 준비
  7 편집과 교정
  8 레이아웃
  9 이미지 형식, 해상도, 컬러 모드
  10 시험 인쇄
  11 최종 교정?교열, 레이아웃
  12 책 제작, 주문 처리, 마케팅
  13 eBook : 종이책의 대체 수단
  14 가격 책정
  15 업체를 통해 판매하기
  16 주문형 인쇄(POD)
  17 결론

출판사 서평

시간이 지나도 변하지 않는 원리
“심리학과 인문학이
웹 디자인에 스며들다”

웹 디자인 전문 출판사 웹액츄얼리는 가장 영향력 있는 글로벌 웹 디자인 분야 온라인 미디어 중 하나인 독일의 [스매싱 매거진(www.smashingmagazine.com)]에서 출판한 《스매싱 북 2》를 번역 출간했다.
이번에 출간한 《스매싱 북 2》는 ‘스매싱 북’ 시리즈 제 2탄이다. ‘스매싱 북’은 전 세계 웹 디자인 관련 분야에서 실무뿐 아니라 저술로 뛰어난 실력을 인정받으며 활동하는 개발자, 디자이너가 필자로 참여한다. 그들의 심층기사 중에서도 가치 있고 수준 높은 글만을 엄격한 기준으로 채택해 발행하는 책이다
《스매싱 북 2》는 웹 디자인 이론에 디자인 일반론, 심리학, 인문학을 더하여 단순한 기술 소개가 아닌 탄탄한 인문학에 대한 지식 쌓기와 사용자에 대한 심층 탐구를 반영한 것이 가장 큰 특징이다. 웹사이트 작동 원리, 코드 작성의 주의점 등을 근본 측면에서 세련되고 깊게 생각하고 사고의 폭을 넓혀준다는 점에서 기술 사항, 예제 따라하기 위주의 웹 디자인 관련 서적과 차별화된다고 할 수 있다.

웹 디자인 관련 시리즈인 ‘스매싱 북’은 현재 4권까지 나와 있으며, 웹액츄얼리에서는 이번 2권 출판에 이어 《스매싱 북 3》, 《스매싱 북 4》, 모바일 관련 최신 트렌드 기술 내용인 《더 모바일 북》 등도 계속 출간할 예정이다.
《스매싱 북 2》를 출간하는 웹액츄얼리코리아는 웹 디자인 전문 출판사이자 워드프레스 전문 웹 디자인 에이전시로서 개인이나 기업 등 클라이언트에게 워드프레스로 웹사이트 제작을 하고 있다. 출판업무를 할 때 웹사이트 제작 실무에서 직접 경험한 애로 사항에 대한 내용을 바탕으로 실무 입장에서 알아야 할 해외의 베스트셀러 도서를 끊임없이 찾아 출판하고 있다. <스매싱 매거진>에서 나오는 책과 함께 ‘어 북 어파트(www.abookapart.com)’사의 시리즈 물도 출간 중이다.

출판사 서평
가장 영향력 있는 글로벌 웹 디자인 분야 온라인 미디어 중 하나인 독일의 <스매싱 매거진>에서 출판한 《스매싱 북 2》가 웹액츄얼리에서 국내 번역 출간되었다.
저술과 실무 모든 면에서 탄탄한 실력을 인정받고 활동하는 웹 디자이너와 개발자들이 필자로 참여하여 그들의 글 중에서도 가치 있는 것만을 엄선해 펴내는 ‘스매싱 북’ 시리즈. 그 2탄인 《스매싱 북 2》는 웹사이트 제작과 관련된 10개의 핵심 주제를 알차게 담았다.
위대한 그래픽 디자인의 원칙, 멘탈 모델에 기초한 보이지 않는 디자인, 모바일 UX 디자인, 와이어프레임과 프로토타입, CSS/HTML/자바스크립트의 핫 이슈, 웹 타이포그래피의 미래, UX 디자인에 게임 디자인 적용하기, 사용자 행동의 심리학, 전자상거래 웹사이트 연구, eBook과 책 제작까지 웹 디자인과 웹사이트 제작에서 놓칠 수 없는 핵심만을 담고 있다.

사용자의 마음을 이해할수록 견고해지는 웹 디자인
시간이 지나도 변하지 않는 원리, 심리학과 인문학이 웹 디자인에 스며들다
이번 《스매싱 북 2》의 10개의 주제를 관통하는 것은 심리학, 사회학, 디자인 일반론의 관점에서 ‘사용자’를 탐구하고 있다는 점이다. 간편하게 웹 디자인을 익혀 실무에 재빨리 적용하기 위해 코드를 알려주고 유행을 강조하는 기술서, 가이드에서는 보기 힘든 면이라 하겠다. 디자인과 코드 제작 시 이렇게 하면 예쁘고 편리하다는 팁이 아니라, 왜 이렇게 만들어야 하는지의 이유, 원칙, 정당성에 초점을 둔다. 사용자의 심리와 커뮤니케이션의 목표에 기초해 웹사이트 제작 원리를 친절하게 설명한다.
발간이 다소 늦어졌음에도 불구하고 이 책의 웹 제작 원리가 시대와 트렌드를 초월해 존재한다고 할 수 있는 이유다. 급변하는 환경에서 ‘원칙’을 지키는 일의 중요성을 다시 한번 일깨워준다.

가치 있는 디자인 원리는 시간을 초월해 존재한다
T I M E L E S S W E B D E S I G N
《스매싱 북 2》에는 유행에 맞춰 일시적으로 부상했다가 가라앉는 웹 디자인 트렌드가 없다. 전체 방향을 제시하는 1장에서는 시대가 지나도 가치가 바래지 않는 디자인계의 명작을 분석해 시간을 초월한 원리를 밝힌다. ‘좋은’ 디자인은 매력적인 디자인에 그치지만 ‘위대한’ 디자인은 미니멀리즘에 기초해 합리적인 해결책을 만들어 내기 위한 것이다. 1장의 방향은 책 전체에 적용되어 웹사이트 제작에 근본 철학과 원리를 밝혀준다. 웹 디자인계 실무자들이 보다 넓은 시야를 갖고 깊이 있게 사고할 수 있게 해준다.

웹 디자인, 웹 개발, 웹 기획, 전 분야를 통합하는 책
《스매싱 북 2》에는 웹 디자인, 웹 개발, 웹 기획, 웹 타이포그래피, 전자상거래 웹사이트, eBook과 출판 등, 웹 디자인과 웹사이트 제작과 관련된 거의 모든 분야가 꼼꼼히 요약 정리되어있다. 이 주제들을 알려면 두꺼운 단행본을 읽어야 하는 경우가 일반적이다. 그러나 《스매싱 북 2》는 전 분야 정보와 지식을 한 권에 담고 있어 웹 디자인계 실무자들이 자신의 분야뿐 아니라 관련 분야까지 접하고 이해의 폭을 넓힐 수 있다는 장점이 있다.
웹사이트 제작은 공동작업으로 파트간의 효율적 커뮤니케이션이 필수적이다. 다른 업무에 대한 지식과 이해는 작업 효율성 상승과 좋은 결과물로 이어진다. 《스매싱 북 2》는 웹 디자이너, 웹 개발자, 웹 기획자 모두에게 웹사이트 제작 전체를 꿰뚫어 볼 수 있는 눈과 지식을 줄 것이다.

책 속에 없는 비밀 노트 “로스트 파일”
《스매싱 북 2》의 숨은 보석, 로스트 파일 100% 활용법
《스매싱 북 2》에는 원래 더 많은 장이 수록될 예정이었으나 각 장의 저자들이 예상보다 많은 콘텐츠를 보내와 분량 제한 때문에 싣지 못한 4편의 글이 있다. 이를 독자들에게 ‘로스트 파일’이라는 이름으로 무료로 제공할 예정이다. 뿐만 아니라 웹액츄얼리는 출간 기념으로 모든 유명 서점 및 온라인 서점에서 이벤트 한 달 기간 동안 《스매싱 북 2》를 구매하는 모든 독자에게 인쇄된 '로스트 파일'을 무료로 나눠줄 계획이다.
로스트 파일은 웹액츄얼리 사이트에서 이메일 등록을 한 독자들도 간단히 다운로드받을 수 있다.
이 내용에서는 웹사이트 제작 실무자라면 누구나 공감할 만한 현실적이고 구체적인 문제를 다룬다. 웹 디자인 비즈니스에서 부딪히는 골칫거리에 대처하는 법, 웹 디자인 커뮤니티의 중요성, 웹 디자인 완료 후 점검해보는 체크리스트, 업계의 유명 디자이너에게 듣는 실무의 조언 등, 널리 인정받는 전문가들의 생생한 경험담을 담고 있다. 그들이 제시하는 노련한 해결책은 실무자에게 자신감을 불러 넣어준다.

로스트 파일 내용
1장. 웹 디자인 비즈니스의 골칫거리와 대응법 - 스파이더 슈나이더Speider Schneider
2장. 웹 디자인 커뮤니티: 우리는 어디로 가고 있는가? - 폴 스크리븐스Paul Scrivens
3장. 궁극의 웹 디자인 질문지와 체크리스트 - 캣 네빌Kat Neville
4장. 유명 디자이너들의 전문적 조언 - 스티븐 스넬Steven Snell

무료 다운로드는 여기서 : books.webactually.com

각 장의 필자

1장 매트 워드Matt Ward : 웹 디자이너
알렉산더 차차Alexander Charchar : 그래픽 디자이너, 타이포그래피 전문
2장 프란시스코 인카우스테Francisco Inchauste : UX 디자이너
3장 마이크 런들Mike Rundle : 웹 디자이너, 앱 개발자
4장 얀코 요바노비치Janko Jovanovic : UI 디자이너, 프론트엔드 개발자, 앱 디자이너
5장 크리스찬 하일만Christian Heilmann : 웹 개발자
6장 비비안 아네얀Vivien Anayian : 웹 프로그래밍 전문가
7장 크리스토프 콜브Christoph Kolb : 인터랙션 디자인 에이전시 ‘위젯’ 대표
8장 수잔 웨인셴크Susan Weinschenk : 심리학자, UX전략 전문가
9장 스티븐 브래들Steven Bradely : 웹 디자이너, 검색엔진 최적화?마케팅 전문가
10장 스매싱 매거진 팀

기본정보

ISBN	9788996349877 ( 8996349879 )
발행(출시)일자	2014년 06월 12일
쪽수	504쪽
크기	152 * 220 * 24 mm / 756 g
총권수	1권