Собрали лучшие книги по веб-дизайну, UX/UI и motion-дизайну, которые стоит прочитать как начинающим, так и опытным дизайнерам.
Профессия дизайнера — на стыке многих дисциплин. Нужно быть готовым изучать ее с разных сторон, и фактически совмещать работу нескольких специалистов. Ведь дизайн — не только про красоту. Это и проектирование интерфейсов, и работа с заказчиками, и исследование целевой аудитории. Необходимо уметь работать с цветом, шрифтами, композицией, анимацией, разбираться в трендах.
Мы собрали книги и для начинающих, и для специалистов с опытом. Они помогут погрузиться в профессию дизайнера, понять основы и тенденции дизайна, организовать работу и свое развитие. Познакомят с тонкостями проектирования сайтов и работе с проектами, помогут улучшить результаты работы и наладить взаимодействие с пользователями.
Ниже — наша подборка книг по трем основным направлениям дизайна.
Содержание
Книги по веб-дизайну
1. «Веб-дизайн» — Якоб Нильсен
Одна из самых известных дизайнерских книг — руководство, где описаны основы взаимодействия пользователя с интерфейсом. Нильсен — специалист в области интерфейсов — делится своим опытом и рассказывает о базовых вещах: принципах работы сайтов, возможностях браузера, подготовке информационного наполнения, проектировании структуры и навигации. Есть глава о разработке для иностранной аудитории: автор рассказывает, как разные культуры по-разному воспринимают интерфейс.
Автор учит правильно думать, объясняет логику проектирования интерфейсов, рассказывает, как удовлетворять потребности и запросы пользователей. Все показано на примерах, изложено доступным языком, книгу легко читать. Новые знания помогут продумать все аспекты работы сайта, оформить его простым, сделать интуитивно понятным для посетителей. Здесь нет описаний конкретных программ и кодов, но дается понимание, как сделать сайт удобным.
Несмотря на то, что в книге есть уже устаревшая информация (первое издание вышло в 1999 году), она до сих пор актуальна как самоучитель для новичков. Рекомендуем к прочтению, особенно в начале карьеры. Те истины и идеи, которые автор доносит до читателей — не изменились. Зная эти основы можно не допустить ошибок при разработке.
Купить книгу можно в Украине, или на Amazon.
2. «Отзывчивый веб-дизайн» — Итан Маркотт
Классическое руководство о том, как сделать сайт максимально полезным для посетителей. Посвящено проблемам адаптивности сайтов под разные разрешения. Автор рассказывает, как создать удобный современный сайт. Объясняет, насколько важно учитывать все виды устройств, с которых пользователи посещают веб-сайт. И показывает, как адаптировать сайт независимо от его типа, размеров и разрешения экрана.
В книге описаны самые частые проблемы, с которыми сталкиваются пользователи, недочеты специалистов при создании веб-ресурсов. Даны решения, как создать сайт, который будет взаимодействовать с пользователями, а не влиять на их поведение. Кроме того, книга поможет лучше понять, какие процессы будут происходить после того, как дизайн готов.
Здесь есть конкретные примеры, готовые решения и фрагменты кода верстки, много полезных ссылок. Автор пишет легким непринужденным языком — даже начинающие поймут о чём идет речь. После прочтения вы сможете создать сайт, который будет одинаково хорошо выглядеть и на большом экране, и на смартфоне.
Книгу можно купить в Украине, или на английском здесь и здесь.
3. «Эмоциональный веб-дизайн» — Аарон Уолтер
Аарон Уолтер — дизайнер в области пользовательского опыта, работал в сервисе рассылок MailChimp. В своей книге он рассказывает о том, как важно, чтобы сайт вызывал у посетителя положительные эмоции. И показывает, как этого достичь на основе эмоционального веб-дизайна. Уолтер объясняет, почему однообразный и шаблонный дизайн не продает, и что нужно сделать, чтобы сайт был не только понятным и удобным, но и притягивал внимание клиентов.
Книга повествует об эмоциях и чувствах, которые человек испытывает при взаимодействии с интерфейсом. О том, как сделать их позитивными, чтобы чтобы сайт приносил радость, удивление и пользователь хотел вернулся. Автор утверждает, что успех дизайнера — удовольствие пользователей от использования веб-сайта, и делится способами, как дать пользователю нужное настроение.
Книга проиллюстрирована конкретными нестандартными примерами дизайнов. В ней вы найдете практические рекомендации и идеи, которые можно сразу использовать на собственном сайте. Книга небольшая, но даст понимание, как создать запоминающийся дизайн.
Купить книгу можно в Украине, или на английском здесь и здесь.
4. «Сначала мобильные!» — Люк Вроблевски
Книга о том, как работать с мобильной версией сайта. Большинство современных пользователей просматривают сайт именно с телефона и наличие мобильной версии — стандарт в веб-дизайне. Люк Вроблевски рассказывает, почему проектирование сайта стоит начать именно с мобильной версии.
Из книги вы узнаете об основных паттернах взаимодействия пользователей с мобильными устройствами. О том, что на самом деле необходимо пользователям, а от чего стоит отказаться. Чем дизайн мобильных приложений отличается от дизайна традиционных сайтов. Автор пишет о неэффективных баннерах на типичных сайтах, о том, какие особенности мобильных устройств нужно учитывать при разработке интерфейсов, и как лучше всего подойти к разработке. Как структурировать контент на сайте, сделать навигацию, какие должны быть зоны касаний и их размеры — всё это можно найти в книге.
В тексте много вдохновляющих идей и красочных примеров со скриншотами, схемами. Теорию дополняют страницы с пояснениями, как нельзя делать. Еще одна фишка — книга содержит руководство по жестам при работе с сенсорными интерфейсами: как люди прикасаются к экранам гаджетов, какие манипуляции предпочитают совершать в разных ситуациях.
Книгу на русском можно купить в Украине или на Аmazon, или на английском здесь.
5. «Искусство цвета» — Иоханнес Иттен
Цвет в дизайне имеет огромное значение, и по этой теме лучше изучить отдельные книги. Этот фундаментальный труд — об искусстве цвета, гармонии, правилах конструирования. Автор книги — швейцарский художник, исследователь цвета в искусстве, один из ведущих преподавателей Баухауса. Иттен написал книгу на основе своих наблюдений за цветом в природе и искусстве разных времен и культур.
Автор рассказывает о цвете всё, начиная с азов: что вообще такое цвет, как он образуется, как мы различаем цвета. Разбирает физику света, закономерности цветовой гармонии и контрастов, особенности цветового конструирования. Иттен советует, как правильно использовать, как сочетать цвета, учит работать с цветом при оформлении страниц. Говорит он и о том, как воспринимает цвет человек, и как вся информация о цвете помогает помогает манипулировать эмоциями тем, кто создает дизайн.
Книга проиллюстрирована цветными изображениями: красочный цветовой круг, примеры сочетаний разных цветов. Иттен был учителем, возможно поэтому информация в книге грамотно изложена и хорошо структурирована. Здесь много практических примеров и упражнений для закрепления материала.
«Искусство цвета» поможет понять, какое воздействие цвет оказывает на пользователя, как соблюсти нужный контраст и достигнуть цветовой гармонии. Книга универсальна и подойдет не только веб-дизайнерам, но для любой сферы дизайна — UX/UI, моушн, графический и другие. То есть всем, кто хочет развить чувство цветовосприятия.
Купить книгу на русском языке можно на Аmazon, в Украине здесь, или здесь, на Аmazon— на английском языке.
6. «Дизайн для реального мира» — Виктор Папанек
Виктор Папанек — американский дизайнер и педагог, философ дизайна. В своей книге он рассказывает о предназначении дизайна, задачах и роли дизайнера в современном мире, об этике дизайна, его месте в жизни общества, принципах и методах проектирования.
Автор говорит о том, что дизайн интегрирует в себе самые разные знания — это не просто создание чего-либо, но и влияние на жизни людей. Он рассматривает дизайн, как любую человеческую деятельность, которая должна улучшать жизнь. И считает, что хороший эргономичный дизайн, сочетающийся с пользой, должен быть доступен всем.
В своей работе Папанек фокусируется на идее, что дизайн — это не только красота. При его создании необходимо не забывать о тех, для кого дизайн делали. Автор пишет, какие ошибки восприятия совершает дизайнер и предлагает методы, как их исправить. В книге много примеров того, как дизайн меняет мир. Есть несколько техник креативного мышления.
«Дизайн для реального мира» поможет расширить кругозор, понять философию дизайна, миссию дизайнера, его ответственность в решении глобальных проблем мира. Научит мыслить за рамками шаблонов и воспринимать дизайн, не как что-то легкое и сиюминутное, а как-то, что влияет на культуру в целом.
Купить книгу можно на Аmazon, в Украине, или на английском здесь, здесь и здесь
7. «О шрифте» — Эрик Шпикерманн
Этот труд — один из самых популярных по типографике, выдержал несколько переизданий. В своей книге Эрик Шпикерманн — президент Международного общества дизайнеров типографики, профессор Бременской академии искусств — говорит о том, что типографика может иметь решающее значение в дизайне. Это мощный и доступный инструмент для всех, кому есть что сказать.
Автор сравнивает шрифты с интонацией: «Когда мы говорим, добавляем нужные акценты в речь с помощью голоса, а шрифты помогают делать эти акценты в изобразительном мире». На простых примерах Шпикерманн показывает, что шрифт — наглядный язык, который соединяет дизайнера и пользователя. И объясняет, как шрифты могут мешать или помогать этому взаимодействию.
Книга рассказывает об истории шрифтов, их грамотном использовании, отвечает на вопрос почему шрифтов требуется все больше и больше.
Книга «О шрифте» написана простым языком, специальные знания не понадобятся. Идеальна для начинающих: после прочтения вы будете разбираться в тонкостях типографики, понимать шрифты и выбирать нужные для своих задач. И убедитесь, что шрифт не второстепенен в дизайне — с его помощью можно ярко выражать свои мысли.
Книгу можно купить на русском языке на Аmazon, в Украине , или на английском — здесь.
уже знаком с дизайном? тогда прокачай свои скилы вместе с domestika.
Книги по UX/UI дизайну
8. «Не заставляйте меня думать — Стив Круг»
Эта книга считается культовой в мире веб-дизайна. Она рассказывает о том, как правильно создать простой сайт с точки зрения юзабилити, и чего не стоит делать. Простой — это значит не минималистичный, а удобный и легкий в использовании. Концепция автора отражается в названии: люди не хотят думать. И если пользователю приходится долго размышлять или искать что-то в интерфейсе, он может отказаться от продукта.
Акцент в книге сделан на том, как построить с клиентом уважительные отношения и не ставить пользователя перед выбором там, где он не нужен. Рассказывается, как избежать ошибок и создать ресурсы с наилучшим юзабилити — вы освоите принципы интуитивной навигации и информативного дизайна. Вся теория подкреплена наглядными примерами из практики, подсказками и советами.
Автор не раз дополнял книгу новыми знаниями. В последнем третьем издании он сделал ее еще более практичной — добавил множество свежих примеров и описал юзабилити для мобильных устройств.
Изюминка книги: она отлично иллюстрирована, содержит много визуала, с помощью которого материал лучше усваивается. В тексте нет лишней информации, манера изложения остроумная и увлекательная — книга читается легко и с интересом.
Информация пригодится не только дизайнерам, но и менеджерам, маркетологам. Автор — юзабилити-консультант с опытом более 20 лет, работал с такими компаниями, как Apple, Bloomberg, Lexus. После прочтения у вас появится представление о том, насколько важны правильные сайты, как нужно выстраивать их разработку и как они должны выглядеть.
Купить книгу на русском можно в Беларуси, в Украине, или на английском на Аmazon.
9. «Хороший интерфейс — невидимый интерфейс» — Голден Кришна
Не совсем типичная книга по веб-дизайну. По сути — это сборник выступлений разных известных людей, примеры и кейсы компаний, дополненные мыслями автора. Голден Кришна работал в инновационных научно-исследовательских лабораториях Google, Samsung и Zappos. В своей книге он критикует назойливый интерфейс и всё, что мы обычно видим на своих экранах — и предлагает мыслить глобальнее. Голден показывает, как создавать продвинутые технологии без традиционных цифровых интерфейсов, и знакомит с идеями и принципами, с помощью которых можно делать инновационные продукты.
Автор с первых же страниц призывает задуматься о том, насколько продуктивна «UI/UX-мания». Он утверждает, что сделать современный и красивый интерфейс — еще не значит решить проблему пользователя. Необходимо, чтобы использование продукта стало приятным и интуитивным. Основная мысль здесь: технологии для человека, а не человек для технологий. По мнению автора, UI не равно UX. Нужно ставить во главу угла пользователя и его интересы — создавать что-то на самом деле полезное и решающее проблемы людей, а не спорить о дизайне иконок на сайте.
Книга не расскажет много нового о проектировании пользовательских интерфейсов, но заставит задуматься о сущности UI/UX. И о том, насколько целесообразно применять интерфейсы везде. Нужно почитать — скорее для расширения кругозора, нежели для обучения. Читается она легко из-за манеры повествования: автор рассказывает с юмором и сопровождает текст весьма едкими комментариями.
Книгу можно найти на Аmazon, в Украине, или на английском — здесь.
10. «Интерфейс. Основы проектирования взаимодействия» — Алан Купер, Роберт Рейман, Дэвид Кронин, Кристофер Носсен
Одна из главных книг для проектировщика интерфейсов, «маст хэв» в своей области. Работу над первым изданием Алан Купер начал более 20 лет назад — оно было рассчитано на программистов, которые тогда самостоятельно создавали пользовательские интерфейсы. Позже, с развитием индустрии, появилась отдельно профессия дизайнера интерфейсов.
Книга неоднократно переиздавалась, ее содержание обновляется и учитывает все изменения в отрасли, а главные идеи не теряют своей актуальности и сегодня
Речь пойдет о важной теме для дизайнеров интерфейсов — проектировании взаимодействия. Это процесс создания цифровых продуктов, которые ориентированы на человека. Здесь подробно описаны принципы и шаблоны взаимодействия с пользователями — с учетом всех видов платформ, на которых отображаются сайты. Разобраны недочеты и ошибки, которые возникают во время проектирования.
Книга поможет понять дизайнерам, что главное в работе — не веб-сайт или приложение, а сами пользователи, для которых создается ресурс. Поэтому нужно сосредоточиться на их ожиданиях, изучить привычки и склонности, думать об их конечных целях и моделировать поведение так, чтобы достичь этих целей максимально быстро и просто.
Книга подойдет для новичков — она написана доступным языком, в ней легко разобраться. Проектировщики с опытом могут использовать ее для справки.
Купить книгу на русском можно в Беларуси, в Украине, или на английском здесь, здесь, здесь или здесь.
11. «Дизайн привычных вещей» — Дон Норман
Дональд Норман, написавший книгу, которую многие называют дизайнерской библией — бывший вице-президент компании Apple. В книге он говорит о том, что интерфейс — это не только сайт или программа. Интерфейс есть и у бытовых приборов: холодильника, чайника, любого предмета мебели. Это может быть, например, дверь, которую вы не знаете в какую сторону открыть. Или инструкция по управлению стиральной машины, в которой непонятно, как ее включить. Автор успокаивает всех, кто когда-либо чувствовал себя глупым при использовании какой-то вещи: «Если у вас возникают трудности с использованием тех или иных предметов — дверей, компьютеров или выключателей — это не ваша вина. Не корите себя. Во всем виноват дизайнер».
Дизайн любой вещи — не только ее красота, но и удобство. Норман утверждает, что если нужна инструкция «нажмите сюда, вставьте здесь, сначала включите то, переключите там» — это плохой дизайн. Пользователь не должен думать, как совершить нужное ему действие.
В книге описано, что такое дизайн в целом, его основные принципы и философия. Она рассказывает, как люди пользуются разными вещами, и с помощью каких приемов можно облегчить это взаимодействие. Как сделать привычные вещи удобными, с заботой о людях. Разобраны и типичные дизайнерские ошибки, и способы их избежать.
Все проиллюстрировано примерами: дизайнерскими провалами — когда вещь красивая, но ей невозможно пользоваться, и успешными кейсами.
«Дизайн привычных вещей» стоит прочитать не только веб-дизайнерам, но и всем, кто создает продукты, с которыми так или иначе взаимодействуют люди: от дверных ручек до автомобилей. Знания из книги помогут создать простой и интуитивно понятный дизайн, который понравится людям и поможет им быстрее воспользоваться предметом или продуктом.
Купить книгу на русском можно на Аmazon, в Беларуси, в Украине, или здесь — на английском.
12. «UX-дизайн. Практическое руководство по проектированию опыта взаимодействия» — Расс Унгер, Кэролайн Чендлер
Авторы — основоположники направления UX-дизайна. В их книге можно найти почти всё о работе проектировщика интерфейса. Описаны навыки, которыми должен обладать специалист, основные методики и процедуры, которые связаны с проектированием опыта взаимодействия. Унгер и Чендлер показывают, как UX-проектирование встраивается в общий процесс разработки веб-продукта. Они дают пошаговые инструкции для каждого этапа работы и рекомендации.
Вы познакомитесь с подготовкой коммерческого предложения, экосистемой проекта, SEO, прототипами. Узнаете, как перейти от проектирования к непосредственно разработке и последующему тестированию дизайна, исследованию пользовательского опыта и доработки продукта.
В книге нет большого количества конкретных примеров и кейсов из практики. Зато она дает общее представление о том, как начать заниматься UX-дизайном, выстраивать отношения с заказчиками, исследовать целевую аудиторию. Профессионалам может быть полезна, чтобы обновить знания или закрепить навыки.
Купить книгу на русском можно здесь, на английском — на Аmazon
13. «Refactoring UI» — Adam Wathan, Steve Schoger
Авторы — дизайнер и разработчик — собрали заметки из своих блогов и оформили их в виде книге. Они рассматривают интерфейс с разных точек зрения и рассказывают, как его создавать. Фокус книги не на глобальных правилах дизайна, а на мельчайших деталях — с конкретикой и примерами. Советы и лайфхаки авторов помогут доработать и улучшить проекты и вывести их на новый уровень.
Из книги можно узнать о проектировании интерфейсов сложной формы, создании приборных панелей, дизайне страницы, ориентированной на текст, кнопках, таблицах, карточках, навигации, форм входа, иконках, шрифте и цвете.
В самом начале авторы заявляют: «Начните с функции, а не с макета», — и объясняют, что дизайн отличается от эстетики. Они обращают внимание на то, что при разработке продукта, приложения или сайта самое главное — чтобы он был функциональным.
В книга нет ничего лишнего, почти каждое предложение содержит практические советы по дизайну. Она небольшого объема (около 200 страниц), но очень информативная и быстро читается. Идеи проиллюстрированы эскизами и примерами.
«Refactoring UI» будет полезна не только UI/UX-дизайнерам, но и разработчикам, менеджерам продукта — для лучшего понимания дизайна. В общем, всем, кто хочет улучшить дизайн без помощи непосредственно дизайнера. Вы узнаете, как самостоятельно создавать красивые пользовательские интерфейсы, используя конкретные приемы и схемы.
Книгу в оригинале можно найти почитать на GoodReads
14. «User Friendly: How the Hidden Rules of Design Are Changing the Way We Live, Work, and Play» — Cliff Kuang, Robert Fabricant
Это увлекательный исторический рассказ о том, как формировались правила в мире дизайна и как они изменили общество. Книга — смесь исследований, профессионального опыта дизайнеров, дополненные и проиллюстрированные примерами из реальной жизни.
Авторы рассказывают о том, как дизайн влияет на человека и облегчает его жизнь, как формирует его поведение и восприятие. Как исторически сложилось, что дизайн продуктов и технологий стал ориентирован на взаимодействие с пользователем, на его удобство, и продолжает переделываться под человека.
«User Friendly: How the Hidden Rules of Design Are Changing the Way We Live, Work, and Play» подойдет всем, кто хочет познакомиться с историей того, как радикальные изменения в мире меняли и дизайн. Вы поймете, как интерфейсы определяют настроение пользователей, узнаете правила для потенциальных дизайнеров. И просто вдохновитесь, взглянув на вещи вокруг под другим углом.
Купить книгу в оригинале можно здесь или здесь.
Книги по моушн-дизайну
15. «The Theory and Practice of Motion Design» — R. Brian Stone, Leah Wahlin
Авторы используют разные материалы — от междисциплинарных академических эссе до интервью с профессиональными дизайнерами. Так они раскрывают для читателя motion-дизайн и анимированную графику, образуют диалог между теорией и практикой. В книге исследуется, как эволюционировал моушн-дизайн, его текущее положение и как будет разворачиваться будущее.
Материал охватывает интерактивный дизайн, дизайн интерфейсов, дизайн заголовков для телевидения и фильмов, создание бренда, дизайн презентаций. Книга повествует теории цвета и формы, визуализации данных, типографике, сторителлинге, взаимодействии со зрителями. Тут есть интервью с известными специалистами в области моушн-дизайна, такими как Кайл Купер, Даниэль Аленкер, Карин Фонг.
Изюминка книги — ее интерактивность. Чтобы передать анимированные визуальные примеры, описанные в тексте, авторы разместили их на отдельном сайте.
«The Theory and Practice of Motion Design» будет полезна, если вы интересуетесь тем, как информация двигается на экране и как этим движением передать смысл.
Книга на английском есть здесь и здесь.
16. «Тайминг в анимации» — Гарольд Уитакер, Джон Халас
Классическая книга по основам анимации, рассказывающая про влияние тайминга на то, как зритель проникнется увиденным. Авторы раскрывают секрет темпа и ритма анимации, на примерах объясняют, как тайминг придает движению объектов выразительности и делает кадр зрелищным.
Из книги вы узнаете всё об искусстве расчета времени и его роли в анимационном ролике. Как должны располагаться рисунки по отношению друг к другу, сколько места нужно между группами рисунков, как долго рисунки должны оставаться на экране, чтобы была драма. Как рассчитать время прогулки или бега, придать персонажу ощущение веса, анимировать легкие и тяжелые объекты. Как передается сила, расстояние, эффекты. И как использовать напряжение и предвкушение, чтобы привлечь внимание зрителя.
Есть большое количество примеров с иллюстрациями, которые помогают быстрее усвоить информацию.
Книга «Тайминг в анимации» может быть полезна начинающим моушн-дизайнерам для изучения основ, а профессиональным аниматорам — укажет путь профессионального развития и обучения.
Купить книгу на английском можно здесь или здесь. Книга переведена на русский.
