11 основных книг по веб-дизайну

Сообщения в блогах, журналы и онлайн-курсы - отличные ресурсы для изучения веб-дизайна. Фактически, они, вероятно, первое место, куда направляется большинство людей, когда хотят восполнить пробелы в своих знаниях или что-то освежить. Но книги - это среда, хорошо подходящая для глубокого фундаментального изучения. У их авторов гораздо больше времени и места, чем статья или даже серия статей, чтобы представить основные идеи и систематически развивать их. И из-за этого дизайнерам (как опытным ветеранам, так и новичкам) всегда будет необходимо читать книги по веб-дизайну.

Подпишитесь на наш канал Youtube

11 книг по веб-дизайну, которые можно взять или купить

Эти книги охватывают различные темы веб-дизайна, от теории дизайна и доступности до CSS и JavaScript. В веб-дизайне задействованы всевозможные вспомогательные навыки, поэтому книга (или книги), наиболее подходящая для вас, будет посвящена той нише, которая вам больше всего интересна. Давайте погрузимся в нее!

Примечание. Цены указаны для самой дешевой версии книги на момент написания этой статьи с округлением в большую сторону до ближайшего доллара.

Изучение веб-дизайна: руководство для начинающих по HTML, CSS, JavaScript и веб-графике от Дженнифер Роббинс

Если вы собираетесь начать с какой-либо отдельной книги, начните здесь. Руководство Роббинса состоит из пяти основных частей, 25 глав и бесчисленных подразделов. Вы сразу же станете профессионалом в области веб-дизайна - или, по крайней мере, очень хорошо осведомленным новичком. Для этого вам не понадобится никакого опыта, и тесты на протяжении всего теста, которые вы прошли, по сути, изучали ключевые концепции. И даже если вы кое-что знаете о веб-дизайне, эта книга все равно стоит того - она, вероятно, научит вас некоторым вещам, которые вы забыли или, казалось, никогда не учили.

Известные главы включают:

• Для этого нужна деревня (роли в создании веб-сайтов)
• Анатомия веб-страницы
• Потребность в скорости (производительность сайта)
• Когда хорошие страницы становятся плохими
• Подчеркивания и другие «украшения»

Цена: 12 $ Аренда | Больше информации

Принципы красивого веб-дизайна Джейсона Байрда, Алекса Уокера и Джеймса Джорджа

В этой книге рассказывается не только о том, как создать веб-страницу или добавить к ней элемент, но и о том, как выбрать дизайн перед тем, как приступить к работе. Например, чтобы выбрать цветовую палитру, вы узнаете о теории цвета; то же самое касается легального выбора шрифтов и изображений. И, конечно же, вы также узнаете, как применять описанные стратегии, особенно благодаря образцу проекта, чтобы вы могли сразу же начать практиковаться.

Известные главы включают:

• Определение хорошего дизайна
• Теория цвета 101
• Текстура здания: винтажный, узорчатый, поношенный и ностальгический стили
• Выбор правильных шрифтов
• Законные источники изображений

Цена: 17 $ Аренда | Больше информации

UX Design 2020: полное руководство по пользовательскому опыту для новичков от Тео Фаррингтона

Хотя небольшая часть этой книги посвящена работе в качестве профессионального дизайнера пользовательского интерфейса (UX), она больше ориентирована на обучение веб-дизайнеров UX-дизайну. Да, веб-сайт с качественным UX-дизайном проще для посетителя. Однако это выходит за рамки этого - это также может улучшить жизнь пользователя.

Подумайте об этом: кто-то заходит в Интернет, чтобы найти информацию в своей местной больнице. С учетом UX на сайте будет легко ориентироваться, а соответствующая информация будет в верхней части страницы. Пользователь будет точно знать, как найти врача или где находится ближайшее отделение больницы; они могут даже попросить о встрече. На веб-сайте не только легко перемещаться, но и быстро перемещаться по нему может означать помощь кому-то, когда он находится в разгаре медицинского кризиса.

