디자인의 기본과 웹 디자인, 그래픽 디자인 동시에 배우기! ‘아쉬운 디자인’을 ‘굿 디자인’으로 바꾸는 아이디어와 포인트! 흔히 ‘디자인’ 하면, ‘멋지다’는 이미지를 떠올리기 쉽지만 디자인은 단순히 외형을 멋지게 또는 아름답게 보이기 위한 것만이 아니다. 때로는 정보를 전달하고, 제품의 사용성을 높이며, 사람과 사람을 이어주는 수단이 되기도 한다. 디자인은 언어를 뛰어넘는 커뮤니케이션 수단이며, 디자이너는 색상이나 형태, 레이아웃 등을 통해 특정 메시지나 정보를 효과적으로 전달한다. 단순히 ‘보이는 것’을 넘어 우리 생활을 윤택하게 하고, 소통을 도우며, 때로는 문제를 해결하기도 하는 강력한 도구인 것이다. ‘디자인’ 하면, 번뜩이는 감각이나 특별한 재능이 필요하다고 생각하기 쉽다. 하지만 디자인에는 나름의 관점과 법칙이 있으며, 이를 성실히 학습하면 누구나 습득할 수 있다. 디자인을 이해하고 활용하는 것은 그 어떤 분야에서든 가치 있는 기술이다. 누군가를 위해 무언가를 더 좋게 만들려는 제안, 그것이 바로 디자인이라 할 수 있다. 이 책은 오늘날 디자이너가 갖춰야 할 디자인의 기본과 웹 디자인, 그래픽 디자인을 모두 배울 수 있도록 구성했다. 또한 디자인이 낯선 초보자도 차근차근 단계를 따라가면 완성에 이를 수 있도록 도움을 주는 아이디어가 가득하다. 중요한 곳마다 배치된 ‘플로 차트(FlowChart)’는 단계별 흐름과 각 시점에서 사용할 디자인 기법을 파악하는 데 도움이 되며, 아직 디자인 감각을 익히지 못한 초보자에게는 든든한 길잡이가 되어 줄 것이다.

저자 : Mana 일본에서 2년간 그래픽 디자이너로 일한 뒤, 캐나다 밴쿠버의 웹 제작 학교를 졸업했다. 캐나다, 오스트레일리아, 영국 기업에서 웹 디자이너로 활동했으며, 현재는 웹사이트 제작 강사로 교육에 힘쓰고 있다. 저서 《한 권으로 끝내는 HTML+CSS 웹 디자인 입문》, 《작은 수고로 극적으로 바뀌는 HTML&CSS와 웹 디자인 실천 강좌》(SB 크리에이티브)로 2019년도와 2021년 CPU 대상 서적 부문 대상을, 《한 권으로 끝내는 JavaScript 입문 강좌》(SB 크리에이티브)로 ‘IT 엔지니어 서적 대상 2024’에서 대상과 특별상을 수상했다. 역자 : 이미향 고려대학교에서 일어일문학을 공부하고, 일본 문부성 장학생으로 도쿄대학교에서 9년간 연구원 과정을 거친 뒤 석박사 학위를 받았다. 그 후 꾸준히 대학에서 강의를 하다가 현재는 출판 번역 에이전시 유엔제이에서 도서 번역가로 활동하고 있다. 옮긴 책으로는 《힌트, 하늘을 나는 교실》, 《열일곱의 미리보기》, 《베토벤》, 《열세 살에 히어로는 무리지만》 등이 있다.

