Better Web Design II : Detail 웹 포트폴리오

출판 년도가 많이 지난 지금 구입한 책이지만. 기본적인 웹에 대한 기초지식을 쌓을 수 있는데는 충분한 책이라 생각된다. 하지만 역시 년도가 많이 지나다보니, 예전 디자인의 흐름은 이러했구나.. 하는 생각은 들지만, 요즘의 웹과는 다소 차이가 보이는 듯했다. 참고로 나와있는 여러 사이트의 정보도.. 사라진 웹사이트도 많았고.. 허나, 여전히 훌륭한 웹사이트로 새로운 변화를 준 사이트도 보였다. 꽤나 도움이 되었다고 생각된다. 기초적인 웹컬러나 레이아웃등은 기초를 단단히 하는데 도움이 되었다 생각된다. 근레에 다시 한번 수정이되어 좀 더 많은 그리고 새로운 지식을 담은 책이 출간되었으면 한다.
웹디자이너들의 클럽인 포플러에서 집필한 웹 인터랙션을 전문적으로 다룬 책이다. 홈페이지 실무 레이아웃의 이해와 다양한 웹 레이아웃 실전 테크닉 등을 통하여 창조적이고 신선한 감각을 키울 수 있는 방법들을 제시해준다. 또한 PC나 Mac과 같은 서로 다른 운영체제에서도 디자이너가 원하는 컬러를 표현하기 위한 웹상에서 사용 가능한 최적의 컬러를 선택하는 데 도움을 준다. 또한 지금까지 구축된 많은 사이트를 통해 각각의 사이트들이 가지고 있는 있는 컬러가 어떤 목적으로 적용되었는지를 벤치마킹을 통해 자세하게 보여준다.



머리말
북 가이드

Theme 1 웹 레이아웃(Web Layout)

Section 1 전문 웹 디자이너가 제시하는 웹 레이아웃

Step 1 레이아웃이란?
Step 2 다양한 레이아웃의 세계

Section 2 다양한 웹 레이아웃 실전 테크닉

Step 1 실전 테크닉 1 - 프레임
Step 2 실전 테크닉 2 - 왼쪽 정렬
Step 3 실전 테크닉 3 - 오른쪽 정렬
Step 4 실전 테크닉 4 - 수평 수직 정렬
Step 5 실전 테크닉 5 - 수평 중앙 정렬

Theme 2 웹 컬러(Web Color)

Section 3 프린트(Print) 컬러 & 웹(Web) 컬러

Step 1 RGB 색상 모형
Step 2 CMYK 색상 모형

Section 4 웹 컬러의 기초

Step 1 모니터(Monitor)
Step 2 컬러 심도(Color Depth)
Step 3 인덱스드 컬러 모드(Indexed Color Mode)
Step 4 6×6×6 컬러 큐브(6×6×6 Color Cube)
Step 5 웹 안전 컬러(Web Safe Color)
Step 6 216 웹 컬러(216 Web Color)
Step 7 웹 안전 컬러 만들기

Section 5 컬러로 알아보는 사이트 구축 테크닉

Step 1 컬러 활용 목적
Step 2 컬러로 알아보는 사이트 구축 테크닉 1(정보 전달 목적)
Step 3 컬러로 알아보는 사이트 구축 테크닉 2(정의적인 목적)
Step 4 컬러로 알아보는 사이트 구축 테크닉 3(연상적인 목적)
Step 5 컬러로 알아보는 사이트 구축 테크닉 4(심미적인 목적)
Step 6 컬러로 알아보는 사이트 구축 테크닉 5(상징적인 목적)

Theme 3 웹 인터페이스 & 내비게이션(Web Interface & Navigation)

Section 6 인터페이스와 내비게이션의 개념

Step 1 인터페이스 디자인(Interface design)이란?
Step 2 내비게이션 디자인(Navigation design)이란?

Section 7 최적의 인터페이스와 내비게이션을 위한 디자인 원리

Step 1 조직성(Systematic)
Step 2 경제성(Economy)
Step 3 적합성(Compatibility)
Step 4 일관성(Consistency)
Step 5 예측성(Predictability)
Step 6 안정성(Stability)
Step 7 흥미성(Interest)
Step 8 심미성(Aesthetic)

Theme 4 웹 타이포그래피(Web Typography)

Section 8 신 개념 타이포그래피의 기초

Step 1 타입페이스(Typeface)의 해부학적 구조
Step 2 타입페이스의 분류 및 특성

Section 9 웹 타이포그래피 요소의 원칙 및 구성 원리

Step 1 웹 타이포그래피 요소의 원칙
Step 2 웹 타이포그래피의 구성 원리

Section10 전문 웹 디자이너가 제시하는 웹 타이포그래피의 주요 특성

Step 1 가독성과 판독성
Step 2 폰트의 선택과 사용
Step 3 키네틱 타이포그래피

Section11 Good 웹 타이포그래피 포트폴리오

Theme 5 웹 메타포(Web Metaphore)

Section12 메타포의 정의

Step 1 메타포의 개념
Step 2 메타포와 비유법

Section13 메타포의 활용

Step 1 비유의 메타포
Step 2 비주얼 커뮤니케이션(Visual Communication) 메타포
Step 3 내레티브(Narrative)를 활용한 메타포

Section14 메타포를 이용한 웹 사이트

Step 1 영화 사이트 속의 메타포
Step 2 잘못 구현된 메타포

Theme 6 웹 스타일(Web Style)

Section15 웹 스타일이란?

Section16 웹 디자인의 스타일 분류

Step 1 사용자 중심의 도구인 ‘웹’
Step 2 스타일 분류 방법
Step 3 디지털 아트 스타일(Digital Art Style)
Step 4 인포메이션 디자인 스타일(Information Design Style)
Step 5 웹 아이덴티티 디자인 스타일(Web-Identity Design Style)
Step 6 스토리 텔링 디자인 스타일(Story-telling Design Style)
Step 7 하이브리드 디자인 스타일(Hybrid Design Style)
Step 8 픽셀 디자인 스타일(Pixel Design Style)
Step 9 미니멀 아트 스타일(Minimal Art Style)

Theme 7 웹 인터랙션(Web Interaction)

Section17 인터랙션(Interaction)이란?

Step 1 웹 인터랙션(Web Interaction)이란?
Step 2 웹 인터랙션을 구현하는 기술

Section18 웹 인터랙션의 최강자 플래시

Step 1 플래시의 역할과 의의
Step 2 인터랙션 알고리즘
Step 3 무비클립 이벤트
Step 4 인터랙션 사이트에 응용하기
Step 5 잘된 인터랙션 분석하기
Step 6 인터랙티브 웹 사이트 구축

Theme 8 웹 기획과 전략(Web Planning)

Section19 웹 디자이너를 위한 웹 사이트 기획과 전략

Step 1 웹 디자이너와 클라이언트
Step 2 웹 기획
Step 3 제작
Step 4 유지 관리
Step 5 웹 마케팅

Section20 실무 웹 디자이너의 포트폴리오

Step 1 포트폴리오에 대하여
Step 2 목적에 따른 포트폴리오
Step 3 면접 준비
Step 4 나만의 포트폴리오 제작하기
Step 5 취업 정보 사이트

Section21 완성도 있는 Good 웹 사이트

Step 1 컨텐츠
Step 2 커뮤니티
Step 3 커머스
Step 4 내비게이션

Theme 9 거장들의 웹 디자인(Web Layout of Masters)

Section22 네빌 브로디(Neville Brody)

Section23 데이비드 카슨(David Carson)

Section24 존 마에다(John Maeda)

Section25 힐먼 커티스(Hillman