11 필수 웹 디자인 서적

블로그 게시물, 잡지 및 온라인 과정은 웹 디자인을 배우기 위한 훌륭한 리소스입니다. 사실, 그들은 아마도 대부분의 사람들이 지식의 공백을 채우거나 무언가를 다듬고 싶을 때 가장 먼저 가는 곳일 것입니다. 그러나 책은 깊은 기초 연구에 적합한 매체입니다. 그들의 저자는 기사나 일련의 기사보다 훨씬 더 많은 시간과 공간을 가지고 있어 필수적인 아이디어를 소개하고 체계적인 방식으로 기초를 구축합니다. 그리고 이 때문에 디자이너(숙련된 베테랑 및 초보자 모두)가 웹 디자인 책을 읽을 필요가 항상 있을 것입니다.

YouTube 채널 구독

11개의 웹 디자인 서적을 빌리거나 구입할 수 있습니다.

이 책들은 디자인 이론과 접근성에서 CSS 및 JavaScript에 이르기까지 다양한 웹 디자인 주제를 다룹니다. 웹 디자인과 관련된 모든 종류의 하위 기술이 있으므로 가장 적합한 책(또는 책)은 가장 관심 있는 틈새 시장에 초점을 맞출 것입니다. 뛰어들어 봅시다!

참고: 가격은 이 글을 쓰는 시점에서 가장 가까운 달러로 반올림된 책의 가장 저렴한 버전에 대한 것입니다.

웹 디자인 학습: Jennifer Robbins의 HTML, CSS, JavaScript 및 웹 그래픽에 대한 초보자 안내서

단일 책으로 시작하려는 경우 여기에서 시작하십시오. Robbins' 가이드는 5개의 주요 부분, 25개의 장 및 수많은 하위 챕터로 구성되어 있습니다. 당신은 뛰어들어 결국에는 웹 디자인 전문가가 될 것입니다. 또는 최소한 매우 정통한 초보자가 될 것입니다. 이것은 경험이 필요하지 않으며, 실제로 핵심 개념을 배운 테스트를 통해 퀴즈를 풀 수 있습니다. 그리고 웹 디자인에 대해 한두 가지를 알고 있더라도 이 책은 여전히 가치가 있습니다. 아마도 당신이 잊었거나 배우지 못한 것 같은 몇 가지를 가르쳐 줄 것입니다.

주목할만한 장은 다음과 같습니다.

• 마을이 필요합니다(웹사이트 생성 역할)
• 웹 페이지의 구조
• 니드포 스피드(현장 성능)
• 좋은 페이지가 나빠질 때
• 밑줄 및 기타 "장식"

가격: $12 렌탈 | 추가 정보

제이슨 비어드(Jason Beaird), 알렉스 워커(Alex Walker), 제임스 조지(James George)의 아름다운 웹 디자인 원칙

이 책은 웹 페이지를 만드는 방법이나 요소를 추가하는 방법뿐만 아니라 작업을 시작하기 전에 디자인을 선택하는 방법도 알려줍니다. 예를 들어, 색상 팔레트를 선택하려면 색상 이론에 대해 배우게 됩니다. 글꼴을 선택하고 이미지를 합법적인 방법으로 소싱하는 경우에도 마찬가지입니다. 그리고 물론, 샘플 프로젝트를 통해 바로 연습을 시작할 수 있도록 특별히 감사하는 방법으로 다룬 전략을 적용하는 방법도 알게 될 것입니다.

주목할만한 장은 다음과 같습니다.

• 좋은 디자인의 정의
• 색 이론 101
• 건물 질감: 빈티지, 패턴, 마모 및 향수 스타일
• 올바른 글꼴 선택
• 합법적인 이미지 소스

가격: $17 렌탈 | 추가 정보

UX 디자인 2020: Theo Farrington의 사용자 경험에 대한 궁극의 초보자 가이드

이 책의 일부는 전문적인 사용자 경험(UX) 디자이너로 일하는 데 전념하지만 웹 디자이너에게 UX 디자인에 대해 가르치는 데 훨씬 더 중점을 둡니다. 예, 고품질 UX 디자인의 웹사이트는 방문자가 더 쉽게 사용할 수 있습니다. 하지만 그 이상으로 사용자의 삶을 개선할 수도 있습니다.

이것을 생각해 보십시오. 누군가가 지역 병원에서 정보를 찾기 위해 온라인으로 이동합니다. UX를 ​​염두에 두고 사이트는 스크롤 없이 볼 수 있는 관련 정보와 함께 쉽게 탐색할 수 있습니다. 사용자는 의사를 찾는 방법이나 가장 가까운 병원 위치를 정확히 알 수 있습니다. 그들은 약속을 요청할 수도 있습니다. 웹 사이트는 탐색하기 쉬울 뿐만 아니라 빠르게 탐색하는 것은 의료 위기의 한가운데에 있는 누군가를 돕는 것을 의미할 수 있습니다.

