자세히보기

1. 1장. 위대한 그래픽 디자인의 원칙

   매트 워드, 알렉산더 차차

   단지 ‘좋은’ 디자인과 진정으로 ‘위대한’ 디자인의 차이점은 무엇일까요. 여백, 대비, 색채 이론, 그리드와 같은 웹 디자인에서 활용되는 개념은 인쇄 매체에서 유래된 것이 많습니다. 웹 디자인을 잘 하기 위해서는 그래픽 디자인을 공부하는 것이 필수이지요.
   1장에서는 그래픽 디자인의 역사와 개념, 시간을 초월한 디자인, 관계적 미니멀리즘, 긴장감, 타이포그래피, 시각적 목소리 같은 그래픽 디자인 원칙을 살펴봅니다.
   그래픽 디자인에 대한 참고 문헌 목록도 학습에 도움을 드릴 것입니다.

   

2. 2장. 보이는 디자인 vs. 보이지 않는 디자인

   프란시스코 인카우스테

   ‘보이는 디자인’은 흔합니다. 포토샵 같은 툴을 이용해서 만들면 되니까요. 2장에서 강조하는 디자인은 ‘보이지 않는 디자인’입니다. 우리가 디자인을 할 때 백지 상태에서 하는 것이 아니라, 특정한 패턴에 따라 하고 일정한 제한을 따르지요. 보이지 않는 디자인은 사용자의 멘탈 모델에 가깝습니다.
   “좋은 디자인은 눈에 보이지 않는다. 디자인이 눈에 들어온다면 그것은 잘못 만들어졌을 때뿐이다”라는 자레드 스풀Jared Spool의 말처럼 보이지 않는 디자인은 직관적이랍니다.

   

3. 3장. 모바일 UX 디자인하기

   마이크 런들

   소프트웨어의 미래는 모바일입니다. 모바일 앱의 UX 디자인은 디자이너에게 도전적인 과제입니다. 극단적으로 작은 화면에 인터랙션 디자인, 그래픽 디자인, 정보 설계, 인체 공학 등의 기술이 집약됩니다.
   UI 디자인 패턴, 모바일 앱의 비주얼 디자인 원칙, 환상적인 UX는 플랫폼과 상관없이 언제나 핵심적인 차별화 요소가 됩니다.

   

4. 4장. 와이어프레임과 프로토타입

   얀코 요바노비치

   모든 디자인은 아이디어에서 출발하지만 구현되는 아이디어는 드뭅니다. 4장에서는 아이디어가 구체적인 결과물로 발전하는 과정을 설명하고 아이디에이션의 기술과 도구를 제안합니다. 디자인 프로세스가 진행될수록 와이어프레임의 충실도는 높아지고 대안의 수는 줄어듭니다.
   낮은 정밀도와 높은 정밀도의 와이어프레임, 프로토타입의 툴과 예시는 실제 웹 기획 업무와 밀접한 관련이 있습니다.

   

5. 5장. 웹 개발의 주의사항

   크리스찬 하일만

   백엔드, 프론트엔드 개발에 종사하는 개발자는 사용자의 삶을 편리하게 만드는 대단한 것을 만들며 업무 시간을 보내고 있을까요? 안타깝게도 코드를 정리하고 유지보수를 하느라 많은 시간을 보냅니다. 또 내가 만든 코드는 후임자가 작업합니다. 나만 편하자고 임시방편으로 개발해서는 안 되는 이유이지요.
   유지보수를 염두에 둔 개발, HTML과 CSS 코드에서 반드시 피해야 하는 코드, 자바스크립트와 백엔드 코드의 이슈에 대한 설명이 가득합니다.

   

6. 6장. 웹 타이포그래피의 미래

   비비안 아네얀

   타이포그래피의 바이블이 된 로버트 브링허스트의 ≪타이포그래피 스타일의 요소≫ 서문에서 타이포그래피 원칙은 어떠한 매체에도 독립적으로 적용된다고 합니다. 하지만 웹 디자이너가 제대로 된 웹 타이포그래피를 갖게 되기까지 20여년이 걸렸지요.
   웹 타이포그래피의 발전 과정, @font-face 규칙, WOFF, 웹 폰트 서비스와 라이선스 등에 대해 현업에 종사중인 웹 타이포그래퍼, 폰트 서비스사 대표의 인터뷰를 들어보세요.

   

7. 7장. UX 디자인에 게임 디자인 원칙 적용하기

   크리스토프 콜브

   비즈니스의 목적은 단순합니다. 최대한 많은 사람들을 인터랙션에 참여시키는 것이지요. 여기에 게임 디자인의 원칙이 적용됩니다. 잠복자 현상, 근접 이타주의, 기대 호혜성, 팃포탯 전략, 경제학의 효용 체감 법칙 같은 사회학, 심리학 이론도 포함됩니다.
   수집, 획득, 피드백, 교환, 커스터마이징, 인터랙션 게임 세계의 속성, 플레이어의 특징, 게임의 규칙과 같은 게임 역학이 UX 디자인과 어떻게 관련이 되는지 궁금하지 않으세요?

   

8. 8장. 사람들은 언제 클릭할까? : 웹 디자인과 사용자 행동의 심리학

   수잔 웨인쉔크

   심리학자인 저자는 디자인을 심리학적 관점과 멘탈 모델에서 고찰합니다. 뇌 과학 연구 성과를 바탕으로 사람들이 즉각적으로 반응하는 웹 디자인의 비주얼은 무엇인지, 무의식적인 의사 결정이 웹사이트의 신뢰도에 어떻게 영향을 주는지, 숙달에 대한 욕망이 어떻게 동기를 부여하는지 분석합니다. 사회심리학에서 연구된 목표구배 효과, 사회적 타당화, 최소한의 충족, 멘탈 모델, 무주의 맹시 이론이 웹 디자인 분야를 더욱 흥미있고 풍부하게 만들고 있습니다.

   

9. 9장. 전자상거래 웹사이트의 디자인 패턴(연구)

   스티븐 브래들리

   전자상거래 웹사이트를 만드는 디자이너는 일반적인 웹사이트 디자이너들이 생각하지 못하는 부분까지 고려해야 합니다. 결제 프로세스는 어떻게 할지, 신용카드 정보를 얻기 위해서는 어떻게 신뢰를 줘야 하는지, 방문자들의 행동을 유도하기 위해서는 버튼의 낱말과 색깔은 어떻게 할지도 고려의 대상입니다.
   여기서는 57개의 웹사이트를 선정해서 페이지 레이아웃, 정보 설계, 내비게이션, 문의와 고객 지원에 관한 우수 사례를 끌어 냈습니다. 성공적인 전자상거래 웹사이트를 위한 실질적인 가이드가 될 것입니다.

   

10. 10장. (이 책과 같은) 책 만드는 방법

    스매싱 매거진 편집팀

    스스로 아이디어를 내서 형태를 만들어 책을 손에 쥐게 되는 경험은 놀랍기만 합니다. 콘텐츠의 확보, 손쉬운 편집툴, 커뮤니티의 구축, 이 모든 것은 책 제작을 실현 가능한 꿈으로 만들어 주었습니다.
    독립적으로 출판하기, 출판사를 통해 출판하기, 글쓰기, 편집, 인쇄 준비, 레이아웃과 교정, 가격책정, 주문처리, 마케팅, 고객지원, e북 제작, 주문형 인쇄까지, 현장 경험을 바탕으로 한 책 만들기의 생생한 정보를 알려드립니다.