한빛출판네트워크

탄탄한 이론과 실용적인 예제로 재미있게 배우는 웹 디자인 입문서

웹 디자인을 처음 시작하며 기초부터 차근차근 배우고자 하는 학생들을 위해 이론과 실습을 병행하여 학습할 수 있도록 구성했다. 총 5개의 파트로 나누어 다양한 이론적 배경을 익히고, 이를 각 장별 실습을 통해 적용할 수 있어 실무 능력도 기를 수 있다. 배너를 비롯하여 메인 그래픽 이미지, 타이틀 그래픽, 카드 UI 등 실용적인 예제들을 직접 만들다 보면 웹 디자인의 세계에 한 발 더 다가갈 수 있을 것이다.

지은이 머리말

이 책의 사용설명서

Part 01 웹 디자인의 개요

Chapter 01 웹 디자인의 기초

1.1 웹 디자인의 이해

1.2 웹 디자인의 기능

1.3 웹 디자인의 역사

1.4 웹 디자인을 하기 위해 필요한 요소

1.5 웹 디자인 프로세스

요약 

연습문제 

Chapter 02 웹 디자인의 요소

2.1 웹 디자인을 할 때 고려할 요소

2.2 웹 디자인에 적용되는 디자인 원리

요약 

연습문제 

Part 02 레이아웃과 구성

Chapter 03 웹 그리드 시스템

3.1 그리드 시스템의 이해

3.2 그리드 시스템의 종류

3.3 그리드 생성을 돕는 도구

3.4 그리드 시스템에 영향을 주는 요소

3.5 [실습] 그리드 시스템을 적용한 웹 사이트 분석하기

3.6 [실습] 컬러로 구분된 레이아웃 만들기

요약

연습문제 

Chapter 04 웹 디자인 레이아웃

4.1 레이아웃의 이해

4.2 기본 웹 페이지 구성

4.3 전형적인 페이지 레이아웃

4.4 [실습] 메인 페이지의 레이아웃 영역 구분

4.5 [실습] 서브 페이지의 레이아웃 영역 구분 

요약 

연습문제 

Part 03 웹 컬러와 타이포그래피

Chapter 05 웹 컬러 시스템

5.1 컬러의 이해

5.2 컬러 선택을 돕는 도구 

5.3 컬러 계획

5.4 [실습] 컬러 콘셉트 차트 정리 

요약 

연습문제 

Chapter 06 웹 타이포그래피

6.1 타이포그래피의 이해

6.2 타이포그래피의 주요 용어

6.3 웹 폰트 사용 방법

6.4 [실습] 그래픽 글자와 기본 글자 작업하기

요약 

연습문제 

Part 04 웹 디자인 요소 만들기

Chapter 07 웹 이미지 보정하기

7.1 웹 이미지 보정의 이해 

7.2 [실습] 배경을 흰색으로 보정하기 : Levels

7.3 [실습] 청량한 느낌으로 보정하기 : Curves

7.4 [실습] 모노톤으로 보정하기 : Black&White

7.5 [실습] 중심인물이나 사물을 강조하기 : Vignette

7.6 [실습] 역동적으로 보정하기 : Radial Blur

요약 

연습문제 

Chapter 08 배너 제작 

8.1 배너의 이해  

8.2 [실습] 배경을 단순화한 배너 제작하기

8.3 [실습] 배경에 필터를 적용한 배너 제작하기

요약 

연습문제 

Chapter 09 메인 그래픽 이미지 제작

9.1 메인 그래픽 이미지의 이해

9.2 [실습] 메인 그래픽 이미지 제작하기

9.3 [실습] 활용도가 높은 배경 효과 제작하기

요약 

연습문제 

Chapter 10 타이틀 그래픽 제작 

10.1 타이틀의 이해  

10.2 [실습] 일관성 있는 서브 페이지 타이틀 그래픽 제작하기  

요약 

연습문제 

Chapter 11 카드 UI 제작 

11.1 카드 UI의 이해

11.2 카드 UI 제작 과정

11.3 [실습] 카드 UI 제작하기  

요약 

연습문제 

Part 05 웹 디자인 제작하기

Chapter 12 디자인 콘셉트

12.1 디자인 리서치

12.2 디자인 콘셉트 정의

12.3 [실습] 디자인 콘셉트 정의하기

요약 

연습문제 

Chapter 13 플랫 디자인

13.1 플랫 디자인의 이해

13.2 플랫 디자인에 적합한 디자인 스타일

13.3 [실습] 면 분할 플랫 디자인 제작하기

요약 

연습문제 

Chapter 14 반응형 웹 사이트 디자인

14.1 반응형 웹 디자인의 이해

14.2 반응형 웹 디자인 제작 사례

14.3 [실습] 반응형 웹 디자인 제작하기

요약 

연습문제 

Chapter 15. 웹 사이트 제작을 위한 HTML 기초

15.1 HTML 태그의 구성

15.2 [실습] 포토샵으로 HTML 구현하기

요약 

연습문제 

참고 사이트와 참고 문헌

찾아보기