주목할만한 장은 다음과 같습니다.

• 무엇을 위한 UX인가? (인터페이스, 제품, 콘텐츠, 서비스 및 공간)
• UX 디자인의 7가지 황금률
• 귀하의 관점 대 사용자 관점
• 인간의 행동과 동기
• UX 디자이너는 어떤 일을 하나요?

가격: $10 | 추가 정보

UX의 법칙: 심리학을 사용하여 더 나은 제품 및 서비스 설계 - Jon Yablonski

이 책은 웹 디자이너가 심리학과 디자인의 다양한 법칙과 원리를 먼저 설명함으로써 UX를 개선하는 데 도움이 됩니다. 전반적으로 "왜 사용자는 다음과 같은 경우에 특정 방식으로 반응합니까?"로 시작하는 많은 질문에 답합니다. 심리학을 이해하는 것은 디자인 기술처럼 들리지 않지만 그렇습니다 . 당신의 목표는 사용자에게 어필하는 것입니다. 즉, 사용자처럼 생각하고 사용자가 행동하기 전에 어떻게 행동할지 미리 알아야 합니다.

주목할만한 장은 다음과 같습니다.

• 야콥의 법칙(청중에게 익숙한 다른 사이트와 유사한 사이트 설계)
• Peak-End Rule (작은 변화가 큰 영향을 미친다)
• 미적 사용성 효과(사용자가 미학적으로 좋은 디자인을 사용성 측면에서 어떻게 인식하는지)
• Doherty Threshold(컴퓨터와 사용자는 빠른 속도로 상호 작용해야 함)
• 디자인에 심리학적 원리 적용하기

가격: $27 | 추가 정보

웹 디자인 놀이터: HTML + CSS Interactive Way by Paul McFedries

이 책은 이름에서 알 수 있듯이 HTML과 CSS에 중점을 두고 있지만 다양한 웹 디자인 요소를 폭넓게 살펴봅니다. 그리고 기술에 정통하거나 최소한 기술에 정통한 사람이 되는 데 관심이 필요하지만 주제에 대한 소개가 필요한 초보자를 대상으로 합니다. 프로젝트는 정보를 제공할 뿐만 아니라 실행 가능하므로 책을 완성하면 홈 페이지, 랜딩 페이지, 포트폴리오 페이지 및 갤러리를 가질 수 있습니다. 또한 이 책에는 코드를 테스트하는 데 사용할 수 있는 실제 대화형 Web Design Playground가 함께 제공됩니다.

주목할만한 장은 다음과 같습니다.

• 부동 및 위치 지정 요소
• 랜딩 페이지 만들기
• 이미지와 지형을 반응형으로 만들기
• 웹 디자인에 컬러 스플래시 추가하기
• 포트폴리오 페이지 만들기

가격: $34 | 추가 정보

웹 디자인의 기초: Terry Felke-Morris의 HTML과 CSS

웹 디자인의 기초 는 기술적으로 학생 교과서이며 HTML 및 CSS 전략에 대해 논의할 뿐만 아니라 웹사이트의 색상 선택 및 대상 청중을 위한 디자인과 같은 소프트 기술도 다루기 때문에 두드러집니다.

주목할만한 장은 다음과 같습니다.

• 웹 페이지의 내부
• 구조적 요소로 연습하기
• 타겟 고객
• 웹사이트 구성
• 웹 호스트 선택

사실, 그 챕터의 예는 그 절반도 다루지 않습니다. 예를 들어, 반응형 레이아웃 기본이라는 책의 섹션이 있으며 그 아래에는 거의 20개의 하위 주제가 있습니다. 이러한 하위 주제에는 CSS Flexible Box Layout, CSS Grid Layout 및 Responsive Grid Layout(미디어 쿼리 포함)이 포함됩니다. 요점? 다양한 HTML 및 CSS 주제의 기본 사항에 대해 알아볼 수 있습니다. 예, 이 책은 여전히 ​​해당 분야의 입문서로 간주되지만 매우 철저하고 사려 깊은 입문서입니다.

가격: $63 렌탈 | 추가 정보

Keith J. Grant의 CSS 심층 분석

이 책 에는 많은 내용이 담겨 있습니다. 그러나 CSS의 모든 영역에 정통하지 않더라도 몇 가지 하위 주제에 대해 더 자세히 알고 싶다면 유용합니다. 예를 들어, 애니메이션보다 타이포그래피에 더 관심이 있을 수 있습니다. 관심이 없는 챕터는 건너뛰고 관심 있는 챕터를 자세히 살펴보십시오.

