첫째마당 기본기가 탄탄해야 응용할 수 있다
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 폰트의 유형 ― 세리프체와 산세리프체
웹 디자인의 핵심 이론부터 실무까지 한 권으로 끝내자!
근본 있는 디자인을 알려 주는 속 시원한 웹 디자인 개념서!
이 책은 20년 넘게 쌓은 실무 디자인 노하우와 10여 년간 대학에서 웹 디자인을 강의한 경험을 기반으로, 웹 디자이너라면 반드시 알아야 할 필수 내용을 모두 담았습니다. 기획부터 디자인 원리, 화면 설계까지 웹 사이트를 제작하고 디자인할 때 반드시 알아야 할 개념을 빠르게 배울 수 있습니다. 여기에 최신 디자인 트렌드와 웹 폰트, 포토샵, 피그마를 활용한 실습을 하면서 디자인 개념을 익힙니다.
1. 디자인에도 최소한의 정답은 있다!
디자인 원리에서 실전 화면 설계까지! 실무에서도 든든하게 쓰는 기본을 쌓아 보세요
이 책은 네 부분으로 나누어 웹 디자인의 기본기를 길러 줍니다. 첫째마당에서는 웹 디자인의 기초 개념을 배웁니다. 잘 만든 웹 사이트라면 다 갖추고 있는 6가지 요소와 사용자의 마음을 읽는 4가지 디자인 원리, 최신 웹 디자인 트렌드와 기술을 알아보며 웹 디자인의 기본기를 탄탄하게 쌓습니다. 웹 사이트는 사용자에게 정보를 효과적으로 전달하고 목적을 달성하도록 유도해야 합니다. 둘째마당과 셋째마당에서는 이를 위해 필수적인 레이아웃과 웹 그리드 시스템, 이미지, 색상, 타이포그래피를 배우며 웹 디자인의 구조와 요소를 자세히 살펴봅니다. 넷째마당에서는 앞에서 배운 것을 토대로 화면 설계를 위한 첫 단추인 웹 디자인 콘셉트를 정의하는 방법과 화면 정의서, UI 스타일 가이드라인 등 실무에서 활용하는 문서를 살펴봅니다. 또한 디자인 계획을 세우는 방법을 체계적으로 살펴보고 디자인 시스템을 피그마로 제작하면서 실무에서도 든든하게 쓰는 웹 디자인의 기본을 차근차근 익혀 봅니다.
2. 20년 경력의 디자이너가 모아 뒀던 노하우 대방출!
최신 트렌드를 읽을 수 있는 레퍼런스 사이트 15개와 활용법까지 알려 줍니다
웹 디자인을 시작할 때 많이 보고 많이 따라 만들어 보라고 말하지만, 초보자는 어떤 것을 보고 만들어야 하는