Известные главы включают:

• Для чего нужен UX? (Интерфейсы, продукты, контент, услуги и пространства)
• 7 золотых правил UX-дизайна
• Ваша точка зрения против точки зрения пользователя
• Человеческое поведение и мотивация
• Чем занимается дизайнер UX?

Цена: 10 долларов | Больше информации

Законы UX: использование психологии для разработки лучших продуктов и услуг, Джон Яблонски

Эта книга помогает веб-дизайнерам улучшить свой UX, сначала объясняя различные законы и принципы психологии и дизайна. В целом, ответы на многие вопросы , которые начинаются с «Почему пользователи реагируют определенный образ , когда ...» И в то время как понимание психология не звучит как дизайнерское мастерство, это. Ваша цель - привлечь внимание пользователей, что означает думать, как они, и знать, как они будут себя вести, прежде чем они это сделают.

Известные главы включают:

• Закон Якоба (создание сайта, похожего на другие сайты, с которыми знакома ваша аудитория)
• Правило максимального значения (небольшие изменения имеют большое влияние)
• Эффект эстетического удобства использования (как пользователи воспринимают эстетически приятный дизайн с точки зрения удобства использования)
• Порог Доэрти (компьютеры и пользователи должны быстро взаимодействовать друг с другом)
• Применение психологических принципов в дизайне

Цена: 27 долларов | Больше информации

Площадка для веб-дизайна: HTML + CSS в интерактивном режиме, Пол Макфедрис

Хотя основное внимание в этой книге уделяется HTML и CSS, как следует из названия, в ней широко рассматриваются различные элементы веб-дизайна. И хотя вам действительно нужна техническая смекалка или, по крайней мере, желание стать технически подкованным, он нацелен на новичков, которым нужно введение в тему. Эти проекты не только информативны, но и действенны, поэтому, когда вы закончите работу над книгой, у вас может быть домашняя страница, целевая страница, страница портфолио и галерея. Кроме того, книга сопровождается реальной интерактивной площадкой для веб-дизайна, которую вы можете использовать для тестирования своего кода.

Известные главы включают:

• Плавающие и позиционирующие элементы
• Создание целевой страницы
• Сделайте ваши изображения и топографию адаптивными
• Добавление ярких красок в ваш веб-дизайн
• Создание страницы портфолио

Цена: $ 34 | Больше информации

Основы веб-дизайна: HTML и CSS, Терри Фелке-Моррис

Технически « Основы веб-дизайна» - это учебник для студентов, и он также выделяется тем, что в нем обсуждаются стратегии HTML и CSS, а также затрагиваются мягкие навыки, такие как выбор цветов для вашего веб-сайта и дизайн для вашей целевой аудитории.

Известные главы включают:

• Под капотом веб-страницы
• Практика со структурными элементами
• Ваша целевая аудитория
• Организация веб-сайта
• Выберите веб-хостинг

По правде говоря, эти примеры глав даже не охватывают и половины. Например, в книге есть раздел «Основы адаптивного макета», в котором уложено почти 20 подтем. Эти подтемы включают CSS Flexible Box Layout, CSS Grid Layout и Responsive Grid Layout with Media Queries. Смысл? Вы можете вникнуть в основы различных тем HTML и CSS. Да, эта книга по-прежнему считается введением в эту область, но это очень подробное и вдумчивое введение.

Цена: $ 63 Аренда | Больше информации

CSS в глубине, Кейт Дж. Грант

В этой книге много всего втиснуто. Но даже если вы не хотите разбираться во всех областях CSS, это полезно, если вы хотите глубже погрузиться в несколько подтем. Например, возможно, вас больше интересует типографика, чем анимация - пропустите главы, которые вам не интересны, и углубитесь в те, которые вы делаете.