당신은 당신이 알고있는 가장 큰 CSS 전문가가되고 싶은 경우에, 당신은 모범 사례와 영리 예 그랜트의 제안을 사랑합니다. 이 글을 읽고 나면 디자인 직관력과 기술 능력이 모두 향상될 것입니다. 그리고 보너스: 모바일 앱을 디자인하는 경우에도 도움이 됩니다.

주목할만한 장은 다음과 같습니다.

• 부동 소수점 이해하기
• 반응형 디자인
• 패턴 라이브러리
• 배경, 그림자 및 혼합 모드
• 대비, 색상 및 공간

가격: $42 | 추가 정보

CSS Secrets: Lea Verou의 일상적인 웹 디자인 문제에 대한 더 나은 솔루션

이 책은 그랜트와 동일한 주제를 많이 다루는 CSS에 초점을 맞춘 또 다른 책입니다. 그러나 특정 미학에 더 깊이 들어가 작업할 특정 요소가 있는 경우 더 적합할 수 있습니다. 예를 들어, 지형 섹션에는 하이픈 넣기, 얼룩말 줄무늬 텍스트 라인 및 원형 텍스트와 같은 하위 섹션이 있습니다.

주목할만한 장은 다음과 같습니다.

• 웹 표준: 친구 또는 적?
• 사실적인 텍스트 효과
• 올바른 커서 선택
• 테이블 열 너비 길들이기
• 프레임별 애니메이션

가격: $9 렌탈 | 추가 정보

디지털 세계를 위한 포괄적인 디자인: Regine M. Gilbert의 접근성을 염두에 둔 디자인

타겟 고객 범위를 좁히는 것은 가치 있는 일이지만 액세스할 수 없는 웹 사이트가 있기 때문에 실수로라도 해당 고객의 일부를 제외하고 싶지는 않습니다. 디지털 세계를 위한 포괄적인 디자인 에서는 솔루션이 필요한 사람들이 웹사이트(및 모바일 앱과 같은 기타 기술 제품)에 액세스할 수 있도록 하는 방법을 배웁니다. 이 책의 설명은 다음과 같이 가장 잘 표현됩니다. “당신의 제품을 사용할 수 있는 모든 잠재 사용자를 생각하십시오. 시각 장애인이 될 수 있습니까? 운동 능력이 제한되어 있습니까? 귀머거리 또는 난청입니까? 이 책은 장애가 있는 사람들이 직면하는 수많은 웹 접근성 문제를 다루고 있습니다.”

주목할만한 장은 다음과 같습니다.

• 장애의 의료/사회 모델
• 보조 기술이란 무엇입니까?
• 포용성/접근성 문화 조성
• 가상 현실 기술 사용
• 인공 지능 및 접근성

가격: $9 렌탈 | 추가 정보

웹 디자인: 1990년 디지털 세계의 진화 – 오늘(Rob Ford)

웹 디자인 애호가 또는 기술 전문가에게 이 책은 인터넷의 여명을 경험하기 위해 살아 있지 않았더라도 기억의 길을 걸어갈 수 있는 책입니다. 이 시각적 역사 책은 끌어서 놓기 탐색 및 비디오 통합에서 바이럴 및 모바일 웹사이트에 이르기까지 인터넷과 관련된 거의 모든 것의 첫 번째 단계를 안내합니다. 또한 이러한 최초의 사이트 및 요소 작성자의 통찰력이 있습니다. 개척자들이 생각하는 방식과 기술이 어떻게 시작되어 오늘날 우리가 알고 있는 현대적인 웹사이트로 발전할 수 있는지 알아보십시오.

주목할만한 장은 다음과 같습니다.

• 2000년: 웹에 생명이 깃들다
• 2004년: 원래 바이러스 사이트의 해
• 2007년: iPhone과 함께 전체 화면 비디오가 도래하는 해
• 2014년: 모바일 브라우저가 데스크톱만큼 강력해진 해
• 2017: 웹이 웹에서 진화한 해

가격: $31 | 추가 정보

가작: 예술가처럼 도둑질(Austin Kleon)

이것은 2012년에 출판된 이 목록에서 확실히 가장 오래된 책이지만, 우리는 그것을 제외할 수 없었습니다. 아티스트처럼 훔치기: 창의적 이 되는 것에 대해 누구도 말하지 않은 10가지 그러나 웹 디자이너(프로 또는 아마추어)를 포함한 모든 크리에이티브는 반드시 읽어야 합니다. 그것은 당신의 예술적 기어를 돌릴 것이고, 한입 크기의 전달(일화, 밈, 인용문...)을 통해 이 책을 쉽게 빠르게 읽을 수 있으므로 모든 새로운 동기를 활용할 수 있습니다.