* 들어가며 * 이 책에 관하여 CHAPTER 1_먼저 이것부터! 디자인을 시작하기 전에 1-1 디자인이란? 1-2 주변에 있는 디자인을 살펴보자 1-3 디자인의 목적 1-4 타깃을 정한다 COLUMN 갤러리 사이트를 살펴보자 1-5 디자인 제작 순서 1-6 다양한 종류의 디자이너 1-7 그래픽 툴 1-8 실습: 이미지 보드를 만들자 CHAPTER 2_시각적으로 혼란스럽지 않은 레이아웃 2-1 레이아웃이란? 2-2 시선의 흐름을 생각하자 COLUMN 아랍어는 오른쪽 위에서 왼쪽 아래로 시선이 흐른다 2-3 그룹별로 정리하자 2-4 가지런히 정렬하자 2-5 반복으로 통일감을 주자 2-6 강약을 조절하자 2-7 보는 사람의 환경에 따라 바뀌는 레이아웃 2-8 실습: 레이아웃 스케치 COLUMN 반응형 웹 디자인이란? CHAPTER 3_배색으로 전달하는 디자인 표현 3-1 색이란? 3-2 색의 기본 지식 3-3 색이 가진 인상 COLUMN 태양은 무슨 색? 3-4 색의 톤 3-5 색의 조합을 생각해 보자 COLUMN 보색 잔상의 신비로움 3-6 추천 배색의 예시 3-7 그러데이션 배색 COLUMN PANTONE(팬톤)이 선택한 올해의 색 3-8 색에 의존하지 않는 디자인 COLUMN 흑백으로 바꿔 가독성을 확인한다 3-9 실습: 배색 찾기 COLUMN 배색 찾기에 활용할 수 있는 또 다른 툴 CHAPTER 4_보여준다? 읽힌다? 타이포그래피 기술 4-1 타이포그래피, 서체, 폰트의 차이 4-2 서체와 폰트 고르는 법 COLUMN 일본어는 일문 서체로, 영어는 영문 서체로 4-3 사용할 폰트를 제한하자 4-4 폰트 조합 예시 COLUMN 웹 폰트란? 4-5 글자 크기와 점프율 4-6 장문의 텍스트와 행간의 관계 4-7 텍스트를 ‘보여주는’ 기술 4-8 강조 부분 미세하게 조절하기 4-9 실습: My 대표 폰트 CHAPTER 5_사진과 일러스트로 세계관을 넓히자 5-1 사진의 특징 5-2 사진의 레이아웃 COLUMN 큰 사이즈 사진의 장단점 5-3 사진과 문자를 조합하자 5-4 사진을 효과적으로 트리밍하자 COLUMN 무료로 사용하는 사진 자료 5-5 사진의 구도를 의식하자 5-6 사진 리터치 5-7 일러스트의 특징 5-8 일러스트의 터치와 인상 5-9 이미지 파일 형식 5-10 실습: 작은 사진전 COLUMN 무료로 사용하는 일러스트 자료 CHAPTER 6_도움이 필요할 때 참고가 되는 디자인 아이디어 모음 6-1 심플하고 질리지 않는 디자인 6-2 산뜻하고 투명한 디자인 6-3 우아하고 아름다운 디자인 6-4 다정하고 내추럴한 디자인 6-5 달콤하고 예쁜 디자인 6-6 어린이 취향의 밝은 디자인 6-7 발랄하고 활기찬 디자인 6-8 힘 있고 멋진 디자인 6-9 앞선 감각의 스타일리시한 디자인 6-10 차분하고 고급스러운 디자인 6-11 진지하고 신뢰감을 주는 디자인 6-12 일본풍 디자인 6-13 실습: 오리지널 명함 디자인 COLUMN 만화에 사용되는 폰트는? 이제 다음 단계로 나아가자! * 디자인 용어 * 찾아보기

한 권으로 알차게 배우는 웹 디자인과 그래픽 디자인! 이런 분들에게 추천합니다! ★ 디자인 초보자나 디자이너가 되고 싶은 분 ★ 디자인을 쉬운 설명으로 제대로 배우고 싶은 분 ★ 매력적인 디자인을 직접 만들어 보고 싶은 분 ★ 웹ㆍ그래픽 디자인을 모두 배우고 싶은 분