И если вы действительно хотите стать крупнейшим знатоком CSS, которого вы знаете, вам понравятся лучшие практики и умные примеры, предлагаемые Grant. После этого прочтения ваша интуиция в дизайне и ваши технические навыки улучшатся. И бонус: это поможет, если вы разрабатываете мобильное приложение.

Известные главы включают:

• Понимание поплавков
• Адаптивный дизайн
• Библиотеки шаблонов
• Фоны, тени и режимы наложения
• Контраст, цвет и пространство

Цена: 42 доллара | Больше информации

Секреты CSS: лучшие решения повседневных проблем веб-дизайна, автор Леа Веру

Это еще одна книга, посвященная CSS, которая охватывает многие из тех же тем, что и книга Гранта. Однако вы можете обнаружить, что он глубже затрагивает конкретную эстетику, что может сделать его более подходящим для вас, если у вас есть определенные элементы, над которыми нужно поработать. Например, в разделе «Топография» есть такие подразделы, как «Расстановка переносов», «Зебра-полосатые текстовые строки» и «Круговой текст».

Известные главы включают:

• Веб-стандарты: друг или враг?
• Реалистичные текстовые эффекты
• Выбор правого курсора
• Приручение ширины столбцов таблицы
• Покадровая анимация

Цена: 9 $ Аренда | Больше информации

Инклюзивный дизайн для цифрового мира: проектирование с учетом доступности, Регин М. Гилберт

Сузить целевую аудиторию - стоящая задача, но вы не хотите исключать ее сегмент (даже случайно) из-за недоступности веб-сайта. Изучая инклюзивный дизайн для цифрового мира , вы узнаете, как сделать свой веб-сайт (и другие технологические продукты, например мобильные приложения) доступными для тех, кому нужны решения. Описание книги лучше всего говорит об этом: «Подумайте о каждом потенциальном пользователе, который может использовать ваш продукт. Могут ли они быть слабовидящими? Имеете ограниченную моторику? Быть глухим или слабослышащим? В этой книге рассматривается множество проблем доступности Интернета, с которыми сталкиваются люди с ограниченными возможностями ».

Известные главы включают:

• Медико-социальная модель инвалидности
• Что такое вспомогательные технологии?
• Создание культуры инклюзивности / доступности
• Использование технологий виртуальной реальности
• Искусственный интеллект и доступность

Цена: 9 $ Аренда | Больше информации

Веб-дизайн: эволюция цифрового мира 1990 - сегодня Роб Форд

Для любителей веб-дизайна или технических специалистов эта книга - прогулка по переулку памяти - даже если вы не были живы, чтобы испытать зарождение Интернета. Эта книга визуальной истории проведет вас через первое из практически всего, что связано с Интернетом, от навигации с перетаскиванием и интеграции видео до вирусных и мобильных веб-сайтов. Кроме того, есть идеи от создателей этих самых первых сайтов и элементов. Узнайте, как думают первопроходцы, а также как начинались технологии, чтобы они могли развиться в современные веб-сайты, которые мы знаем сегодня.

Известные главы включают:

• 2000: Сеть оживает
• 2004: Год оригинального вирусного сайта
• 2007: Год появления полноэкранного видео - вместе с iPhone
• 2014: год, когда мобильные браузеры стали такими же мощными, как настольные компьютеры
• 2017: год, когда Интернет эволюционировал из Интернета

Цена: 31 доллар | Больше информации

Почетное упоминание: «Укради как художник» Остина Клеона.

Это определенно самая старая книга в этом списке, она была опубликована в 2012 году, но мы не могли не упомянуть ее. Как вы, наверное, догадались, «Укради как художник: 10 вещей, которые вам не рассказывали о творчестве» - это не простая книга по веб-дизайну. Тем не менее, его необходимо прочитать всем креативщикам, включая веб-дизайнеров (как профессионалов, так и любителей). Это заставит вас вращаться в художественном стиле, а объемная подача (анекдоты, мемы, цитаты…) позволяет быстро прочитать эту книгу, чтобы вы могли задействовать всю эту новую мотивацию.

