첫째마당 기본기가 탄탄해야 응용할 수 있다

01장 웹 디자인이 뭐예요?
01-1 웹이란 무엇인가요?
01-2 웹 사이트의 개발 과정 6단계를 먼저 알아야 해요
01-3 디자인에도 기획이 필요하다! - 웹 디자인 5단계
01-4 웹 사이트 제작을 위한 어벤저스 - 기획자, 디자이너, 개발자

02장 웹 디자인의 기본기를 탄탄하게!
02-1 웹 디자인은 어떻게 해야 하나요?
02-2 잘 만든 웹 사이트는 다 갖췄다! - 웹 디자인의 6가지 요소
02-3 사용자의 마음을 읽는 4가지 디자인 원리
02-4 UI/UX란 무엇인가요?
실전 과제

03장 웹 디자인 감각 깨우기 - 디자인 리서치
03-1 아는 만큼 보인다! - 최신 웹 디자인의 트렌드와 기술
03-2 보는 눈을 키우자! - 유용한 7가지 벤치마킹 웹 사이트
실전 과제


둘째마당 오래 머무는 웹 사이트는 이것이 다르다

04장 정보 전달은 구성이 8할이다! - 레이아웃
04-1 웹 디자인 레이아웃이란 무엇인가요?
04-2 웹 디자인 레이아웃의 변화
04-3 좋은 레이아웃을 위한 3가지 디자인 원리
실전 과제

05장 레이아웃 구성 도우미 - 웹 그리드 시스템
05-1 웹 그리드 시스템이란 무엇인가요?
05-2 초보자는 놓치기 쉬워요 - 웹 그리드 시스템 최적화
05-3 포토샵으로 웹 그리드 시스템 활용하기
실전 과제


셋째마당 웹 사이트를 아름답게! 웹 디자인의 요소

06장 한 장의 마법 - 이미지
06-1 이미지에는 어떤 것이 있나요?
06-2 그래픽 요소에는 어떤 것이 있나요?
실전 과제

07장 각각의 색에는 의미가 있다! - 색상
07-1 웹 디자인에서 색상은 어떻게 표현할까요?
07-2 병원 웹 사이트는 왜 파란색을 많이 쓸까요? - 색상 활용법
07-3 색상 선택에 도움을 주는 8가지 레퍼런스 웹 사이트
실전 과제

08장 크기, 간격, 정렬 - 타이포그래피
08-1 폰트의 유형 - 세리프체와 산세리프체
08-2 웹 폰트와 가독성
08-3 가독성을 끌어올리는 3가지 방법
08-4 무료 폰트를 제공하는 4가지 웹 사이트
08-5 웹 사이트에 아이콘 폰트 적용하기
실전 과제


넷째마당 실전 웹 디자인을 위한 화면 설계

09장 화면 설계를 위한 첫 단추 - 웹 디자인 콘셉트
09-1 웹 디자인 콘셉트란 무엇인가요?
09-2 웹 디자인 콘셉트 정의하기
09-3 무료 스톡을 제공하는 9가지 웹 사이트
실전 과제

10장 웹 디자인 실무를 위한 화면 설계
10-1 화면 정의서란 무엇인가요?
10-2 UI 스타일 가이드라인 설계하기
10-3 피그마와 디자인 시스템
실전 과제

11장 실전! 피그마로 디자인 시스템 제작하기
11-1 컬러 시스템 만들기
11-2 타이포그래피 시스템 만들기
11-3 버튼 시스템 만들기
11-4 인풋 시스템 만들기
실전 과제

찾아보기