주목할만한 장은 다음과 같습니다.

• 시작하기 위해 당신이 누구인지 알 때까지 기다리지 마십시오
• 비결: 좋은 일을 하고 사람들과 나누십시오
• Be Nice: 세상은 작은 마을입니다
• 지루해지기: 작업을 완료하는 유일한 방법
• 창의력은 빼기

가격: $8 | 추가 정보

웹 디자인 서적을 선택하는 방법

어떤 웹 디자인 책을 읽을지 선택하는 방법이 있으며 공유하려는 많은 팁을 따라 위 목록을 구성했습니다. 다른 "최고의" 도서 목록을 참조하려면 다음 사항에 유의하십시오.

최근 출판 날짜가 있는 책 선택

책이 당신이 관심 있는 주제에 대해 심도 있게 살펴보겠다고 약속하더라도, 그 책이 몇 년 전에 출판되었다면 노력할 가치가 없습니다. 이 목록의 경우 2018년 또는 그 이후에 출판된 책을 고수했습니다. 우리는 웹 디자인 전략이 너무 자주 변경되어 게시된 내용이 신뢰할 수 있는 관련성이 훨씬 더 높다고 생각합니다. 오래된 책에는 이제 관련이 없는 통계, 아이디어 및 이미지와 더 이상 작동하지 않는 링크가 있습니다.

레이아웃과 가독성에 주의

웹 디자인 전문가는 프레젠테이션 및 가독성과 같은 세부 사항에 대해 한두 가지 알고 있어야 합니다. 고려 중인 책에 빈 페이지나 불안정한 테이블과 같은 이상한 레이아웃 문제가 있는 경우 빨간색 플래그를 표시해야 합니다. 또한 단어가 읽기 어렵다면 책을 재고하십시오. 웹 디자인의 일부는 일관성이며 저자는 명확하게 의사 소통할 수 있어야 합니다.

주제가 철저하게 다루어졌는지 확인

선택한 웹 디자인 책은 표면을 훑어보는 대신 주제에 대해 깊이 있게 다루어야 합니다. 주제에 대한 간략한 개요만 원하면 "초보자 가이드" 블로그 게시물을 찾아볼 수 있습니다.

책을 중간에 다 읽을 때까지는 이것을 이해하기 어렵지만 챕터 목록을 살펴보는 것은 좋은 시작입니다. 주제가 제한된 정보에 집착하는 대신 주제의 하위 및 하위 하위 주제로 들어가는 것처럼 보이는지 확인하십시오. 또한 일부 장이나 하위 장에서 동일한 아이디어를 다루는 것처럼 들린다면 저자가 책 전체를 채울 만큼 충분한 조사를 하지 않았다는 신호일 수 있습니다.

책으로 재포장된 블로그 게시물에 "아니오"라고 말하세요

책을 "작성"하는 일반적인 방법은 주제에 대한 블로그 게시물 모음을 책으로 바꾸는 것입니다. 이 유형의 책이 가치가 없다는 것이 아니라 이미 무료로 제공되는 정보에 대해 비용을 지불할 필요가 없다는 것입니다. 많은 웹 디자인 전문가는 아마도 귀하의 이메일 주소와 교환하여 이러한 유형의 제품을 사이트에서 무료로 다운로드할 수 있습니다. 실제 돈을 쏟아 붓는 책에 관해서는 저자의 웹 사이트에서 아직 찾을 수 없는 새로운 정보만 있는 책을 찾으십시오.

웹 디자인 서적에 대한 최종 생각

웹 디자인에 대해 알아야 할 모든 것을 가르쳐 주는 책은 없습니다. 그리고 이 목록에 있는 모든 항목을 읽을 시간을 찾았더라도 여전히 거기에 있는 정보를 100% 알지 못할 것입니다. 이는 설정하기 불가능한 목표입니다. 웹 디자인의 세계는 넓고 복잡하며 끊임없이 변화합니다. 그러나 현재와 미래에 가장 관심 있는 주제를 다루는 웹 디자인 서적을 찾으면 지식에 빠져드는 대신 업계의 선두에 서게 될 것입니다.

웹 디자인 책의 세계로 뛰어드는 마지막 팁: 한 번에 여러 권에 압도되지 말고 한 권부터 시작하십시오. 당신은 세계의 모든 웹 디자인 책을 다 읽을 수 없을 것입니다. 그래서 더 현명한 접근 방식은 책을 읽고, 가능한 한 많이 배우고, 웹사이트에 할 수 있는 것을 적용하고, 다음 책으로 넘어가는 것입니다.

[ 아티스트 이름 ] / Shutterstock.com을 통한 추천 이미지