Известные главы включают:

• Не ждите, пока вы узнаете, кто вы, чтобы начать
• Секрет: делайте хорошую работу и делитесь ею с людьми
• Будьте добры: мир - маленький город
• Будьте скучными: это единственный способ выполнить работу
• Творчество - это вычитание

Цена: 8 долларов | Больше информации

Как выбрать книги по веб-дизайну

Существует метод выбора книг по веб-дизайну для чтения, и многие из советов, которыми мы собираемся поделиться, были использованы для составления списка выше. Если вы собираетесь сослаться на другие списки «лучших» книг, имейте в виду следующее:

Выберите книги с недавними датами публикации

Даже если книга обещает глубокий взгляд на интересующую вас тему, это не стоит усилий, если книга была опубликована несколько лет назад. В этом списке мы остановились на книгах, изданных в 2018 году или позже. Мы считаем, что стратегии веб-дизайна меняются слишком часто, чтобы опубликовать что-либо, выходящее за рамки достоверной актуальности. У устаревших книг будет статистика, идеи и изображения, которые теперь неактуальны, а ссылки больше не работают.

Обратите внимание на макет и удобочитаемость

Профессионалы веб-дизайна должны кое-что знать о таких деталях, как представление и удобочитаемость. Это должно поднять красный флаг, если книга, которую вы рассматриваете, имеет странные проблемы с макетом, такие как пустые страницы или шаткие таблицы. Кроме того, если формулировку трудно читать, пересмотрите книгу - часть веб-дизайна связана с согласованностью, и автор должен иметь возможность четко общаться.

Определите, полностью ли освещена тема

Выбранные вами книги по веб-дизайну должны подробно освещать тему, а не бегло бегло бегать по ней. Если вам нужен только поверхностный обзор темы, вы можете найти в блоге «руководство для новичков».

Трудно понять это, пока вы не прочитаете книгу наполовину, но беглый взгляд на список глав - хорошее начало. Посмотрите, похоже ли, что тема разделена на подтемы и подтемы темы вместо того, чтобы придерживаться ограниченной информации. Кроме того, если некоторые главы или подразделы звучат так, как будто они охватывают одни и те же идеи, это может быть признаком того, что автор не провел достаточно исследований, чтобы заполнить полную книгу.

Скажите «Нет» сообщениям в блогах, переупакованным в книги

Распространенный способ «написать» книгу - превратить собрание сообщений блога по определенной теме в книгу. Дело не в том, что книги такого типа бесполезны, просто вам не нужно платить за информацию, которая уже доступна бесплатно. Многие профессионалы веб-дизайна будут предлагать этот тип продукта для бесплатной загрузки со своего сайта, возможно, в обмен на ваш адрес электронной почты. Когда дело доходит до книг, на которые вы тратите реальные деньги, ищите те, в которых есть только новая информация, которую вы еще не можете найти на веб-сайте автора.

Заключительные мысли о книгах по веб-дизайну

Ни одна книга не научит вас всему, что вам нужно знать о веб-дизайне. И даже если бы вы нашли время прочитать каждую запись в этом списке, вы все равно не знали бы 100% информации - это невозможная цель. Мир веб-дизайна обширен, сложен и постоянно меняется. Но поиск книг по веб-дизайну сейчас и в будущем, посвященных темам, которые вам наиболее интересны, позволит вам оставаться на вершине индустрии, а не тонуть в знаниях.

Последний совет для погружения в мир книг по веб-дизайну: начните с одной, а не перегружайте себя сразу несколькими. Вы никогда не прочтете все книги по веб-дизайну в мире, поэтому более разумный подход - прочитать одну, извлечь из нее как можно больше, применить все, что вы можете, к своему веб-сайту, а затем перейти к следующему.

Лучшее изображение через [имя исполнителя] / shutterstock.com