웹 컬러디자인을 위한 Photoshop 7

머리말
이책의 특징
이책의 학습 방법
이책의 구성
부록 CD사용법

고급 포토샵 사용자를 위한 고급 테크닉 걸작선
1) 블렌딩 모드 교체 테크닉
2) 현재 레이어만 보기 테크닉
3) 링크 항목 한꺼번에 해제하기
4) 레이어 빨리 지우는 테크닉
5) 불투명도 조절 테크닉
6) 선택 하단에 레이어 생성 테크닉
7) 배경 레이어를 일반 레이어로 바꿔주는 테크닉
8) 현재 선택한 영역에 빠르게 Edit-Fill명령을 적용하는 테크닉
9) 빨리 이미지 열기 테크닉
10) 도큐멘트 바탕 화면 채우기 테크닉
11) 각종 정보 살펴보기 테크닉
12) 숨겨진 화면 빨리 보기 테크닉
13) 레이어 섬네일 빠르게 조절하기 테크닉
14) 컬러 램프 바꿔가기 테크닉
15) 전경색, 배경색 지정 테크닉
16) 내비게이션으로 빠르게 확대 테크닉
17) 히스토리 팔레트 스냅샵 테크닉
18) 툴박스 하위 메뉴 빠르게 보기 테크닉
19) 파일 사이즈 계산하는 테크닉
20) 단위 빠르게 바꾸는 테크닉
21) 문자 입력하는 테크닉
22) 24비트 파일 사이즈 계산하는 테크닉
23) 이미지레디에서 빨리 최적화 탭 선택하는 테크닉
24) 해상도와 웹 모드
25) Gif파일 모맷과 Jpeg파일 포맷
26) Png파일 포맷
27) 비트맵 이미지 최적화하기
28) Gif파일의 옵션들
29) Blur로 용량 줄이기
30) Dithering사용방법
31) 이미지레디의 용이성
32) 적은용량의 배경 이미지 제작법
33) 컬러수 감소방법
34) Posterising으로 파일 크기 감소하기
35) Aliase적용된 산세리프 사용하기
36) Cropping시 이미지 크기 줄이기
37) Web-Safe팔레트 이용하기
38) Adaptive팔레트 사용하기
39) 레이어 스타일 추가하기
40) Mac과 Pc 명도 차이
41) Only web Color사용
42) 맥에서의 모니터 사용
43) RGB레벨 변화로 이미지 보정
44) 압축의 두가지 타입
45) Gif로 압축하는 방법
46) Png포맷 타입
47) 파일 압축 옵션들

새롭게 변신한 포토샵 7의 새로운 기능들
48) 손쉬운 파일 관리(File-Browse기능)
49) 도장툴은 가라! 정말 빠른 수정과 복원 기능-(Healing Brush와 Patch Tool)기능
50) 즉각적인 웹 투명도 기능
51) 사용자 정의 작업영역과 도구 설정값의 발전(Workspace와 Tool Preset 기능)
52) 향상된 웹 내비게이션 기능들(이미지레디 7의 강력한 롤오버 팔레트)
53) 자동 색상 수정(Auto Color기능)
54) 맞춤법 검색기 탑재한 강력한 웹기능(Edit-Check Spelling기능으로 확장된 맞춤법 기능)
55) 벡터 이미지 최적화하기(웹용 벡터 이미지 최적화 기능)
56) 새로운 OS에 대한 모든 지원 가능(MAC OS X와 Windows XP의 사용)
57) 무선 단말기를 위한 WBMP포맷 기능
58) 향상된 픽쳐 패키지 기능(picture Package)
59) 폭넓은 선택(향상된 웹 갤러리 기능)
60) 사실적인 페인팅 효과(Pattern Maker기능)
61) 엄청난 양의 브러시들, 그리고 창조적인 페인터 작업(브러시 기능의 괄목할만한 성장)
61) 보강된 유동화 도구(Liquify의 보강 기능)
62) 그밖의 기능들

1부 인터페이스 디자인
디자인의 개념
인터페이스 디자인시 고려해야 할점들

1장 인터페이스란 무엇인가?
1) 인터페이스란?
2) 시각과 인터페이스 디자인
3) CBUI (character-based UI) & GUI (Graphic UI)에 관하여
4) 웹디자인과 인터페이스 디자인

2장 인터페이스 디자인의 특성
1) 메타포(metaphors)
2) 제공성(affordance)

3장 인터페이스 디자인의 기본 개념
1) 웹사이트의 작업지원 수준
2) 웹사이트의 사용 편리성
3) 미학적 구성

4장 시각 구성 방법
1) 근접의 방법
2) 반복의 방법
3) 연속의 방법
4) 그리드

5장 좋은 인터페이스 디자인의 요건
1) 웹페이지 구성
2) 인터페이스 디자인 작업시 고려해야 할 요소들
3) Userble한 디자인

6장 웹 기획과 인터페이스 디자인
1) 편집에 대한 기본적인 레이아웃이나 타이포에 대한 학습이 필요하다
2) 많이 본 사람이 좋은 시력을 가지고 있다.
3) 새로운 기술 따라가려다가 가랑이 ㅉ어진다
4) 웹은 무조건 가벼워야 한다-이미지 전송속도를 고려한 디자인
5) 가이드를 제대로 만나야 편하게 웹여행을 한다- 네비게이션의 중요성
6) 웹사이트가 잘려요! 잘못 만들었나봐?-해상도에 관한 문제
7) 스토리 보드작성에서 디자인 스케치,....시안 완성까지

7장 전체적인 사이트 구축과정
1) 웹사이트 기획단계
2) 개발단계
3) 테스트 단계
4) 업로드 및 유지 보수 단계

2부 컬러- 색상 계획

8장 컬러에 대한 기초적인 몇 가지 지식
1) 채도
2) 명도
3) 색상
4) 대비
5) 혼합

9장 색상 배색에 대해서
1) 기본적인 색상 배색 표현
2) 배색이미지 공간
3) 사이트별 컬러의 특징 읽기

제3부 웹 색상의 표현

1) 웹 색상에 관하여
2) 포토샵에서 웹 전용 컬러 선택하기
3) RGB, CMYK
4) 인터넷에서의 색상
5) 웹에서 재현된 색이 달라 보이는 이유
6) 웹 전용컬러와 컬러에 도움이 되는 사이트
7) 디자인에 도움이 되는 그라피티 색상 혼합

제4부 웹디자인과 이미지

10장 웹 디자인과 이미지 기초 상식
1) 웹 이미지 파일 포맷
2) 안티알리아스와 알리아스
3) 픽셀

11장 웹 디자인과 사진 이미지
1) 웹디자인과 디카족
2) 무료 이미지 웹 사이트 이용
3) 웹을 위한 스캐닝
4) 이미지 보정에 대한 모든 것

12장 웹디자인 활용 예제들
1) 듀오톤 제작을 위한 테크닉
2) Channel Mixer를 이용한 웹사이트 메인 만들기
3) 일러스트레이터를 이용한 3D 효과주기
4) 흑백 이미지로 하이퍼링트 페이지 만들기

제5부타이포그래픽

13장 웹 디자인에 있어서의 타이포그래픽
1) 타이포그래픽과 이미지와의 조화
2) 불규칙한 레이아웃과 타이포그래픽
3) 의미 전달에 있어서의 효과적인 주목성이 강조된 타이포그래픽!
4) 타이포그래픽의 폭넓은 표현력
5) 실험적인 타이포 그래픽

14장 타이포그래픽 베스트 사이트

15장 웹 디자인의 가장 강력한 무기 타이포그래픽

16장 타이포그래픽의 기초
1) 글자의 무게
2) 글자의 폭
3) 글자의 기울기
4) 글자의 스타일 구분 세리프(Serif)와 산스세리프(Sans-Serif)

17장 온라인과 오프라인 타이포그라픽의 차이

18장 웹 타이포그라픽의 원칙들
1) 어떤 글자체를 선택할 것인가?
2) 어떻게 쉽게 읽게 할 것인가? (가독성에 대한 문제)
3) 스크롤링이 필수적인가?
4) 글자 간격은 어느 정도 되어야 하는가?
5) 단락구분과 들여쓰기는 어떻게 하는가?
6) 여백주기와 문장 정렬은 어떻게 하는가?
7) 글자색과 배경색은 어떻게 선택할 것인가?

19장 타이포그라퍼와 웹 디자이너

20장 포토샵과 타이포그래픽
1) 포토샵 타입의 중요 요소-안티엘리어스
2) 포토샵 타입의 4가지 속성 - None, Crisp, Strong, Smooth
3) 안티 엘리어스의 사용 테크닉
4) 작은 문자를 다루는 기술-12point이하의 글자 다루기

21장 드림위버와 타이포그래픽
1) CSS의 작성
2) CSS의 응용(롤오버 텍스트 버튼 만들기)

22장 플래시와 타이포그래픽

제6부 이미지 최적화하기

23장 이미지레디에서의 최적화
1) 최적화 옵션
2) JPEG파일의 최적화 팔레트
3) Gif파일의 최적화 팔레트
4) Png파일의 최적화 팔레트
5) 도큐멘트 윈도우
6) 최적화 이미지 저장하기
7) Gif파일로 최적화하기
8) Jpeg파일로 최적화하기

24장 슬라이스 HTML 만들기
1) 슬라이스의 개념
2) 슬라이스 파일의 실제 사용도
3) 슬라이스의 종류
4) 가이드라인을 이용하여 슬라이스 HTML 만들기
5) 메뉴를 이용하여 슬라이스 HTML 만들기
6) 메뉴항목을 이용한 슬라이스
7) Ruler를 사용한 슬라이스

25장 GIF 애니메이션 만들기
1) GIF 애니메이션란?
2) 애니메이션 팔레트 살펴보기
3) GIF 애니메이션 만들기

26장 롤오버 버튼 만들기
1) 롤오버란?
2) 롤오버 버튼 만들기

27장 이미지맵 만들기
1) 이미지맵이란?
2) 이미지 맵 만들기

28장 동적 배너 활용 예제
1) 배너 사이즈 결정하기
2) Gif 애니메이션으로 배너 광고 만들기
3) 물고기 키스 애니메이션 제작하기

29장 Data-driven Graphics (데이터 기반 그래픽) & Variables
1) 데이터 기반 그래픽(Data-driven Graphics) 이란?
2) 변수 다루기 예제

제7부 실전 웹사이트 제작하기

v-law(법률사이트)제작하기
1) 디자인컨셉
2) 네비게이션
3) 색상 배치
4) 사이트 제작하기

2N3F.Com(B2B마켓플래이스)
1. 디자인컨셉
2. 네비게이션
3. 색상 배치
4. 사이트 제작하기

Butchi.net(유학 커뮤니티)제작하기
1. 디자인컨셉
2. 네비게이션
3. 색상 배치
4. 사이트 제작하기

Topnara.com(개인사이트)제작하기
1. 디자인컨셉
2. 네비게이션
3. 색상 배치
4. 사이트 제작하기

Serome.co.kr(새롬기술 시안)
1. 디자인컨셉
2. 네비게이션
3. 색상 배치
4. 사이트 제작하기

제8부 플래시 인트로 무비 제작하기

1. 효과적인 인트로의 조건
2. 플래시 인트로 스토리 구상하기
3. 인트로 제작하기

별책부록 일러스트레이터 10으로 만드는 로딩 이미지