Книга дизайн веб: Необходимый минимум книг для начинающего веб-дизайнера

19.07.2021 Разное

Содержание

ТОП-10 лучших книг по веб-дизайну — для начинающих и не только

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

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

Получайте до 18% от расходов на контекст и таргет!

Рекомендуем: Click.ru – маркетплейс рекламных платформ:

Более 2000 рекламных агентств и фрилансеров уже работают с сервисом.
Подключиться можно самому за 1 день.
Зарабатывайте с первого потраченного рубля, без начальных ограничений, без входного барьера.
Выплаты на WebMoney, на карту физическому лицу, реинвестирование в рекламу.
У вас остаются прямые доступы в рекламные кабинеты, рай для бухгалтерии по документообороту и оплатам.

Попробовать бесплатно >> Реклама

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

UX/UI-дизайн — что это такое

ТОП-10 книг по веб-дизайну для новичков и не только

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

Приступим!

Якоб Нильсен. «Веб дизайн».

Кому читать: новичкам, для понимания основ

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

Автор подробно объясняет, что нужно сделать, чтобы сайт был полезным.

Обязательно к прочтению всем новичкам, перед изучением языка разметки – полученные знания помогут вам избежать частых ошибок во время верстки и разработки дизайна сайта.

Итан Маркотт. «Отзывчивый веб-дизайн»

Кому читать: владельцам сайта, маркетологам, начинающим и опытным веб-дизайнерам и разработчикам.

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

Чем хороша эта книга – ее писал практик. Здесь нет сухой теории, зато есть отличные рекомендации по отзывчивому дизайну, и даже примеры кода.

ТОП-10 книг по копирайтингу

Дмитрий Кирсанов. «Веб-дизайн»

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

Автор книги – профессиональный дизайнер, который сумел просто и понятно объяснить даже сложные вещи. Данная книга – полный учебник по дизайну, начиная от теоретических основ, и заканчивая практическими приемами.

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

Аарон Уолтер. «Эмоциональный веб-дизайн»

Кому читать: дизайнерам, маркетологам, пиарщикам, и всем, кто собирается переносить свой бизнес в сеть.

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

Правда, далеко не каждый дизайнер знает, как сделать свой сайт именно таким – вызывающим положительные эмоции и восхищение. Сайты в сети в основной своей массе однообразны, а попытки сделать что-то необычное часто терпят поражение.

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

Лучшие книги про маркетинг в социальных сетях

Виктор Папанек. «Дизайн для реального мира»

Кому читать: в первую очередь – начинающим дизайнерам, чтобы понять суть своей профессии.

Автор – американский дизайнер и педагог. В своей книге он подробно объясняет роль дизайнера в современном мире, и о дизайне в целом, рассказывает о новых принципах и методах проектирования.

Книга издана еще в 1979 году, но даже современные дизайнеры найдут для себя ответы на многие животрепещущие вопросы. Здесь сформулированы основные понятия, без которых начинающему дизайнеру будет трудно в этой непростой профессии.

Стив Круг. «Как сделать сайт удобным»

Кому читать: веб-дизайнерам, программистам, независимо от опыта работы, а также начинающим тестировщикам.

Еще одна книга, посвященная юзабилити. Автор объясняет, как сделать интернет-магазины более удобными, согласно его методу.

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

Читайте также: Лучшие онлайн-конструкторы логотипов

Александра Королькова. «Живая типографика»

Кому читать: в первую очередь – студентам, изучающим дизайн, начинающим полиграфическим дизайнерам, и просто всем тем, кому придется много работать с оформлением текста.

В книге собраны правила, советы, и некоторые закономерности, которые касаются русскоязычной типографики.

Эта книга может стать трамплином, началом для тех, кто захочет потом вникнуть в тему немного глубже.

Люк Вроблевски. «Сначала мобильные!»

Кому читать: программистам и дизайнерам, независимо от уровня знания и опыта работы. Будет полезна владельцам бизнеса и маркетологам.

Еще одна книга о дизайне для мобильных устройств. Автор излагает суть своего подхода – он предлагает проектировать дизайн сначала именно для мобильных устройств. И этот метод совершил настоящую революцию в современном проектировании. Объясняет, чем отличается мобильная версия от десктопной, от каких функций нужно избавиться, чтобы не усложнять жизнь мобильному пользователю. Как правильно организовать контент, как устроить навигацию, какие особенности поведения мобильного пользователя иметь ввиду – все это вы найдете в этой книге.

Самые значимые книги по маркетингу за 2017 год

Клеон Остин.

«Кради как художник.10 уроков творческого самовыражения»

Кому читать: художникам и дизайнерам, которые находятся в поиске творческих идей.

Нет, это не книга об искусстве плагиата. Это путеводитель для тех, кто немного перегорел и не знает, откуда брать творческие идеи. Автор учит, как можно черпать вдохновение из окружающего мира, как находить новые идеи в чужом творчестве и, в конце концов, найти свой путь и свой стиль.

Иоханнес Иттен. «Искусство цвета»

Кому читать: начинающим художникам и дизайнерам.

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

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

Сохраните подборку себе, чтобы не потерять!

Веб дизайн – ТОП-10 сайтов для дизайнеров, книг и инструментов web design

Сегодня веб-дизайн — одна из самых модных и востребованных профессий. Грамотные специалисты в этой сфере постоянно требуются IT-компаниям, digital-агентствам и частным интернет-предпринимателям. Чтобы стать веб-дизайнером, не обязательно оканчивать профильный ВУЗ. Но нужно обладать хорошим вкусом, постоянно учиться и следить за трендами.

Содержание

Что такое веб-дизайн простыми словами

Веб-дизайн (web design) — это область веб-разработки, которая отвечает за внешнее оформление интернет-ресурса: сайта, мобильного приложения или онлайн-сервиса. Она включает 5 аспектов.

Визуализация. На этом этапе веб-дизайнер знакомится с целью проекта, уточняет детали технического задания и делает наброски будущего макета (шаблона). Затем согласовывает свои идеи с клиентом.
Проектирование. Специалист по web design продумывает структуру интернет-ресурса, расположение графических и текстовых блоков на каждой странице.
Графическое оформление. Самый творческий этап в веб-дизайне, на котором можно воплотить в жизнь смелые идеи. Заключается в оформлении шрифтов, продумывании толщины и формы линий, выборе цветовой палитры, создании логотипов, иконок и других иллюстраций.
Разработка пользовательского интерфейса (UX). Задача специалиста по web design — сделать ресурс максимально удобным для посетителей и мотивировать их на совершение целевых действий, например, на покупку товаров. О том, как этого добиться, можно прочитать в нашей статье «Юзабилити». А если кратко, то веб-дизайнер собирает аналитику поведения пользователей, продумывает навигацию и взаимосвязь между разными элементами сайта, проводит тесты.
Особый подход применяется при разработке интерфейсов софта для Android и iOS. Подробно узнать о нём можно в статье «Дизайн мобильных приложений».
Вёрстка. Сводится к преобразованию дизайна в код страницы с помощью инструментов HTML и CSS. Эта работа необходима для того, чтобы контент правильно отображался в браузере. Правда, сегодня вёрсткой всё чаще занимаются смежные специалисты: верстальщики, программисты.

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

Краткая история web design и перспективы его развития

История web design берёт своё начало в 1990 году, когда появился язык разметки HTML. Последний позволил браузерам правильно интерпретировать содержимое текстовых документов и отображать пользователям, подключенным к интернету.

Первые сайты, созданные с помощью HTML, выглядели довольно примитивно. Они представляли собой серые страницы с текстом и ссылками. Однако уже с середины 90-х годов интернет-технологии стали развиваться бурными темпами, открывая новые возможности для веб-дизайна:

в 1995 году появились языки программирования JavaScript и PHP;
в 1996 году состоялся запуск технологии Flash, которая до сих пор используется для создания мультимедиа и игр;
на рубеже десятилетий появилось разрешение экрана 800*600, а в 2003 году его рекорд побило разрешение 1024*768.

Кроме того, новшества в отрасль привнесли типографика, баннеры, гифки (GIF). И сейчас web design по-прежнему остаётся одной из самых сложных ниш, которая постоянно подстраивается под меняющиеся настроения рынка.

Внимание! Всё шире в веб-дизайн внедряются анимация и 3D-эффекты. Кроме того, большое внимание уделяется созданию дружелюбных к пользователю (диалоговых) интерфейсов. Поэтому сегодня веб-дизайнер обязан быть не просто художником, но и хорошим маркетологом, режиссёром, айтишником.

10 сайтов для изучения веб-дизайна с нуля

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

medium.com. В своих блогах опытные ребята делятся с новичками решениями распространённых проблем. Интересующие вас статьи на этом интернет-проекте можно искать по тематическим категориям или ключевым словам.
tilda.education. Проект подойдёт тем, кто любит читать мануалы с подробным разбором всех деталей вопроса. По сути, блог Tilda — полезный онлайн-учебник по web design и смежным дисциплинам.
awwwards.com. Здесь студии и агентства веб-дизайна размещают свои работы, чтобы получить оценку со стороны общественности. А новичок легко найдёт профи, с которых стоит брать пример.
dribbble.com. Площадка с портфолио лучших специалистов по web design, а по совместительству — сборник идей для вдохновения.
infogra.ru. Здесь можно найти много актуальных статей по веб-дизайну, UX, взаимодействию фрилансера с клиентом. Приятный бонус — подборка книг и обучающих видео для новичков в профессии.
deadsign.ru. Статьи на этой площадке ориентированы на начинающих специалистов. Контент взят из зарубежных источников и переведён на русский язык.
zeldman.com. Интернет-проект с последними новостями из мира веб-дизайна. Подойдет тем, кто всегда хочет быть в тренде.
growthsupply.com. Агрегатор бесплатных инструментов (программ, онлайн-сервисов) и ресурсов, которые пригодятся в работе по web design.
vc.ru. Здесь размещено много полезных статей от экспертов по UX-дизайну. Материалы написаны простым и понятным языком с примерами успешных кейсов.
artlebedev.ru. Чего здесь только нет: рассуждения о визуализации и эстетике дизайна, советы по разработке диалоговых интерфейсов, типографики и многое другое.

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

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

10 книг для начинающих веб-дизайнеров

Без хорошей теоретической базы нет смысла приступать к практике. Поэтому предлагаем вам подборку полезных книг по веб-дизайну.

В. Папаек «Дизайн для реального мира». Книга раскрывает фундаментальные знания о дизайне: основные термины, цели и задачи, принципы и методы проектирования, вопросы профессиональной этики.
Д. Кирсанов «Веб-дизайн». Простой и понятный учебник для новичков. Здесь разжёвываются основы работы со шрифтами, формами, текстурами, цветом, текстовыми блоками и навигацией.
И. Маркотт «Отзывчивый веб-дизайн». Автор доступными словами объясняет, как сделать интерфейс ресурса максимально удобным для пользователей.
А. Купер «Интерфейс. Основы проектирования взаимодействия». Этот труд для многих специалистов стал настольной книгой по UX-дизайну. Информация раскрыта очень подробно.
А. Королькова «Живая типографика». Книга быстро научит вас работать со шрифтами, линиями и пространством веб-страницы.
И. Иттен «Искусство цвета». Автор рассказывает читателям, как комбинировать различные оттенки и формы, добиваясь цветовой гармонии.
С. Круг «Не заставляйте меня думать». Издание представляет собой пошаговое руководство по созданию сайта со множеством наглядных примеров и подсказок. Большое внимание автор уделяет взаимодействию исполнителя с клиентом.
Л. Вроблевски «Сначала мобильные». Понятное пособие по созданию мобильной версии сайта.
М. Томич «Придумай. Сделай. Сломай. Повтори». Книга содержит 60 приёмов и техник, которые помогут создать инновационный продукт, выделяющийся на фоне конкурентов. Информация состоит из двух частей: теории и практических упражнений.
Х. Брэдли «Дизайнь. Современный креатифф». Книга содержит подборку оригинальных дизайнерских идей. Её главное достоинство — лёгкий стиль подачи информации с нотками юмора.

Не стоит пытаться за несколько дней перечитать все книги. Лучше изучать литературу по веб-дизайну постепенно и сразу воплощать полученные знания в реальность.

6 программ и сервисов, которые будут полезны всем веб-дизайнерам при создании проектов в интернете

Более 50% успеха работы в web design зависит от применяемых интернет-технологий. Ниже перечислим те инструменты, которые пригодятся каждому начинающему специалисту.

Adobe Photoshop

Позволяет создать дизайн шаблона с нуля. Новичку в web design функционала этой программы хватит более чем. Да и клиенты привыкли к файлам в формате «. psd». Также из плюсов программы стоит отметить большое количество готовых стилей, скриптов и плагинов, ускоряющих работу специалиста.

Sketch

Sketch считается основным конкурентом Photoshop в области web design. Программа заточена под создание диалоговых интерфейсов и мобильных приложений. Она менее требовательна к вычислительным мощностям устройства, поэтому работает быстро и стабильно.

Внимание! Пока программа Sketch совместима только с ОС Mac.

Macaw

Основная «фишка» этой программы — возможность разработать макет ресурса без малейших знаний HTML и CSS. Причём дизайн получается красивым, современным и адаптивным для мобильной версии. А ещё Macaw прост в использовании и абсолютно бесплатен!

Marvelapp

Проект реализован в виде онлайн-сервиса, поэтому веб-дизайнеру ничего скачивать не нужно. С помощью Marvelapp можно создать прототип будущего ресурса, продумать пользовательский интерфейс и даже провести юзабилити-тестирование.

UXPin

Главное достоинство этого сервиса заключается в его универсальности. Здесь можно создать как прототип веб-ресурса, так и полноценный шаблон с пользовательским интерфейсом — как сайт, так и мобильное приложение. UXPin позволяет импортировать готовые UX-элементы, а также проекты, созданные в программах Photoshop и Sketch.

Figma

Ещё один сервис, заточенный под разработку пользовательских интерфейсов — сайтов и мобильных приложений. Он предоставляет веб-дизайнерам возможность работать вместе над одним проектом в режиме реального времени. Figma совместим с любыми ОС, включая Linux и Mac.

Таким образом, web design — это сложная, разнообразная и постоянно меняющаяся отрасль. Чтобы добиться в ней успеха, недостаточно разбираться в графическом дизайне. Нужно мыслить как маркетолог и действовать как IT-специалист.

Опубликовано 30. 09.2020, изменено 19.05.2021

20 лучших электронных книг для веб-дизайнеров

Руководства по веб-дизайну, основы и тонкости типографики, интерфейсы и адаптивный дизайн, советы о том, как стать успешным фрилансером, — представляем вам подборку электронных книг для веб-дизайнеров.

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

Большинство книг из списка можно читать бесплатно, остальные вы можете приобрести в электронном формате.

Web Designer’s Success Guide

«Web Designer’s Success Guide» – это бесплатное руководство, которое научит вас быть успешным фрилансером в индустрии веб-дизайна.

Из руководства вы узнаете, как начать работать на себя, как находить клиентов, какие рынки для вас существуют и как управлять своими проектами.

Информация о книге Web Designer’s Success Guide.

Just Ask: Integrating Accessibility Throughout Design

«Just Ask: Integrating Accessibility Throughout Design» – это бесплатная книга о том, как создавать сервисы и продукты, доступные людям с ограниченными возможностями. Из книги вы узнаете, как сделать интерфейсы такими, чтобы с ними могли работать самые разные люди, независимо от их физических возможностей.

Информация о книге Just Ask: Integrating Accessibility Throughout Design.

Essential JavaScript And jQuery Design Patterns

«Essential JavaScript And jQuery Design Patterns» – это бесплатная книга о дизайн-паттернах, которая будет полезна всем JavaScript разработчикам.

Информация о книге Essential JavaScript And jQuery Design Patterns.

Dive Into HTML5

«Dive Into HTML5» – это руководство для тех, кто начинает изучать HTML5. Вы познакомитесь с основами HTML5 и разберете на примерах, как можно использовать этот язык.

Информация о книге Dive Into HTML5.

HTML5 Tutorials

На сайте HTML Dog собраны руководства по HTML5 – от самых основ для новичков до руководства и советов для тех, кто уже является экспертом в этом языке.

Информация о книге HTML5 Tutorials.

Guide to Guerrilla Freelancing ebook

«Guide to Guerrilla Freelancing» – это еще одно бесплатное руководство для начинающих фрилансеров. Из сборника лучших статей сайта Gurilla Freelancing вы узнаете, в каком направлении вам двигаться, какие преимущества и недостатки есть у фриланса, а также маркетинговые тактики, которые помогут вам в продвижении.

Информация о книге Guide to Guerrilla Freelancing.

Web Style Guide

«Web Style Guide» – это уже третье издание популярного руководства, затрагивающего разные области веб-разработки, включая дизайн интерфейсов, информационную архитектуру и юзабилити.

В книге объясняются принципы дизайна и то, как они могут применяться в разных проектах.

Информация о книге Web Style Guide.

Meet Your Type: A Field Guide to Typography

«Meet Your Type: A Field Guide to Typography» – это интересное руководство по типографике, которое поможет вам понять, как устроены и работают различные шрифты и как найти (и возможно ли это) свою единственную любовь в мире типографики.

Информация о книге Meet Your Type: A Field Guide to Typography.

Type Classification

Из бесплатной книги «Type Classification» вы узнаете о 10 основных классификациях шрифтов. Это базовая информация, которая нужна тем, кто начинает изучать шрифты, и которая будет полезна всем, кто занимается дизайном.

Информация о книге Type Classification.

Adaptive Web Design

«Adaptive Web Design» – это известная книга, посвященная истории, принципам работы и практическому применению адаптивного дизайна. Вы можете бесплатно ознакомиться с первой главой книги и приобрести PDF за $11.

Информация о книге Adaptive Web Design.

The Design Funnel: A Manifesto For Meaningful Design

«The Design Funnel: A Manifesto For Meaningful Design» – манифест, который будет интересен и полезен всем, кто занимается дизайном.

Книга поможет вам создавать более осмысленные работы, а также трансформировать неясные желания ваших клиентов (или ваши желания) в четкие идеи, с которыми можно работать.

Информация о книге The Design Funnel: A Manifesto For Meaningful Design.

Learning Web Design

«Learning Web Design» – это хороший выбор для тех, кто начинает изучать веб-дизайн. Эту книгу можно даже использовать как основу для учебного курса — в конце каждой главы даны тесты на проверку знаний.

Вы можете бесплатно ознакомиться с первой главой, а затем приобрести электронное издание книги.

Информация о книге Learning Web Design.

HTML and CSS: Design and Build Websites

Книга «HTML and CSS: Design and Build Websites» – это очень красивая книга о дизайне, которая сделает обучение еще приятнее. В книге содержатся лучшие практики в области веб-дизайна и наглядные примеры.

Информация о книге HTML and CSS: Design and Build Websites.

Implementing Responsive Design

«Implementing Responsive Design» – это книга, посвященная адаптивному веб-дизайну, которая расскажет, как сделать все правильно, используя этот подход, и каких ошибок следует избегать.

Информация о книге Implementing Responsive Design.

Книги на русском языке:

Алан Купер об интерфейсе. Основы проектирования взаимодействия

Книга Алана Купера считается классической работой в области проектирования интерфейсов.

Отличительной чертой книги является ее практическая направленность – значительную часть издания занимает подробный разбор принципов и шаблонов проектирования взаимодействия.

Информация о книге Алан Купер об интерфейсе. Основы проектирования взаимодействия.

Web-дизайн: удобство использования Web-сайтов

В книге «Web-дизайн: удобство использования Web-сайтов», переведенной на русский язык, рассмотрены принципы создания успешных веб-сайтов.

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

Информация о книге Web-дизайн: удобство использования Web-сайтов.

HTML5 для веб-дизайнеров

HTML5 для веб-дизайнеров – это руководство по использованию HTML5. Из книги вы узнаете об истории и развитии HTML, принципах устройства, спецификациях этого языка и технологических нововведениях.

Книга будет полезна всем, кто занимается веб-дизайном и разрабатывает доступные интерфейсы.

Информация о книге HTML5 для веб-дизайнеров.

JavaScript. Подробное руководство

«JavaScript. Подробное руководство» – это пятое издание одной из самых известных книг по JavaScript. Пятое издание дополнено сведениями о JavaScript в соответствии с современным положением дел в разработке приложений для Web 2.0.

Книга представляет собой руководство с большим числом практических примеров и одновременно настольный справочник по широкому кругу вопросов.

Информация о книге JavaScript. Подробное руководство.

Типографика: Шрифт, верстка, дизайн

Типографика: шрифт, верстка, дизайн

«Типографика: шрифт, верстка, дизайн» – это переведенная на русский язык классическая книга о типографике. В книге вы найдете различные сведения, правила и тонкости, касающиеся компьютерной верстки, отвечающей современным стандартам.

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

Информация о книге Типографика. Шрифт, верстка, дизайн.

Дневник дизайнера-маньяка

«Дневник дизайнера-маньяка» – это книга о дизайнерах и для дизайнеров — откровенный разговор о наболевшем.

Автор книги Яна Франк делится своими мыслями о профессии, предлагает ответы на «вечные вопросы»: должен ли дизайнер уметь рисовать, существует ли идеальный заказчик, где брать свежие идеи, чем отличается плагиат от работы с материалом и т.д.

Информация о книге Дневник дизайнера-маньяка.

Лучшие книги по веб-дизайну — подборка от IDBI

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

1. Борис Леонтьев, “Энциклопедия WEB-дизайнера”

Отличная книга как введение в профессию: автор рассказывает об основах веб-дизайна (шрифты, типографика, теория цвета и света, формообразование), учит рисовать “от руки”. Вы научитесь разбираться в документах HTML, программах, редакторах и языках Perl, Java, VRML и других, создавать скрипты, баннеры и различные виды рекламы, регистрировать ресурсы в поисковиках и каталогах. Словом, все то, что требуется специалисту по визуальному оформлению сайтов и даже больше.

Важно! Книга выпущена довольно давно и не отражает современные методы веб-программирования. Однако основы разъяснены детально.

2. Александра Королькова, “Живая типографика”

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

3. Аарон Уолтер, “Эмоциональный веб-дизайн”

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

4. Яна Франк, “Дневник дизайнера-маньяка”

Яна Франк — топовый автор “Живого журнала”, которая привлекает своих подписчиков неподдельной искренностью и живым юмором. Эта книга написана в том же стиле: собственно, это не что иное, как адаптированные под книжный стиль и дополненные иллюстрациями посты в ЖЖ. Помогает лучше понять дизайнера — исполнителя ваших заказов, прикоснуться к изнанке дизайнерской кухни, ну и, конечно, ответить на ключевые вопросы: как найти идеального дизайнера, как стать лучшим заказчиком и найти общий язык с исполнителем, как отличить плагиат от креатива и так далее.

5. Тим Браун, “Дизайн-мышление в бизнесе”

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

6. Тим Кедлек, “Адаптивный дизайн. Делаем сайты для любых устройств”

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

7.

Майкл Джанда, “Сожги свое портфолио! То, чему не учат в дизайнерских школах”

Простым языком о сложных вещах — вот как можно охарактеризовать эту книгу. Автор дает ровно 111 советов, которые пригодятся в любой внештатной ситуации. Закулисье дизайнерского мира, особенности командной работы, интересные заказчики и непредсказуемые начальники, творческие кризисы и безумные идеи — то, чему не учат в институте, но что пригодится каждому дизайнеру в работе. Непередаваемый авторский стиль, юмор и жизнелюбие вызывают желание немедленно пойти учиться на дизайнера. Ну или хотя бы покреативить немного самому.

8. Иоханнес Иттен, “Искусство цвета”

Специфика работы дизайнера, типографика и адаптивная верстка — все это здорово, но нельзя забывать о цвете — одном из важнейших инструментов дизайнера. Эта книга — редкость в современной литературе, ведь о цвете сказано на самом деле не так много. В книге Иоханнес Иттен вспоминает о своей практике преподавания дисциплины “Цвет” в европейских вузах. Он рассказывает о том, как сочетать цвета друг с другом, основам колористики, физике цвета. Книга станет неоценимым помощником для дизайнеров, художников и тем, кому не чуждо чувство прекрасного. Приобщайтесь!

9. Иоханнес Иттен, “Искусство формы”

Второй бестселлер знаменитого преподавателя. Вслед за “Искусством цвета” увидело свет повествование о форме и композиции, которое нужно детально изучить любому дизайнеру и художнику. Кстати, если найдете эту книгу, “Искусство цвета” можно не читать — кратко суть первой книги изложена в одной из глав второй.

Иоханнес Иттен знакомит читателей с теорией: текстурами формы и материала, важнейшими точками композиции, расстановкой акцентов, подкрепляя теорию примерами из личной практики. Думаете, к веб-дизайну это не имеет отношения? Неправда: любой дизайн строится на базовой теории. Откройте свой сайт: найдете там и композицию, и формы, и сочетания цветов.

10. Кит Джереми, “HTML5 для веб-дизайнеров”

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

11. Виктор Папанек, “Дизайн для реального мира”

Если вы до сих пор не можете внятно ответить, что же такое дизайн, кто такой веб-дизайнер и из чего состоят элементы дизайна у вас на сайте — прочтите эту книгу, и все встанет на свои места. Виктор Папанек написал свой труд еще в 1979 году, но с тех пор мало что поменялось. Он рассказывает основные понятия, словно находясь рядом с вами в одной комнате — просто и доступно. Многие мысли можно записывать и сохранять на будущее. Вот, например: “Существуют и более вредные профессии, нежели промышленный дизайн, но их совсем немного. И, возможно, лишь одна профессия превосходит его по степени надувательства – рекламный дизайн. Убеждать людей приобрести то, что им не нужно, на деньги, которых у них нет, чтобы произвести впечатление на тех, кому до этого нет никакого дела, – сегодня это мошенничество стало поистине виртуозным” — здорово, правда? Можно сколько угодно спорить о том, прав автор или нет, но в точности формулировок автору не откажешь.

12. Дмитрий Кирсанов, “Веб-дизайн”

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

13. Иван Васильев, “Практика создания товарных знаков”

Манн, Иванов и Фербер ерунды не выпускают: перед вами еще одна книга российского дизайнера, который щедро делится своим опытом. Эта книга о целой науке — создании товарных знаков и разработке фирменного стиля, которую автор освоил на пять с плюсом.

Если вы хоть раз задумывались об айдентике — эта книга вам в помощь. В ней приведены теоретические азы и практические примеры товарных знаков (не путать с логотипами!). Вы познакомитесь с кейсами от А до Я: от регистрации домена до создания промо-материалов и печати их в типографии.

14. Стив Круг, “Как сделать сайт удобным”

Все то, о чем мы не устаем повторять — любой ресурс должен быть в первую очередь полезным и удобным для посетителя. Стив Круг только за: в своей книге он объясняет основные принципы и приемы юзабилити (удобство использования). Пишет исходя из своей практики: она у него огромная, делится секретами и личными фишками повышения юзабилити, рассказывает о проблемах и способах их решения. Отличная, умная и ироничная книга, которая станет вашим настольным помощником. С ее помощью вы сможете оценить юзабилити своего сайта и ресурса конкурентов и выявить их сильные и слабые стороны.

15. Марк Смикиклас, “Инфографика. Коммуникация и влияние при помощи изображений”

Последние годы мир захватила инфографика — изображение информации в виде графиков, диаграмм, картинок. Это наглядно, удобно и легче воспринимается — неудивительно, что один и тот же материал в тексте и инфографике лучше воспринимается во втором случае. Совсем скоро мы напишем статью на эту тему — а пока предлагаем познакомиться с этой книгой. Из нее вы узнаете, как воздействовать на посетителя и читателя, влиять на их мнение и просто делать сайт современным и красочным. Оказывается, инфографику можно создать на основе любой информации: новостей, важных мыслей, цифр и статистики, интересных фактов. Интересно? Тогда вперед!

16. Пол Рэнд, “Дизайн: форма и хаос”

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

17. Джессика Глейзер, Кэролин Найт , “Дизайн. Разработка проектов. Разбуди свое вдохновение!”

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

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

Лучшая книга о дизайне 2019 года посвящена веб-дизайну с 90-х годов до наших дней

Глубокое погружение в сайты, которые сделали нас — и как селфи убили творчество.

Какими были первые сайты, в которые вы влюбились? Для меня это должен был быть веб-сайт Бека около 1999 года и выпуск его оригинального Midnite Vultures музыка этого безумного альбома отражалась в яркой и дерзкой природе его домашней страницы.

Я помню первую онлайн-игру, в которую я влюбился, захватывающая, окружающая техно эволюция Viral Pursuit, созданная Globz aka Globulos (ниже). Был также сайт Flash-анимации, который удерживал меня зачарованным, наполняя экран дидоноподобной фигурой Фидо, выгравированной в белом на черном фоне. Я не могу вспомнить, каким был этот веб-сайт рубежа веков, но, если кто-нибудь знает, это, вероятно, будет Роб Форд, чей веб-дизайн . Эволюция цифрового мира 1990-сегодня — наша лучшая книга о дизайне 2019 года.

Иллюстрированное руководство по влиятельным веб-страницам с момента, когда Тим Бернерс Ли переключил Интернет на нашу нынешнюю эру приложений, виртуальной реальности и Pokemon Go выпуск Taschen имеет длину почти 700 страниц, с другим выделенный веб-сайт за каждые две страницы распространения. Безумная любовь и преданность очевидны; вы ожидаете бесчисленных скучных скриншотов и небольшого количества контекста, но вместо этого вы получаете версии древних изображений в высоком разрешении, сопровождаемые пониманием влиятельных создателей тех самых сайтов, которые сделали нас.

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

Содержание статьи

1 Спасибо за написание нашей книги о дизайне года Роб! Какой один или два сайта, по вашему мнению, были или есть — замечательные подвиги искусства и дизайна?
2 Какие развлекательные заведения (шоу, персонажи, креативы и т. Д.) Сегодня, по вашему мнению, находятся здесь исключительно из-за их влияния в первые дни существования Интернета?
3 Каковы были самые большие изменения в пользовательском опыте онлайн за эти годы?
4 Что бы вы назвали самым плохо спроектированным сайтом за всю историю Интернета?
5 В последние годы в Интернете 1.0 прославляют сайты возврата, такие как сайт для фильма Captain Marvel и что-то вроде фетиша для ретро-дизайна в таких движениях, как сцена из паровой волны. Что вы думаете об этих ностальгических одах в прошлое?
6 Можете ли вы сказать, что интернет оказал какое-то влияние на искусство и иллюстрацию, заставляя создателей сделать все, чтобы «цифровая готовность» появилась на маленьком экране?
7 Можно ли сказать, что онлайновый бум 1990-х годов был, пожалуй, последним моментом золотой лихорадки для дизайнера, особенно сейчас, в наш век низкооплачиваемых креативщиков?

Спасибо за написание нашей книги о дизайне года Роб! Какой один или два сайта, по вашему мнению, были или есть — замечательные подвиги искусства и дизайна?

«Ух ты, слишком любезен! На самом деле, это самая большая мечта каждого автора услышать эти слова 🙂

«В 2003 году Fantasy Interfaces создала портал для службы Time Warner’s Road Runner, одного из самых красивых и интеллектуальных информационных порталов десятилетия. Во многом новаторским, поскольку он предоставлял контент по щелчку в выбранной области сайта без полного обновления страницы.

«В нем также было много настраиваемых функций. Фактически, за последние 16 лет мы ничего не видели на этом уровне».

«По совпадению, также в 2003 году, Tokyoplastic подарил нам действительно незабываемый вау момент в истории веб-сайтов с их абсолютно уникальным веб-сайтом, посвященным визуальным элементам и анимации (см. Ниже)

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

«Этот уровень искусства / оригинальности почти никогда не наблюдается в наши дни, и мы должны спросить себя, почему люди больше не проявляют такого личного самовыражения в Интернете … может быть, слишком много времени пытаются получить хороший селфи».

Какие развлекательные заведения (шоу, персонажи, креативы и т. Д.) Сегодня, по вашему мнению, находятся здесь исключительно из-за их влияния в первые дни существования Интернета?

«Черное зеркало: Bandersnatch и все, что последует в мире опыта, все имеют свои корни в ранней экспериментальной паутине. Например, в 2008 году мы испытали Вспышку потоковое онлайн-видео, в котором решения пользователя определяли исход фильма о зомби, в котором они оказались.

«Опыт дополненной реальности, лицевые фильтры и т. Д. Имеют свои корни в ранней веб-разработке Flash, как, например, первая загрузка вашего лица в 2005 году для фильма Wedding Crashers где вы должны загрузить свое лицо для впервые в истории и звезда в трейлере фильма.

«Наконец, Flash позволил Чэду Херли, Стиву Чену и Джаведу Кариму создать YouTube в то время, когда единственным способом добавления видео на веб-сайт был Apple Quicktime или подобные Realplayer, и это большая головная боль и ни одна из что позволило бесшовной интеграции и потоковой передачи.

«Итак, краткое изложение здесь состоит в том, что первые дни Интернета были путём ко всему, что мы видим сегодня, и не только в Интернете, но и вокруг нас, и даже в вашем умном холодильнике».

Каковы были самые большие изменения в пользовательском опыте онлайн за эти годы?

«Самым большим изменением в Интернете является то, что онлайн больше не существует. Мы не подключаем телефонную линию для подключения к модему 33,6 КБ и не ждем, когда наши мамы отключатся от линии, чтобы мы могли подключиться и стать« онлайн ». Мы не просыпаемся и не задумываемся, дышим ли мы, мы просто есть, и мы все время находимся «в сети». Сейчас жизнь ».

Что бы вы назвали самым плохо спроектированным сайтом за всю историю Интернета?

«Это вопрос, на который я бы всегда отказывался отвечать, так как наваливать такой негатив на кого-либо или любую компанию — это не мой стиль. Однако! WPP.com — компания, в которой на 2019 год работает более 130 000 человек, и которой принадлежат некоторые из наиболее у креативных агентств в мире был веб-сайт, который почти не менялся с 2006 по 2018 год (!). Меня всегда удивляло, как такая огромная компания с лучшими креативными умами в мире, всеми ресурсами и всеми инструментами может быть так не хватает их собственный сайт.

«Что касается сегодняшних и ужасных примеров веб-дизайна, ответ — ВЕСЬ ИНТЕРНЕТ. Сумасшедшее утверждение, но что же мы сделали? Законодательство нанесло урон сети, особенно для европейцев, которым приходится сталкиваться с политикой в отношении файлов cookie, Условиями использования». экраны, охватывающие весь контент на многих сайтах и, что еще хуже, на мобильных устройствах.

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

«Они пропустили золотую эру, ИМО, красоты, веселья и индивидуальности. Никаких правил, никаких головокружений, и это была сеть, изобретенная сэром Тимом Бернерсом Ли, а не то, что мы имеем сейчас».

В последние годы в Интернете 1.0 прославляют сайты возврата, такие как сайт для фильма

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

«Я люблю их, но чувствую, что разрыв между поколениями настолько велик, что мы только поглаживаем ностальгические сенсоры людей среднего возраста, которые были там 20–30 лет назад, очень похоже на множество недавних телевизионных рекламных роликов, которые получают большое распространение ностальгирует по музыке 1980-х и начала 1990-х. Заставляет меня задуматься, сколько людей с рекламой переживают кризис среднего возраста, а также затрагивают мою!

«Сказав, что если бы я только что закончил образование и хотел оставить свой след в Интернете, я бы соблазнился воссоздать некоторые ранние Flash-сайты примерно с 2001-2003 гг., Так как я чувствую, что стиль работы готов и к возрождению. «

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

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

Можно ли сказать, что онлайновый бум 1990-х годов был, пожалуй, последним моментом золотой лихорадки для дизайнера, особенно сейчас, в наш век низкооплачиваемых креативщиков?

«Да, я бы не стал последним.

«Если я могу на этом закончить … каждый человек, читающий это, может перестать следовать последним разработкам в стиле веб-шаблонов для печенья. Личность — это уникальная вещь, которую мы все имеем, и ее можно легко перевести в нашу работу, что бы это ни было .

«Это то, чем была ранняя сеть, люди, показывающие свою личность в Интернете, так что давайте снова станем нашими личностями».

что изучать и как развиваться?

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

Кому стоит изучать веб-дизайн?

С одной стороны, когда речь заходит про изучение веб-дизайна с нуля, можно говорить о том, что это ремесло подойдёт всем и каждому. И действительно, оно находится на стыке искусства, гуманитарных и технических наук. Программное обеспечение не требует серьёзных вычислительных ресурсов. Наконец, веб-дизайн — это безумно интересно.

С другой стороны, есть ряд навыков и черт характера, которые помогут развиваться в веб-дизайне более эффективно:

Способность обучаться. Если вы умеете самостоятельно искать ответы на свои вопросы, а также находить, изучать и, самое главное, понимать новый материал, ваш рост в веб-дизайне будет более стремительным.
Эмпатия. Умение ставить себя на место другого человека (пользователя вашего будущего сайта), поможет вам создавать проекты, ориентированные на финального потребителя и решающие реальные задачи.
Собранность и дисциплинированность. Работа (и обучение) веб-дизайнера с нуля — сложный многошаговый процесс. Иногда что-то может не получаться. Без жёсткого стержня внутри принимать свои недостатки и исправлять ошибки будет немного труднее.

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

Веб-дизайн с нуля: самостоятельно или на курсах?

Пожалуй, этот вопрос возникает у каждого, кто задумывается про обучение веб-дизайну с нуля: можно ли научиться веб-дизайну самостоятельно или нужно обязательно идти на специализированные курсы? Давайте разбираться.

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

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

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

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

Как научиться веб-дизайну с нуля?

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

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

Курсы веб-дизайна с нуля

Большинство существующих сегодня курсов ориентированы именно на новичков, и помогают начать знакомство с веб-дизайном с самых азов. Одни курсы длятся всего несколько месяцев, другие — год или больше. Рекомендуем вам ознакомиться с разными вариантами и подобрать подходящий по длительности, интенсивности и другим параметрам.

В нашей подборке с лучшими курсами по веб-дизайну вы можете найти сравнение более 15 различных курсов и выбрать тот, который подойдёт именно вам.

Полезные книги для веб-дизайнера

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

Да, многие тренды приходят и уходят, операционные системы и популярные соц.сети регулярно обновляются, но основные концепции и идеи цифрового дизайна остаются неизменными.

Композиция, цвет, типографика, элементы интерфейса — всё это уже давно описано и ежедневно используется миллионами людей.

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

Ководство — Артемий Лебедев. Книга представляет из себя свод правил и принципов, применимых к самым разным областям дизайна. Руководитель самой известной дизайн-студии России рассказывает одновременно о законах композиции, и о том, какие кавычки использовать в макетах. Читать книгу можно с любого места, и в этом её прелесть. Скачать книгу →

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

iПрезентация — Кармин Галло. Одна из первых книг в моей коллекции. Она не связана напрямую с веб-дизайном — автор делает большой упор на презентации и storytelling и берёт за основу самые популярные и эффектные презентации продуктов от компании Apple. Однако, принципы, используемые для создания крутых презентаций и промо-сайтов примерно во многом похожи. Скачать книгу → Дизайн привычных вещей — Дон Норман. Дизайн в общем, и веб-дизайн в частности — это не то, как что-то выглядит, а то, как оно устроено изнутри.

Хороший дизайн должен решать проблемы пользователя, а не создавать преграды. Об этом и рассказывает в своей книге Дон Норман, используя в качестве примеров привычные и окружающие нас предметы. Скачать книгу →

Где изучать веб-дизайн с нуля бесплатно?

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

YouTube-каналы и уроки

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

Школа #VA. Не будем лукавить и сразу же пригласим вас на наш собственный YouTube-канал.

На нём регулярно выходят лекции для начинающих веб-дизайнеров. Мы стараемся рассказывать не только о том, как работать в графических редакторах или сочетать цвета — большое внимание на нашем канале уделяется работе с заказчиками, развитию и организации бизнеса. Litus Pro. Отличный современный канал с десятками подробных туториалов и насыщенных инструкций. Автор канала имеет за плечами большой опыт и не занимается навязчивой рекламой своих курсов или услуг. Рекомендуем смотреть лекции и одновременно с этим повторять действия автора канала в графическом редакторе.

Блоги и статьи

Ежедневно на свет появляются десятки и сотни полезнейших статей на тему веб-дизайна, интерфейсов, пользовательского поведения и сайтах. Моя персональная рекомендация — установите приложение для комфортного чтения RSS-лент и добавьте в него ваши любимые блоги. Затем тратьте по 20-30 минут в день на чтение новых материалов: взрывной рост и освоение веб-дизайна с нуля обеспечено.

Не знаете, на какие блоги и каналы подписаться? Ловите подборку самых полезных:

Дизайн-кабак. Российский канал на платформе Medium, ежедневно публикующий полезные статьи (и переводы статей зарубежных авторов) на тему дизайна. Типографика на сервисе Medium потрясающая, поэтому читать там статьи — одно удовольствие. UXpub. Ещё одно интернет-издание, рассказывающее преимущественно о UX-дизайне, пользовательском опыте и взаимодействии. Содержит огромное число полезнейших советов по проектированию форм, кнопок и других элементов интерфейса. Awdee. Данный интернет-портал является отличным источником вдохновения. На нём периодически публикуются кейсы других дизайнеров и интересные работы как из мира сайтов/интерфейсов, так и из сфера брендинга.

Изучение веб-дизайна с нуля — непростой путь, требующий дисциплины и терпения со стороны молодого специалиста. Самое главное, никогда не стоит забывать: веб-дизайнер — не художник, а ремесленник. Он не создаёт произведение искусства под действием вдохновения. Он, скорее, изо дня в день оттачивает своё мастерство, осваивая и впитывая всё новые и новые источники и ресурсы.

Книги по Веб-дизайну, CSS, HTML

Также смотрите разделы связанные с разделом Книги по Веб-дизайну, CSS, HTML, создание сайтов и верстка:

Обучение информатике, презентации по информатике
Книги, задачники и учебники по информатике
Книги и учебники по программированию
Обучение пользованию Интернет
Полезные сайты, ссылки, утилиты, программы
Уроки и советы по PHP, HTML, CSS, JavaScript, Java, JSP, Servlet
Уроки и советы по CSS
Обучение компьютерным программам
Решебники и ГДЗ по Информатике
ГИА, экзаменационные билеты по Информатике
Словари по информатике и компьютерам
ЕГЭ по информатике
Все книги по информатике

Ниже Вы можете бесплатно скачать электронные книги и учебники и читать статьи и уроки к разделу Книги по Веб-дизайну, CSS, HTML верстка, разметка Web-страниц, каскадные таблицы стилей:

Дизайнер интерфейсов, принципы работы и построение карьеры, Сидоренко И. , 2019
Основы дизайна и композиции, современные концепции, Павловская Е.Э., 2019
Создаем динамические веб-сайты с помощью РНР, MySQL, JavaScript, CSS и HTML5, Никсон Р., 2019

HTML5, CSS3 и JavaScript. Исчерпывающее руководство, Роббинс Дж., 2014
Zend Framework 2.0 разработка веб-приложений, Шасанкар K., 2014
Большая книга CSS3, Макфарланд Д., 2014
Веб-дизайн, Книга идей веб-разработчика, Макнейл П., 2014

HTML5, рецепты программирования, Шмитт К., Симпсон К., 2012
Веб-дизайн, Идеи, секреты, советы, Макнейл П., 2012
Зарабатывай в Интернете, Кнопка Бабло, Бабаев А., Евдокимов Н., Штарев А., 2012

CorelDRAW ХЗ, Учебный курс, Миронов Д.Ф., 2006
HTML — Популярный самоучитель — Чиртик А.А.
HTML — Просто как дважды два — Рева О.Н.
HTML, Популярный самоучитель, Чиртик А.А., 2006
Высший пилотаж в Photoshop CS2, Клосковски М. , 2006
Построй свой супер-сайт за 21 день — Морозова О.М.
Построй свой супер-сайт за 21 день, Морозова О.М., 2006
Создание Web-страниц и Web-сайтов — Самоучитель — Печников В.Н.

Описание раздела «Книги по Веб-дизайну, CSS, HTML»

В данном разделе к вашему вниманию предоставлены Книги по Веб-дизайну, CSS, HTML верстка, разметка Web-страниц, каскадные таблицы стилей. Вы мечтаете стать Web дизайнером, хотите разрабатывать интересные Web порталы, но не знаете как? Тогда скачивайте книги с нашего сайта бесплатно и без регистрации.

У нас собраны книги самых популярных авторов: Musciano С., Kennedy B., Едомский Ю.Е., Niederst J.R., Борисенко А.А., Молли Э., Айзекс С., Ашманов И., Иванов А., Новичков Д.Ю., Сатин Д.К., Костин А.Н., Мейер Э., Дубаков М., Вилдермьюс Ш., Чанг Т., Кларк Ш., Гурвиц М., Вильямсон Х., Исагулиев К., Уотролл Э., Гербер Н., Смит С., Ошман М., Болдуин Д. , Макдоналд Д., Петере К., Стир Д., Уильямс Э., Барбер К., Ньюкирк П. и другие.

В книгах написано все о программах для Веб дизайнера: Adobe ColdFusion Enterprise 8.0, Adobe Contribute, Adobe Dreamweaver, Adobe Fireworks, Adobe Flash Professional, Adobe Photoshop, Microsoft Expression Web и другие.

Если вы планируете стать веб-дизaйнерoм, то Фoтoшoп будет oснoвнoй графической прoгрaммoй, с кoтoрoй вам предстоит иметь дело. Далее вы изучите html. Если html знaете — тo css выучите зa пaру-трoйку дней. Так же обязательно пользуйтесь Macromedia Dreamweaver.

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

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

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

Количество методов обучения резко изменилось с того момента, когда я впервые научился создавать веб-сайты. Есть YouTube, цифровые книги для ваших мобильных устройств, блоги и платформы для онлайн-курсов, такие как Treehouse и Udemy.

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

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

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

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

Когда я решил, что этот предмет — это то, чем я действительно хочу овладеть, я потрачу время на то, чтобы выучить его от корки до корки.

HTML и CSS: проектирование и создание веб-сайтов позволяет начать изучение основных концепций и основных методов создания веб-сайтов.

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

19 долларов на Amazon.com

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

Когда дело доходит до полноты и технического мастерства через книги, ничто другое не может сравниться с книгой О’Рейли.

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

В этой книге вы выйдете за рамки HTML и CSS и начнете изучать JavaScript, а также веб-графику.

Хотя эта книга предназначена для абсолютного новичка, я чувствую, что, как и большинство других книг О’Рейли, она не должна быть вашей первой книгой по этой теме, особенно если вы не имеете опыта программирования.

20 долларов на Amazon.com

Теперь, когда вы хорошо владеете HTML и CSS из двух вышеперечисленных книг, пришло время изучить методы и концепции профессионального уровня.

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

Я рад, что эта книга была недавно обновлена, и на этот раз с участием Итана Маркотта (человека, придумавшего термин «Отзывчивый веб-дизайн») около

32 доллара на Amazon.com

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

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

Не заставляйте меня думать — поистине новаторская книга, и я обещаю вам, что у вас будет много моментов «ага», когда вы ее прочитаете.

Обновленная версия этой книги будет доступна в декабре 2013 г. (хотя ее можно предварительно заказать уже сейчас).

25 долларов на Amazon.com

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

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

26 долларов на Amazon.com

Почему я выбрал эти книги по веб-дизайну

Я выбрал эти книги по веб-дизайну на основании:

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

Я не имею отношения ни к одной из книг, о которых говорилось выше.

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

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

После этого вы можете захотеть изучить другие области веб-дизайна / веб-разработки, такие как JavaScript, серверные языки сценариев и фреймворки, такие как PHP и Rails, реляционные базы данных, такие как MySQL, разработка решений поверх систем управления контентом, таких как WordPress, и так далее.Есть масса вариантов движения вперед. У индустрии есть что предложить вам.

Пусть ваши интересы диктуют, что вы будете изучать дальше. Но если вы намерены стать профессиональным веб-дизайнером или веб-разработчиком, я рекомендую использовать прочный фундамент, состоящий из лучших практик HTML, CSS и веб-дизайна, чтобы получить максимальную отдачу от более сложных вещей, таких как JavaScript и PHP.

Какие книги вы бы порекомендовали для изучения веб-дизайна?

Какие книги помогли вам изучить веб-дизайн? Поделитесь своими мыслями в комментариях ниже.

Лучшие книги по разработке веб-сайтов, которые стоит прочитать

Вы искали книги по созданию веб-сайтов? В этой статье их довольно много.

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

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

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

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

Укради, как художник: 10 вещей, которые тебе никто не говорил о творчестве

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

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

Не заставляйте меня думать: здравый подход к веб-удобству использования

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

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

LinchPin: Вы незаменимы? Сет Годин

Сет Годин вводит понятие стержня, который отождествляет себя с человеком, несравненным, незаменимым и бесценным в организации.Книга представляет своим читателям множество идей, мыслей, ценностей и принципов, которые они могут превратить в стержень.

Чтобы стать опорой, вам нужно превратить себя в художника, который выбирает эмоциональную работу. Новая концепция, эмоциональная работа, в глазах Сета Година — это высший тип работы, единственная работа, которой вы можете заниматься в ущерб всем остальным возможностям.

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

Откуда приходят хорошие идеи Стивен Джонсон

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

Автор представляет читателям семь различных моделей, которые обычно поощряют и поощряют подлинные инновации. Он посвящает целый раздел ошибкам, которые приводят к случайным нововведениям, а компьютер находится на вершине знаменитых случайных изобретений.

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

Нейро-веб-дизайн: что их привлекает? Сьюзан Вайншенк

Это отличается от других книг по веб-дизайну с точки зрения подхода. Он не дает вам советов или информации, как другие книги по дизайну веб-сайтов, книги по HTML и CSS или книги по разработке веб-сайтов.Он подходит к веб-дизайну с совершенно другой точки зрения.

Сьюзан Вайншенк занимается темой функций веб-дизайна, влияющих на человеческий мозг, то есть на сознание посетителя. Автор считает, что пользователи принимают решения о покупке подсознательно, а не сознательно, поскольку они принимают решение на основе автоматических триггеров и эмоций.

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

Все, что я знаю, Пол Джарвис

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

Автор представляет свои советы и идеи, смешанные с забавными рассказами о своей карьере фрилансера.Он призывает читателей оставаться верными себе и принимать слабости.

Начать с вопроса «Почему: как великие лидеры побуждают всех действовать» Саймон Синек

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

Чтобы проиллюстрировать свои идеи, Саймон Синек использует пример некоторых из наиболее известных личностей, которые могло предложить человечество, включая Стива Джобса, братьев Райт и Мартина Лютера Кинга. Что их выделяло? Один из ответов, который дает автор, — это их способность мотивировать и вдохновлять других. Это книга, которую должны прочитать все дизайнеры!

Книга мобильного дизайна Паулы Боровской и Томаса Лауринавичюса

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

Это объясняет, почему адаптивный дизайн не является обязательным, но обязательным в современном мобильном мире. Это книга с советами и идеями по веб-дизайну для тех дизайнеров, которые хотят создавать идеальные веб-сайты для маленьких экранов. Он позволяет лучше понять адаптивный дизайн.

Дизайн для хакеров: обратная инженерия красоты Дэвида Кадави

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

Хакер, по определению Дэвида Кадави, должен обучиться, прежде чем достичь своего видения. Хакер автора тоже обладает предпринимательским духом.

HTML и CSS: проектирование и создание веб-сайтов

HTML и CSS: Дизайн и создание веб-сайтов — это книга, созданная для тех дизайнеров, которые хотят вникнуть в технические аспекты веб-дизайна, включая ключевые элементы веб-дизайна и элементарные методы создания веб-сайтов.Это привлекательная книга, в которой собраны советы по веб-дизайну.

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

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

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

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

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

Разработка с использованием веб-стандартов Джеффри Зельдман

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

Это отличная книга, которая была недавно обновлена, и в ходе этого процесса автор привлек человека, стоящего за термином «адаптивный веб-дизайн», т.е.э., Итан Маркотт.

CSS Mastery: Advanced Web Standards Solutions

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

Завершение мыслей о разработке веб-сайтов книг

После того, как вы освоите фундаментальные концепции веб-дизайна с помощью этих книг, вы можете продолжить изучение, будь то JavaScript, PHP, MySQL или WordPress.Веб-дизайн — это богатая индустрия, которая предлагает множество возможностей, если вы хотите учиться.

Это ваше решение, куда вы хотите двигаться дальше. Создание прочного фундамента лучших практик веб-дизайна, HTML и CSS позволит вам лучше понять и быстрее освоить более сложные области, такие как PHP и JavaScript.

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

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

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

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

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

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

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

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

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

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

Цена: $ 12 Сдам | Дополнительная информация

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

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

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

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

Цена: $ 17 Сдам | Дополнительная информация

UX Design 2020: The Ultimate Beginner’s Guide to User Experience by Theo Farrington

Хотя небольшая часть этой книги посвящена работе в качестве профессионального дизайнера пользовательского интерфейса (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: лучшие решения повседневных проблем веб-дизайна, автор Lea Verou

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

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

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

Цена: $ 9 Сдам | Дополнительная информация

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

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

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

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

Цена: $ 9 Сдам | Дополнительная информация

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

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

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

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

Цена: 31 доллар | Дополнительная информация

Honorable Mention: Steal Like a Artist by Остин Клеон

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

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

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

Цена: 8 $ | Дополнительная информация

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

лучших книг по веб-дизайну: The Ultimate Collection

Эта страница может содержать ссылки на наших спонсоров или партнерские ссылки. Учить больше.

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

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

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

Принципы красивого веб-дизайна

Если вы ищете полное вступительное руководство по веб-сайтам, возьмите копию «Принципов красивого веб-дизайна». На более чем 220 страницах вы узнаете, как работают веб-сайты, что делает их отличными и как пользователи обычно просматривают веб-сайты.

Вы также узнаете о темах дизайна, связанных с цветовой схемой, симметрией, типографикой и общими принципами, такими как правило третей.

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

Адаптивный веб-дизайн в Photoshop

Любой веб-сайт, созданный примерно с 2012 года (и позже), должен быть полностью адаптивным. Это, несомненно, будущее веб-дизайна, поскольку использование мобильного Интернета стремительно растет с каждым годом.

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

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

Эскиз Jump Start

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

И лучший способ начать — прочитать «Скетч Jump Start» Даниэля Шварца.

Эта 150-страничная книга, опубликованная SitePoint, является наиболее подробным введением в Sketch из когда-либо написанных. Вы легко уйдете, хорошо разбираясь в инструментах, рабочих процессах и лучших практиках Sketch в дизайне.

Лучший способ чему-либо научиться — это повторять и изучать.Эта книга поможет вам пропустить этап раннего обучения и научит вас всем основам, которые вам понадобятся, чтобы со временем освоить Sketch.

HTML / CSS и JavaScript / jQuery (2 пакета)

Известная серия книг Джона Дакетта охватывает все, что вы когда-либо хотели бы для фронтенд-разработки. Это может показаться не темой дизайна. Но очень немногие веб-дизайнеры сейчас просто работают в Photoshop.

Очень важно знать хотя бы основы HTML / CSS. Если возможно, вам следует перейти на JS / jQuery и Sass, чтобы понять, как создавать прототипы браузера, и узнать, что действительно возможно в веб-дизайне.

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

Чтобы стать отличным веб-дизайнером, не нужно учиться программированию. Но разметка HTML — это не программирование и не стилизация с помощью CSS. А в современную эпоху неплохо иметь хотя бы базовые знания стандартов кодекса.

Не заставляй меня думать

Эта книга, пожалуй, самая первая книга, которую должен прочитать любой начинающий веб-дизайнер.«Не заставляйте меня думать» впервые было опубликовано в 2000 году, так что вы можете подумать, что к настоящему времени оно устарело. И все же прошло почти два десятилетия, и эта книга на еще более актуальна, чем на , чем когда-либо прежде!

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

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

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

Книга о дизайне, не являющаяся дизайнером

В Книге дизайна для не дизайнеров вы узнаете все о дизайне с точки зрения обычного человека без творческого фона. Автор Робин Уильямс (не связана) преподает дизайн более 20 лет, и она кое-что знает о создании веб-сайтов.

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

Каждый может научиться создавать веб-сайты, и книга Робина тому подтверждение. Но начало работы всегда может быть самым сложным шагом.

С этой книгой у вас будет все необходимое, чтобы погрузиться в бескрайний океан веб-дизайна.

Адаптивный веб-дизайн

Итан Маркотт впервые опубликовал «Адаптивный веб-дизайн» в 2011 году на переднем крае революции.Это было началом серьезного сдвига в том, как люди разрабатывают веб-сайты и как они поддерживаются на всех устройствах.

Если вы хотите узнать больше об адаптивном дизайне, то эту книгу стоит прочитать.

Он охватывает всю философию от начала до конца с методами Этана для создания качественных адаптивных макетов.

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

Книга идей веб-дизайнера

Некоторые из этих книг были опубликованы в последние годы, и «Книга идей веб-дизайнера» — одна из самых крутых новых книг для дизайнеров.

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

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

Изучение веб-дизайна

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

Оттуда вы узнаете о типах документов и HTML / CSS, чтобы понять, как эти языки влияют на веб-страницу.

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

Плюс эта книга насчитывает более 600 страниц, так что вы знаете, что получаете качественный ресурс.

Изучение адаптивного веб-дизайна: руководство для начинающих

Кларисса Петерсон следует за аналогичной книгой по аналогичной, но гораздо более подробной теме.Изучение адаптивного веб-дизайна: руководство для начинающих — это справочник ресурсов с более чем 400 страницами для всех, кто плохо знаком с адаптивным дизайном.

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

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

Но если вы ищете подробную информацию об адаптивном дизайне, включая рабочие процессы и общие тенденции, то эта книга для вас.

Контентная стратегия для Интернета

Интернет в основном состоит из контента. Это означает, что любой хороший веб-сайт нуждается в хорошей копии, а Content Strategy for the Web — это книга, которую стоит прочитать по этой теме.

Это довольно короткий заголовок, насчитывающий 190 страниц, но он полон ценных советов по созданию запоминающегося и долговечного контента.Во многих главах рассказывается о деловых ценностях контента и о том, как эти ценности применимы к определенным веб-сайтам.

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

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

Наброски пользовательского опыта: рабочая тетрадь

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

In Sketching User Experience: The Workbook вы узнаете, как рисовать макеты, которые продают веб-сайт и его поведение. В книге есть советы и приемы по созданию каркасов, но также есть подробные упражнения, которым вы можете следовать, чтобы улучшить свои навыки рисования.

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

Решения для веб-стандартов

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

И именно здесь в игру вступают решения Дэна Седерхольма по веб-стандартам.

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

Я настоятельно рекомендую эту книгу всем, кто хочет создавать свои собственные веб-сайты. Сначала вам нужно выучить HTML / CSS, но не нужно быть экспертом, чтобы извлечь пользу из этого названия.

Освоение адаптивного веб-дизайна

Продолжение многих других книг по адаптивному дизайну — «Освоение адаптивного веб-дизайна» Рикардо Зеа. Эта книга из 330+ страниц глубоко погружается в мир CSS3 и структурирует макет веб-сайта.

Вы должны уже проявить интерес к веб-разработке, прежде чем взяться за эту книгу.Это очень похоже на глубокое погружение в адаптивный дизайн, выходящий за рамки основ HTML / CSS и переходящий к более сложным идеям о медиа-запросах CSS3 и механизмах рендеринга браузера.

Но если вы считаете себя веб-дизайнером + разработчиком, вам нужно овладеть этими адаптивными методами.

Элементы пользовательского опыта

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

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

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

Проектирование с соблюдением веб-стандартов

Джеффри Зельдман — пионер в мире веб-стандартов, он работал дизайнером / разработчиком еще в 1990-х годах.

Designing with Web Standards — это 430-страничный обзор веб-стандартов, созданный Джеффри и Итаном Маркоттом (авторами книги «Отзывчивый веб-дизайн»).

У обоих этих парней есть длинные списки квалифицированных проектов, подтверждающих их авторитетную базу знаний.

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

Пуленепробиваемый веб-дизайн

Еще одна удивительная книга Дэна Седерхольма — Bulletproof Web Design. В настоящее время во втором издании этого огромного фолианта дизайна рассматриваются определенные элементы страницы и то, как вы должны думать о них в своих проектах.

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

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

Над сгибом

Большинство идеалов веб-дизайна порождены традиционным графическим дизайном. В разделе «Над сгибом» вы узнаете о четких советах по графическому дизайну и их применимости в Интернете.

Сетки, типографика, пробелы, контраст — все эти свойства пришли из мира графического дизайна задолго до того, как Интернет вышел. Но научиться применять эти свойства в Интернете может быть непросто. И это именно то, что вы узнаете, прочитав Above The Fold.

С помощью упражнений вы узнаете, как планировать и моделировать новые проекты, как разрабатывать готовые макеты и как тестировать свои веб-сайты на предмет недостатков удобства использования и оптимизации.

Если все остальные книги в этом списке кажутся слишком «простыми», то Above The Fold окажутся полезными. Он предназначен для дизайнеров, которые уже создают веб-сайты, но хотят получить несколько советов из традиционной эстетики дизайна.

Завершение

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

Но вы не ошибетесь ни с одним из этих названий, и я рекомендую их все начинающим веб-дизайнерам.

20 замечательных книг для веб-дизайнеров и разработчиков

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

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

01. Технически неверно

В статье Сары Вахтер-Ботчер «Технически неверно» исследуются (часто невидимые) предубеждения, которые формируют дизайн и разработку нашего программного обеспечения.

«Технология, разработанная без учета того, как она может повлиять на людей из самых разных слоев общества, иногда может иметь разрушительные последствия, как говорится в книге», — говорит Инайайли де Леон Перссон. «Прочитав его, мы укрепили идею о том, что мы, дизайнеры, должны активно стремиться к созданию инклюзивных продуктов и действительно учитывать то влияние, которое они окажут на общество. Поскольку я читал его, я всегда стараюсь помнить об этом на встречах, семинары, беседы и высказывание об этих проблемах.»

02. Сделай это сейчас» Дэн Перрера. «У него прекрасный стиль письма — короткие предложения, которые переходят прямо к сути, — что сделало книгу настоящим удовольствием для чтения. Но самое главное, это был настоящий мотиватор, чтобы развеять мои сомнения и начать работу над проектом — прямо сейчас.

03. Тонкое искусство не трахаться

В разделе «Тонкое искусство не трахаться: противоречивый подход к хорошей жизни» блоггер Марк Мэнсон предлагает уникальное руководство для самопомощи, предлагая нам не нужно все время быть «позитивными». Это фаворит Суша Келли, который, несмотря на то, что он дизайнер и разработчик, не часто читает технические книги.

«У меня было столько же а-ха «моменты чтения, как если бы я читал книгу о чем-то вроде CSS Grid», — говорит он.«Благодаря постоянному потоку информации из социальных сетей легко сравнить себя с известными дизайнерами и разработчиками, которых вы видите. Не каждый может быть исключительным: как только вы примете это и правильно установите свои цели, жизнь станет намного более удовлетворительной. количество траха, которое я могу дать в жизни; эта книга помогла мне начать мудро их выбирать! »

04. Единая команда по пользовательскому опыту

Единая команда по пользовательскому опыту: руководство по выживанию в исследованиях и дизайне Лии Були предлагает методы и подходы, которые помогут вам заняться UX, когда у вас мало времени или ресурсов. .

«Как и многие другие дизайнеры, мне было неприятно убеждать некоторых клиентов в ценности UX-ресурсов и времени на проекты», — комментирует Уоррен Челленджер из JH. «Эта книга напомнила мне, что я не одинок в этой борьбе: крупные проекты и бюджеты страдают точно так же. В книге автор рассказывает вам через упражнения и учит только делать то, что вам нужно для достижения ваших целей. Вы Если убрать формальный процесс, можно многого добиться: проявить большую гибкость и перейти к делу «.

05.Адаптивный веб-дизайн

Аарон Густафсон «Адаптивный веб-дизайн» поможет вам понять историю, механизмы и практическое применение прогрессивных улучшений.

Джеффри Зельдман искренне рекомендует его: «Созданное Стивеном Чампеоном из проекта веб-стандартов в начале 2000-х годов,« прогрессивное улучшение »является ключевой идеей, лежащей в основе веб-дизайна на основе стандартов. доступный для всех. Овладев прогрессивным совершенствованием, мы перестаем проектировать для браузеров и начинаем разрабатывать для людей.Никто не проделал лучшую, ясную или более тщательную работу по освещению прогрессивного улучшения во всем его богатстве, чем Густафсон… и вряд ли кто-нибудь сделает это ».

06. Внутри блока подталкивания

Внутри блока подталкивания Дэвид Халперн объясняет, как группа поведенческих экономистов создала правительственную группу по анализу поведения с целью помочь людям «сделать лучший выбор для себя». «Я прочитал эту книгу в важный момент; Я много думала о психологии и дизайне, а также о том, как они кажутся изолированными », — говорит основатель BehaviourStudio Лорен Келли. «Чтение этой книги укрепило мои идеи о том, что поведенческое понимание должно — и может — быть включено в процесс дизайна».

07. Адаптировать

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

«Харфорд приводит примеры того, как метод проб и ошибок может быть более эффективным способом решения сложных проблем и как можно структурировать испытания для получения наилучших результатов», — объясняет консультант по социальному программному обеспечению и писатель Сув Чарман-Андерсон.Проиллюстрированный примерами, такими как разработка Spitfire и финансовый кризис, Харфорд исследует, какие среды поощряют инновации и как эти инновации затем могут быть приняты и расширены ».

08. CSS3 для веб-дизайнеров

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

Эрик Мейер, партнер и соучредитель An Event Apart, говорит: «С Дэном вы знаете, что получаете отличный визуальный дизайн с забавной темой, заключенной в отличную техническую информацию. Эта книга приносит большое удовольствие».

09. Дизайн — это работа

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

«По сути, это сборник всех неправильных решений, которые я когда-либо принимал за десять лет ведения бизнеса, но это также сильно повысило уверенность в себе», — говорит совладелец Fore Design Эми Паркер. «Я усвоил все уроки того, что не надо делать, что Майк обрисовывает в книге, и понял, что делать вместо этого».

«После блестящего выступления Майка« Fuck You. Pay Me »на Creative Morning купить его книгу о контрактах, продажах дизайна и работе с клиентами было несложно, — добавляет Креатив. режиссер Марк Коллинз.

10. 22 непреложных закона брендинга

«22 непреложных закона брендинга» Эла Райса и Лоры Райс — одна из самых влиятельных книг в карьере Даны Джеймса Мванги из Cheers Creative.

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

Следующая страница: еще 10 замечательных книг для веб-дизайнеров

Лучшие 50 блогов и веб-сайтов о книжном дизайне в 2021 году

1.

Книжный дизайнер

Калифорния, США О блоге дает практические советы по созданию лучших книг. Частота 1 сообщение в неделю С августа 2009 г. Также в литературных блогах, блогах с самостоятельной публикацией Блог thebookdesigner.com
фанатов Facebook 1.1 тыс. ⋅ подписчиков в Твиттере 42,2 тыс. ⋅ Вовлеченность в соцсети 19ⓘ Авторитет домена 58ⓘ ⋅ Alexa Rank 148,4 тыс. Просмотр последних сообщений ⋅ Получить контакт по электронной почте

2. ПОЗВОНОЧНИК

О блоге Spine Magazine — это онлайн-издание, посвященное дизайну книжных обложек и книжной культуре. Частота 2 сообщения в неделю Блог spinemagazine.co
Подписчики в Твиттере 3,9 тыс. ⋅ Подписчиков в Instagram 3,3 тыс. ⋅ Вовлеченность в соцсети 15 Author Авторитет домена 35⋅ ⋅ Просмотр последних сообщений ⋅ Получить контакт по электронной почте

3.

Лучшие книги по дизайну ()

Лос-Анджелес, Калифорния, США О блоге Best Design Books предлагает подлинное и вдохновляющее представление о мировых книгах по дизайну. Он объединяет таких людей, как творческие профессионалы, арбитры стиля, энтузиасты дизайна со всего мира, с точки зрения самых разных дисциплин и точек зрения, с одной общей идеей — открывать для себя великие книги по дизайну. Частота 1 сообщение / квартал Блог bestdesignbooks.eu
Поклонники Facebook 1.1 тыс. ⋅ подписчиков в Твиттере 200 ⋅ подписчиков в Instagram 251 ⋅ Авторитет домена 29 Alexa Rank 2,4 млн. Просмотр последних сообщений Contact Получить контакт по электронной почте

4. Blurb Blog

Сан-Франциско, Калифорния, США О блоге Подпишитесь на этот блог, чтобы создавать и самостоятельно публиковать книги, журналы и электронные книги. Частота 1 сообщение в месяц С мая 2014 г.

Блог blurb.com/blog
Поклонники Facebook 163,9 тыс. ⋅ Подписчиков в Twitter 108,2 тыс. ⋅ Подписчиков в Instagram 71.1K ⋅ Авторитет домена 84ⓘ ⋅ Alexa Rank 13,7Kⓘ Просмотр последних сообщений ⋅ Получить адрес электронной почты

5. IngramSpark | Книжный дизайн

Нашвилл, Теннесси, США О блоге Все, что вам нужно знать о самостоятельной публикации, от редактирования книги до продажи книги Частота 1 публикация в месяц С августа 2016 г. Блог ingramspark.com/blog/ topic / b ..
Фанатов в Facebook 23,3 тыс. ⋅ подписчиков в Twitter 5,3 тыс. ⋅ Вовлеченность в соцсети 85ⓘ Author Авторитет домена 47ⓘ ⓘ Alexa Rank 13 тыс. Просмотр последних сообщений ⋅ Получить контакт по электронной почте

6.Случайный оптимист | Книги, дизайн и культура

Торонто, Онтарио, Канада О блоге The Casual Optimist — это блог о книжном дизайне, книжной культуре и издательском деле.

Частота 1 сообщение в месяц С сентября 2008 г. Блог casualoptimist.com
подписчика в Twitter 5,8 тыс. ⋅ Социальная активность 37ⓘ Авторитет домена 46ⓘ ⋅ Просмотр последних сообщений ⋅ Контакт по электронной почте

7. Австралийская ассоциация дизайнеров книги

Австралия О блоге ABDA существует для поддержки австралийских книжных дизайнеров в продвижении их работы и налаживании связи с более широким издательским сообществом.Кроме того, он направлен на выявление и развитие новых талантов. Частота 2 сообщения / квартал С октября 2015 г. Блог abda.com.au/blog
Поклонники Facebook 1,3K ⋅ Подписчики в Twitter 801 ⋅ Взаимодействие с социальными сетями 10 ⋅ Авторитет домена 37 ⋅ Рейтинг Alexa 6,5 млн Просмотр последних сообщений ⋅ Получить электронную почту Контакт

8. Простой дизайн книги

Канада О блоге Изучите этот отмеченный наградами блог о книжном дизайне, чтобы получить информацию о дизайне книг, дизайне обложек, дизайне книжных страниц, InDesign и публикации.

Частота 1 сообщение в неделю С мая 2014 г. Блог bookdesignmadesimple.com/blog
Поклонники Facebook 161 ⋅ Вовлеченность в социальных сетях 26 ⋅ Авторитет домена 29 ⋅ Рейтинг Alexa 407,3K Просмотр последних сообщений ⋅ Получить контакт по электронной почте

9. Книги хроники | Художественный дизайн

Сан-Франциско, Калифорния, США О блоге Chronicle Books — независимое издательство, предлагающее книги-бестселлеры, детские книги. Следите за этим блогом, чтобы получить информацию о книге по дизайну. Частота 2 сообщения в неделю Блог chroniclebooks.com/collectio ..
Поклонники Facebook 173K ⋅ Подписчики в Twitter 103,4K ⋅ Вовлеченность в соцсети 3 ⋅ Авторитетность 69 ⋅ Alexa Rank 163,6K Просмотр последних сообщений ⋅ Получить контакт по электронной почте

10. ALLi | Дизайн и форматирование книги

Лондон, Англия, Великобритания О блоге Самостоятельная публикация Советы автора о том, как лучше всего спроектировать, оформить и отформатировать книгу, включая дизайн обложки и интерьера. Частота 1 пост / квартал Блог Самостоятельная публикация советов.org / cat ..
Поклонники Facebook 11K ⋅ Подписчиков в Twitter 41,9K ⋅ Социальная активность 35 Авторитет домена 51 ⋅ Рейтинг Alexa 132,9K Просмотр последних сообщений ⋅ Получить контакт

11. Ли и Лоу | Блог об искусстве и книжном дизайне

Нью-Йорк, США О блоге Подпишитесь на этот блог, чтобы получать сообщения об удивительных искусствах и дизайне книг для детей. Частота 1 сообщение / месяц С июн 2009 Блог blog.leeandlow.com/category/ ..
Фанатов на Facebook 12K followers Подписчиков в Twitter 28.7K ⋅ Социальная активность 181 ⋅ Авторитет домена 60 ⋅ Alexa Rank 660,6K Просмотр последних сообщений .6 Получить контакт по электронной почте

12. Jera Publishing | Мы оживим вашу книгу

Розуэлл, Джорджия, США О блоге Найдите статьи по советам по написанию, дизайну книг, дизайну обложек, электронных книг, книжному маркетингу и информацию о бизнесе самостоятельной публикации. Частота 1 сообщение в неделю С февраля 2011 г. Блог self-pub.net/jerablog
Поклонники Facebook 916 ⋅ Подписчики Twitter 5.4K ⋅ Взаимодействие с общественностью 4 ⋅ Авторитет домена 31 ⋅ Рейтинг Alexa 1,7 млн. Просмотр последних сообщений ⋅ Получить контакт по электронной почте

13. Блог Blue Roof Designs | Приключения в переплетном деле

Монтпилиер, Вермонт, США О блоге Переплетный блог Элиссы Кэмпбелл из компании Blue Roof Designs. Узнайте о ее работах в книгах ручной работы. Работа включает журналы, фотоальбомы и гостевые книги, сделанные вручную с использованием традиционных методов переплетного дела. Частота 2 сообщения в месяц С апреля 2008 г. Также в Блогах по переплету Блог blueroofdesigns.com / blog
Поклонники Facebook 994 ⋅ Подписчики в Twitter 2,2K Подписчики в Instagram 1,8K ⋅ Авторитет домена 28 ⋅ Рейтинг Alexa 4,1 млн Просмотр последних сообщений ⋅ Получить контакт по электронной почте

14. Sahlin Studio | Дизайн для цифрового скрапбукинга

США О блоге Эклектичное сочетание классического и винтажного дизайна цифровых альбомов. Предоставляем высококачественные уникальные принадлежности для цифрового скрапбукинга, чтобы вы могли документировать и сохранять свои воспоминания. Найдите вдохновение для цифрового скрапбукинга, продукты, бесплатные подарки, учебные пособия и многое другое! Частота 4 сообщения в месяц С августа г. Также в блогах по скрапбукинге, блогах по цифровому скрапбукингу Блог sahlinstudio.com / blog
Поклонники Facebook 15,7 тыс. ⋅ Подписчиков в Twitter 595 ⋅ Подписчиков в Instagram 1,9 тыс. ⋅ Вовлеченность в социальных сетях 18 ⋅ Авторитет домена 41 ⋅ Рейтинг Alexa 2,5 млн. Просмотр последних сообщений ⋅ Получить контакт по электронной почте

15. Городские эпосы | Книжный конструктор

Орегон, США О блоге Книжный дизайнер и аспирант теперь сосредоточился на написании книг «Городская фэнтези», романов для молодежи и ДИСТОПИИ. В течение последнего десятилетия он помогал инди-авторам разрабатывать, публиковать и продвигать свои книги Частота 1 сообщение / квартал С июня 2015 г. Также в Книжных блогах Fantasy, Книжных блогах для молодежи Блог urbanepics.com
Поклонники Facebook 10,4 тыс. ⋅ Подписчиков в Twitter 13,9 тыс. ⋅ Подписчиков в Instagram 5,3 тыс. ⋅ Вовлеченность в соцсети 1 ⋅ Авторитет домена 34 ⋅ Просмотр последних сообщений ⋅ Получить контакт по электронной почте

16. Дизайн обложки книги JD&J

О блоге Последняя информация и новости от команды и дизайн обложки книги JD&J, советы, подсказки и советы по получению отличной обложки и публикации Частота 3 сообщения / месяц Блог jdandj.com/blog
Поклонники Facebook 5 тыс. Followers Подписчиков в Twitter 7.4K ⋅ Авторитет домена 21 ⋅ Alexa Rank 1.5M Просмотр последних сообщений ⋅ Получить контакт по электронной почте

17. Мой творческий альбом

О блоге Следите за этим блогом время от времени, чтобы изучать красивые дизайны альбомов для вырезок. Частота 1 сообщение в неделю Блог mycreativescrapbook.blogspot ..
Поклонники Facebook 6K ⋅ Подписчики в Instagram 11,7K ⋅ Авторитет домена 23 ⋅ Просмотр последних сообщений ⋅ Получить контакт по электронной почте

18. Caustic Cover Critic

Австралия О блоге Caustic Cover Critic постоянно разглагольствует о обложках и дизайне книг. Частота 1 сообщение в неделю С августа 2007 г. Блог causticcovercritic.blogspot.com
подписчика в Twitter 5,7 тыс. ⋅ Социальная активность 25 Авторитет домена 45 ⋅ Просмотр последних сообщений ⋅ Получить контакт по электронной почте

19. Искусство американских книжных обложек

Стокпорт, Англия, Великобритания О блоге Ричард Мински известен своим концептуальным подходом к книге как арт-объекту. Он сочетает в себе опыт работы в области экономики с новаторским использованием традиционных методов и новых материалов для создания скульптурных, часто политических, книжных работ.Следите за этим блогом, поскольку он демонстрирует уникальные работы Мински из частных и институциональных коллекций, а также его многократные издания. Частота 1 сообщение / квартал С августа 2009 г. Также в Блоги Art Book Блог americanbookcovers.blogspot.com
Поклонники Facebook 836 ⋅ Подписчики Twitter 429 ⋅ Вовлечение в социальные сети 2 ⋅ Авторитет 21 ⋅ Просмотр последних сообщений ⋅ Получить электронную почту Контакт

20. Печать Горхэма | Книжная полиграфия и дизайн

Централия, Иллинойс, США О блоге Gorham Printing, типография для малых тиражей на северо-западе Тихоокеанского региона, специализируется на дизайне и печати самоиздаваемых книг по всем предметам и жанрам. Частота 1 сообщение / месяц Блог gorhamprinting.wordpress.com
подписчика в Twitter 144 ⋅ Вовлеченность в соцсети 13 ⋅ Авторитет домена 10 ⋅ Просмотр последних сообщений ⋅ Получить контакт по электронной почте

21. X Дизайн обложки книги

США О блоге X Book Cover Design — это интернет-компания, специализирующаяся на разработке привлекательных обложек для книг для авторов, писателей и издателей всех жанров. Частота 6 сообщений / год С июл 2018 Блог xbookcoverdesign.com / blog
подписчика в Twitter 5,1 тыс. ⋅ подписчиков в Instagram 31,8 тыс. ⋅ Авторитет домена 6 ⋅ Просмотр последних сообщений ⋅ Получить контакт по электронной почте

22. Дизайн обложки романа

О блоге Дизайн обложек романтических книг от Ramona — это высококачественные, полированные дизайны обложек для самостоятельных публикаций и независимых авторов. Частота 1 сообщение в неделю С августа г. Блог охватываетbyramona.blogspot.com
подписчика в Twitter 95 ⋅ Авторитет домена 18 ⋅ Просмотр последних сообщений ⋅ Получить контакт по электронной почте

23.SWATT Книги

Англия, Соединенное Королевство О блоге Книжный блог SWATT содержит статьи о мире самостоятельной публикации, книжном дизайне, а также советы и рекомендации для начинающих авторов. Частота 4 сообщения / квартал Блог swatt-books.co.uk/swattbooks ..
Поклонники Facebook 280 ⋅ Подписчики в Twitter 60 ⋅ Вовлечение в социальные сети 4 ⋅ Авторитет домена 10 ⋅ Просмотр последних сообщений ⋅ Получить контакт по электронной почте

24. Ридси | Книжный дизайн Блог

Лондон, Англия, Соединенное Королевство О блоге В Ридси представлены одни из лучших дизайнеров в издательской индустрии, и он любит делиться в блоге советами по дизайну книг и вдохновением. Частота 3 сообщения / год С июня 2014 г. Блог blog.reedsy.com/category/boo ..
Поклонники Facebook 28,9 тыс. ⋅ подписчиков в Twitter 35,5 тыс. Электронная почта контакт

25. Общество Алкуина | Книжный дизайн

Ванкувер, Британская Колумбия, Канада О блоге Общество Алкуина способствует признанию красиво оформленных книг. С июня 2013 г. Блог alcuinsociety.ru / category / b ..
Поклонники Facebook 572 ⋅ Подписчики в Twitter 1,8 тыс. ⋅ Вовлеченность в соцсети 3 ⋅ Авторитет домена 37 ⋅ Просмотр последних сообщений ⋅ Получить контакт по электронной почте

26. 99designs | Книжный дизайн Блог

Мельбурн, Виктория, Австралия О блоге Загляните в этот блог, чтобы получить все, что вам нужно знать о дизайне книг, от корки до корки. Блог 99designs.dk/blog/book-design
Поклонники Facebook 205,3 тыс. ⋅ Подписчиков в Twitter 13,2 тыс. ⋅ Подписчиков в Instagram 69,5 тыс. ⋅ Авторитетность 27 ⋅ Рейтинг Alexa 1.7M Просмотр последних сообщений ⋅ Получить адрес электронной почты

27. Фронтиспис | Книжный дизайн Блог

Канзас-Сити, Миссури, США О блоге Frontispiece — это книжная студия и консалтинговая студия, предлагающая отмеченных наградами и пользующихся наибольшим спросом авторов и издателей книжного дизайна со всего мира. С сентября 2014 г. Блог thefrontispiece.com/blog
Поклонники Facebook 113 ⋅ Подписчики Twitter 89 ⋅ Взаимодействие с социальными сетями 19 ⋅ Авторитет домена 21 ⋅ Просмотр последних сообщений ⋅ Получить контактную информацию

28.BookCreative | Книжный дизайн Блог

О блоге Программное обеспечение для оформления книг и консультации специально для авторов, самовыдвиженцев и художников-графиков. С марта 2016 г. Блог bookcreative.com/blog
Поклонники Facebook 1,1K ⋅ Авторитет домена 12 ⋅ Alexa Rank 4M Просмотр последних сообщений ⋅ Получить контакт по электронной почте

29. BP&O | Дизайн книг и журналов

Великобритания О блоге Следите за BP&O, чтобы получать обзор дизайна книг и журналов, новости и мнения, написанные Ричардом Бэрдом. Частота 7 сообщений / год С января 2014 г. Блог bpando.org/book-design
Поклонники Facebook 24,2 тыс. ⋅ Подписчики в Instagram 153,9 тыс. ⋅ Социальная активность 32 Авторитет домена 51 ⋅ Рейтинг Alexa 208,1 тыс. Просмотреть последние сообщения K Получить Электронная почта контакт

30. Форматы книг своими руками

О блоге Следите за этим блогом, чтобы получить полезную информацию о дизайне книг, форматировании и печати книг. Блог diybookformats.com/blog-2
Авторитет домена 27 ⋅ Рейтинг Alexa 688.8K Просмотр последних сообщений ⋅ Получить адрес электронной почты

31. Обложки CreatIndie | Советы по дизайну книги

О блоге Следите за этим блогом, чтобы получать советы по дизайну книг и профессиональный дизайн обложек книг для авторов бестселлеров. С октября 2011 г. Блог creativindiecovers.com/categ ..
Поклонники Facebook 7,5 тыс. ⋅ Подписчиков в Twitter 14,6 тыс. ⋅ Вовлеченность в соцсети 2 ⋅ Авторитет 29 ⋅ Рейтинг Alexa 345,4 тыс. Просмотр последних сообщений ⋅ Получить контакт по электронной почте

32. Брокеры Star Print | Книжный дизайн Блог

Сиэтл, Вашингтон, США О блоге Брокеры Star Print пишут о обложках книг, макете страниц и многом другом.Это категория о дизайне книг в целом. Частота 1 сообщение / квартал С марта 2012 г. Блог starprintbrokers.com/categor ..
Поклонники Facebook 323 ⋅ Подписчики в Twitter 51,4 тыс. ⋅ Подписчики в Instagram 437 agement Вовлечение в социальные сети 4 ⋅ Авторитет 30 ⋅ Рейтинг Alexa 1,8 млн Просмотр последних Сообщения ⋅ Получить адрес электронной почты

33. Блог о библейском дизайне

О блоге Блог о дизайне Библии — это сайт, посвященный физической форме Доброй Книги.Автор Дж. Марк Бертран направляет свои интересы к Библии, книгопечатанию и издательскому делу на широкий круг вопросов дизайна и публикации Библии. Блог bibledesignblog.com/blog
Поклонники Facebook 3,8 тыс. ⋅ Социальная активность 195 ⋅ Авторитет домена 40 ⋅ Рейтинг Alexa 1,9 млн. Просмотр последних сообщений ⋅ Получить контакт по электронной почте

34. Книжные обложки-качалки | Статьи о книжном дизайне

Дублин, Ирландия О блоге Дизайнер обложек книг, специализирующийся на дизайне темных и грубых книжных обложек для авторов, публикующихся самостоятельно. Частота 3 сообщения в год Блог rockingbookcovers.com/book-c ..
подписчика в Twitter 20 ⋅ Вовлеченность в соцсети 3 ⋅ Авторитет домена 29 ⋅ Alexa Rank 1M Просмотр последних сообщений ⋅ Получить контакт по электронной почте

35. Блог о книжном дизайне

Манчестер, Англия, Соединенное Королевство О блоге Блог о книжном дизайне посвящен тому, чтобы прославить мастерство создания красивых книг и публикаций. От самостоятельно издаваемых журналов до коммерческих книг. С мая 2011 г. Блог thebookdesignblog.com
Поклонники Facebook 3,9 тыс. ⋅ подписчиков в Twitter 1,8 тыс. ⋅ Вовлеченность в соцсети 4 ⋅ Авторитет домена 37 ⋅ Рейтинг Alexa 6,3 млн. Просмотр последних сообщений ⋅ Получить контакт

36. Студия Рут Бликли | Книги и журналы ручной работы

Флорида, США О блоге Рут Бликли — переплетчик и дизайнер морских канцелярских принадлежностей. Она любит булавку, морские свадьбы, яркие цвета и узоры, дизайн и типографику. Она создает все свои работы собственными руками: обложки книг вырезаны вручную, страницы сложены вручную, а книги сшиты. Частота 5 сообщений / год С марта 2009 г. Блог ruthbleakley.com/blog
Подписчики в Твиттере 1,1 тыс. ⋅ Последователи в Instagram 5 тыс.

37. Брюс Книжник

США О блоге Научитесь писать, проектировать, макетировать, публиковать и продавать свою книгу. Частота 14 сообщений / год С июля 2015 г. Также в Блоги книжного маркетинга Блог brucethebookguy.blogspot.com
Авторитет домена 13 ⋅ Просмотр последних сообщений ⋅ Получить адрес электронной почты

38. My Word Publishing | Книжный дизайн

О блоге Следите за публикацией My Word, чтобы получать информацию, связанную с дизайном книги. С июня 2017 г. Блог mywordpublishing.com/categor ..
Поклонники в Facebook 254 ⋅ Подписчики в Twitter 142 agement Вовлечение в социальные сети 12 ⋅ Авторитет 20 ⋅ Просмотр последних сообщений ⋅ Получить контакт по электронной почте

39. Книжный дизайн TLC

Остин, Техас, США О блоге Следите за TLC Book Design время от времени, чтобы получать сообщения в блогах о дизайне книг. С сен 2016 Блог tlcbookdesign.com/blog
Подписчики в Twitter 8 ⋅ Подписчики в Instagram 457 ⋅ Авторитет домена 22 ⋅ Просмотр последних сообщений ⋅ Получить контакт по электронной почте

40. Записки Терри

О блоге В этом блоге время от времени делятся скрапбукинг-идеями, дизайном и творчеством. Частота 2 сообщения / год Блог terrysscrapbooks.blogspot.com
Авторитет домена 14 ⋅ Alexa Rank 17,7 млн Просмотр последних сообщений ⋅ Получить контакт по электронной почте

41.Стивен Тиано | Книжный конструктор

Лонг-Айленд-Сити, Нью-Йорк, США О блоге Подпишитесь на этот блог, чтобы получить полезную информацию о книжном дизайне Стивена Тиано. С апреля 2007 г. Блог tianobookdesign.com/blog
подписчика в Твиттере 2,8 тыс. ⋅ Социальная активность 46 Авторитет домена 22 ⋅ Просмотр последних сообщений ⋅ Получить контакт по электронной почте

42. Книжный дизайн

Германия О блоге Следите за этим блогом Аны Григориу, чтобы получать информацию и обновления по дизайну книг. Частота 8 сообщений / год Блог books-design.com/the-cover-d ..
Поклонники Facebook 203 ⋅ Подписчики Twitter 62 ⋅ Вовлечение в социальные сети 34 ⋅ Авторитет домена 16 ⋅ Просмотр последних сообщений ⋅ Получить контакт по электронной почте

43. Книжный улей

Массачусетс, США О блоге Beehive Book Design увлечены самостоятельной публикацией, стремятся помочь авторам реализовать свои мечты и с гордостью предлагают красивый дизайн и интеллектуальное форматирование как для печатных, так и для электронных книг. Блог beehivebookdesign.com/blogs/ ..
Поклонники Facebook 120 ⋅ Подписчики в Twitter 162 ⋅ Подписчики в Instagram 95 ⋅ Вовлечение в социальные сети 9 ⋅ Авторитет домена 5 ⋅ Просмотр последних сообщений ⋅ Получить контакт по электронной почте

44. Обложка и макет | Блог о дизайне обложки книги

США О блоге Блог о дизайне обложек книг, дизайне внутренней компоновки и верстке, а также о советах для авторов, издающих статьи. С января 2016 г. Блог coverandlayout.com / blog
Поклонники в Facebook 48 ⋅ Подписчики в Twitter 485 Взаимодействие с социальными сетями 6 ⋅ Авторитет домена 14 ⋅ Просмотр последних сообщений ⋅ Получить контакт по электронной почте

45. GDES2014 Дизайн детской книги

США О блоге Подпишитесь на этот блог, чтобы получать информацию и обновления о дизайне книг для детей. Частота 1 сообщение / квартал С фев 2012 Блог gdes2014-tutor.blogspot.com
Авторитет домена 7 ⋅ Просмотр последних сообщений ⋅ Получить адрес электронной почты

46.Ваш блог в книжном дизайне

США О блоге Подпишитесь на этот блог, чтобы получить потрясающую информацию о дизайне книги. Блог yourblogtobook.blogspot.com
Авторитет домена 13 ⋅ Просмотр последних сообщений ⋅ Получить адрес электронной почты

47. Дэниел К. Брантли | Книжный дизайн

США О блоге Следуйте за Дэниелом К. Брантли, чтобы получать сообщения в блоге о дизайне книг. С мая 2018 г. Блог danielkbrantley.com/category..
Авторитет домена 12 ⋅ Просмотр последних сообщений ⋅ Получить контакт по электронной почте

Печатные книги Smashing Magazine

Мы заботимся о качественном содержании и прилагаем все усилия, чтобы поддерживать и распространять передовой опыт, инновационные методы и дальновидные идеи. Наши напечатанные Smashing Books созданы для предоставления глубоких знаний и опыта, которыми поделились эксперты и практики из отрасли. Это — наши редакционные флагманы — и они чертовски хорошо смотрятся на журнальном столике!

Краткая информация

Мы с гордостью создаем доступных практических книг для таких профессионалов, как вы, которые хотят улучшить свои навыки и изменить мир к лучшему.Никакой ерунды, никакой теории — только практические идеи, которые можно сразу применить к вашей работе. Вот краткий обзор последних:

Design Systems (октябрь 2017 г.)

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

$ 29

Получить книгу

Твердый переплет + электронная книга.280 страниц.
Бесплатная доставка по всему миру.

О книге

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

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

На протяжении всей этой книги Алла Холматова, ранее работавшая ведущим дизайнером в FutureLearn , поделится подходом и ключевыми качествами эффективных и надежных систем проектирования. Он основан на опыте Аллы, тематических исследованиях AirBnB, Atlassian, Eurostar, TED и Sipgate, а также на 18-месячных исследованиях и интервью — все они пытаются выяснить, что работает, а что не работает в реальных продуктах.Он может не ответить на все вопросы, но поможет вам разобраться в правильной стратегии для создания и развития системы дизайна в вашей организации.

Для кого эта книга

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

Теперь судить о результате. Печатный переплет, 280 страниц. Отзыв от Карен МакГрейн и Джереми Кейта. Дизайн обложки — Эспен Брунборг. Получите книгу прямо сейчас.

Отзывы

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

«В книге Аллы описан процесс не только создания дизайн-системы, но и поддержки ее во времени.Если вы работаете в сегодняшней сети, я настоятельно рекомендую прочитать эту проницательную и доступную книгу ». — Итан Маркотт, дизайнер
« Design Systems — важная литература для всех дизайнеров и дизайнерских команд. Подобно великолепному дизайну и эффективным системам, эта книга представляет собой полное, связное и убедительное руководство по созданию качественных цифровых продуктов. Ни один ресурс не был более неотъемлемой частью нашего мышления о дизайн-системах, чем книга Аллы.” — Джон Белл, менеджер по дизайну, MailChimp
«Вдумчивый анализ системно-ориентированного мышления Аллы — фундаментальный учебник для всех, кто хочет установить универсальный язык в своей команде или организации». — Бетани Сонефельд, руководитель отдела дизайна, Carbon Design System, IBM
«Магия этой книги заключается в признании того, что создание дизайн-системы — это не только создание человеческих связей, но и технические решения.Он охватывает сложные проблемы и открывает путь, помогая командам работать над общим, сплоченным видением ». — Эми Тибодо, руководитель UX, Polaris Design System, Shopify
«Великие дизайнеры делают одинаково хороших писателей, потому что они дотошны. Это превосходное введение в дизайн-системы написано с тщательностью , которой предмет заслуживает ». — Хейдон Пикеринг, автор шаблонов инклюзивного дизайна

Что в книге

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

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

Книга состоит из двух частей:

Часть 1: Основы

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

Общие практики — это то, как мы выбираем для создания, захвата, совместного использования и использования этих шаблонов, следуя набору принципов или сохраняя библиотеку шаблонов.

Глава 1: Системы проектирования
Глава 2: Принципы проектирования
Глава 3: Функциональные шаблоны
Глава 4: Паттерны восприятия
Глава 5: Общий язык
Резюме

Часть 2: Процесс

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

Глава 6: Параметры вашей системы
Глава 7: Планирование и практические аспекты
Глава 8: Систематизация интерфейса: функциональные шаблоны
Глава 9: Систематизация интерфейса: шаблоны восприятия
Глава 10: Библиотеки шаблонов: Что, Почему и как
Заключение

Об авторе

Алла Холматова — дизайнер пользовательского интерфейса и взаимодействия с девятилетним опытом работы в Интернете для ряда продуктов и компаний.Совсем недавно она была старшим дизайнером продукта на платформе открытого образования FutureLearn .

Ее особенно интересуют дизайн-системы, язык и способы совместной работы. В последние два года она потратила огромное количество времени на изучение и изучение этой темы. Она делится своими мыслями с людьми в статьях, семинарах и проектах. Алла участвует в публикациях по дизайну, таких как A List Apart , и выступает на конференциях по всему миру.

Sneak Preview (бесплатный образец PDF)

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

Краткое резюме

Что вы узнаете из этой книги:

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

$ 29

Получить книгу

Твердый переплет + электронная книга. 288 страниц.
Бесплатная доставка по всему миру.

White Hat UX (август 2017 г.)

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

39 долларов США.90

Получить книгу Печать в твердом переплете + электронная книга.
Бесплатная доставка по всему миру.

White Hat UX — новое поколение пользовательского опыта — это то, что вам нужно, если вы окажетесь в одной из следующих ситуаций:

Вы не обучены UX, но теперь несете ответственность за it
Вы изо всех сил пытаетесь следить за разговорами об опыте пользователей в вашей команде
Вы менеджер и хотите понять, как ваша компания может стать лидером на современном цифровом рынке (подсказка: обслуживание пользователей является конкурентным преимуществом )
Вы хотите узнать об этическом дизайне, но не знаете, с чего начать

White Hat UX начинается с определения UX — делается простым способом, который позволяет людям с ограниченными знаниями UX получить четкое представление о поле .

Он показывает и говорит о том, что многие компании делают неправильно (намеренно или по глупости).

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

И, наконец, в нем объясняется, как улучшить пользовательский опыт вашего продукта, услуги и компании, чтобы получить самое сильное конкурентное преимущество на сегодняшнем потребительском рынке: White Hat, честное взаимодействие с пользователем.Кроме того, вы будете лучше спать по ночам, зная, что поступаете правильно.

Конкуренция — всего лишь один клик
Методы тестирования в UX
Отчеты об испытаниях и примечания к выпуску
Конфиденциальность Windows 10
Обеспечение качества и контроль качества
Базовый уровень

Сборка

Принцип наименьшего удивления
UX и Scrum
Shitstorms и Candystorms
Gray Hat UX: 7 Anti-Patterns

Присоединяйтесь к светлой стороне силы

White Hat UX Design Patterns
От темных шаблонов к белой шляпе UX
Стать профессионалом
Вещи требуют времени
Strategic White Hat UX

Технические характеристики 91 488

Качественный переплет с прошитым переплетом и ленточным маркером страницы,
136 страниц,
ISBN (электронная книга): 978-87-994915-9-9,
Электронная книга доступна в формате EPUB.
Доступны в печатном виде, в великолепном твердом переплете и в электронной книге.

39,90 $

Получить книгу

Печать в твердом переплете + электронная книга.
Бесплатная доставка по всему миру.

Революция в пользовательском опыте (апрель 2017 г.)

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

$ 29

Получите книгу Печать в твердом переплете + электронная книга.
Бесплатная доставка по всему миру.

$ 14,90

Электронная книга PDF, ePUB, Amazon Kindle.

Для кого эта книга?

Эта книга предназначена для всех, кто увлечен пользовательским опытом, но работает в компании, которая подводит своих клиентов.Он содержит боевой план практических советов по изменению культуры бизнеса. Меняя их, они ставят пользователя на первое место.

Вы можете быть дизайнером, маркетологом, специалистом по контенту или работать на любой из многих должностей, связанных с пользовательским опытом.

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

Эта книга будет:

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

Содержание

ГЛАВА	ДЕТАЛИ
1. Реальное представление о дизайне пользовательского опыта
Резюме • Мир изменился, и появилось новое поколение подключенных пользователей потребители — потребители с более высокими ожиданиями, чем когда-либо прежде.Если ваша компания не оправдывает эти ожидания, клиенты уйдут в другое место. Фактически, согласно Customer Think, 89% клиентов прекращают вести дела с компанией после одного-единственного плохого клиентского опыта. Ключевые слова • Взаимодействие с клиентами • Вовлечение клиентов в процесс разработки продукта • Понимание потребностей пользователей
2. Как продавать преимущества дизайна пользовательского опыта
Резюме • Руководители всех секторов больше озабочены своими программами, чем удовлетворением потребностей пользователей.Это очень затрудняет их убеждение в ценности дизайна пользовательского опыта. Ключевые слова • Понять ожидания клиентов • Пользователи имеют ограниченное время и терпимость • Опыт пользователей в секторе B2B • Опыт пользователей создает бренд • Экономия средств на опыте пользователей • Опыт пользователей и увеличение продаж
3. Создание евангелистов по опыту работы с клиентами
Резюме • Гарри считал себя единственным хранителем пользовательского опыта, одиноким индивидуалистом, пытающимся добиться изменений в одиночку.Чем больше он встречал сопротивление, тем больше он видел себя единственным, кого это волновало. Со временем он разозлился и разозлился на свою управленческую команду и коллег. Он пришел видеть в них врагов. Ключевые слова • Найдите неравнодушных коллег • Обратитесь к своим потенциальным евангелистам • Установите общее видение • Принципы взаимодействия с пользователем
4. Повысьте профиль клиента
Резюме • Представим себе двух сотрудников в две разные компании.Мы назовем одного Найджелом, а вторую Хелен. Компании существуют примерно одинаковое время, имеют одинаковый размер и работают в одной отрасли. И Найджел, и Хелен работают юристами. Их работа — следить за тем, чтобы компании выполняли свои нормативные обязательства и защищали их от рисков. Оба — милые люди, с которыми можно приятно провести вечер. Но в то время как Найджел является постоянным препятствием на пути улучшения опыта пользователей, Хелен — нет. Ключевые слова • Страницы • Гуманизируйте своего клиента • Расскажите историю клиента • Обменивайтесь данными • Спрашивайте у пользователей обратную связь • Установите регулярное общение • Поощряйте действия •
5.Получите управленческую поддержку
Резюме • Придет время, когда вы сделаете все возможное за кулисами. Вам понадобится разрешение, чтобы сделать следующий большой шаг. Где проходит эта линия и каким будет следующий большой шаг, будет варьироваться от компании к компании. Чем дольше вы оставите это, тем больше будет импульса для вашего дела и тем более убедительным будет ваше дело. У вас будет больше поддержки, больше статистики, больше историй. Короче, будешь лучше подготовлен. Это будет важно, если вы хотите, чтобы руководство воспринимало вас серьезно. Ключевые слова • Привлекайте внимание руководства • Применяйте принципы Ux-дизайна к потребностям управления • Сформулируйте свой запрос вокруг повестки дня руководства • Подтвердите свои аргументы • Получите внешнюю точку зрения • Найдите сопоставимые тематические исследования • Получите одобрение руководства • Напугайте свое руководство • Воодушевите руководство • Дайте руководству простой следующий шаг
6. Разработайте доказательство концепции
Резюме • Реальными препятствиями на пути реализации принципов дизайна взаимодействия с пользователем являются внешние ограничения: ограничения технологии; ограничения, связанные с соблюдением требований и политиками; ограничения вокруг требований.Эти ограничения помешали вам когда-либо показать, как выглядит отличный пользовательский интерфейс. Ключевые слова • Эксперимент в разработке пользовательского опыта • Реализация успешного пилотного проекта • Соберите правильную команду • Три правила пилотирования • Найдите время для своего пилота
7. Установите более эффективные методы работы
Резюме • Хотя Ханна и ее команда были экспертами в своей области, организационная культура постоянно мешала им выполнять свою работу наилучшим образом.Они обнаружили, что компрометируют свою работу только для того, чтобы выпустить ее за дверь в сложной обстановке. Ключевые слова • Начните с потребностей пользователей • Обеспечение юзабилити-тестирования • Сотрудничайте с помощью прототипирования • Изучите альтернативные подходы • Сосредоточьтесь на экономии времени пользователей • Сосредоточьтесь на простоте • Помогите коллегам увидеть сложность • Сделать устаревшее простым
8. Преобразование организации Культура
Резюме • Мне посчастливилось работать с организацией, высшее руководство которой разослало такое электронное письмо.Они ясно дали понять, что качество обслуживания клиентов было их целью номер один. Тем не менее, за год мало что изменилось, несмотря на бесчисленные инициативы и тренинги. Любой набранный импульс застопорился, несмотря на лучшие намерения руководства. Что пошло не так? Ключевые слова • Работа в разных подразделениях • Обращение к организационной структуре • Избавление от страха перед неудачей • Превратите UX в операционные расходы • Обновите политики и процедуры • Установите новые показатели на каждом уровне
9.Видение компании, ориентированной на UX
Резюме • Изменение корпоративной культуры — серьезное мероприятие. На это уйдут годы, и вы можете не увидеть конца. Но это путешествие стоит того. Это не только поможет бизнесу. Это тоже поможет вам. Это разовьет ваши навыки и повысит ваши шансы на трудоустройство. Это повысит ваш авторитет в бизнесе. Прежде всего, это будет иметь ощутимое значение здесь и сейчас. Хотя для достижения некоторых из того, о чем я написал, потребуются годы, вы можете применить многое из того, что я рассказал сегодня, и это сразу же изменит ситуацию. Ключевые слова • Работа по разрозненным структурам • Обращение к организационной структуре • Преодоление страха перед неудачей • Превратите UX в операционные расходы • Обновите политики и процедуры • Установите новые показатели на каждом уровне

Отзывы наших читателей

“I В настоящее время читаю книгу «Революция пользовательского опыта», и она мне очень нравится из-за ее стратегического мышления и прекрасных примеров ».
— Norbert Boros

Sneak Preview (образец PDF)

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

Технические характеристики

248 страниц, 14 × 21 см (5,5 × 8,25 дюйма),
ISBN: 978-3-945749-51-7 (печать),
Качественный твердая обложка с прошитым переплетом и ленточным маркером страницы ,
Все предварительные заказы уже отправлены. Книга в твердом переплете будет отправлена с 18 апреля бесплатной авиапочтой из Германии.
eBook будет немедленно доступен в форматах PDF, EPUB и Amazon Kindle.
Доступен в распечатанном виде, в великолепном твердом переплете и в электронной книге.

$ 29
Получить книгу
Печать в твердом переплете + электронная книга.
Бесплатная доставка по всему миру.
The Sketch Handbook (ноябрь 2016 г.)
Sketch предлагает множество инструментов и функций , которые делают его идеальным приложением для современных дизайнеров: он позволяет с легкостью создавать интерфейсы, веб-сайты и значки.Чтобы помочь вам получить максимальную отдачу от этого мощного инструмента, The Sketch Handbook покажет вам все его аспекты. Не теоретически, но подкрепленные практическими примерами, которым вы можете следовать шаг за шагом. Обратите внимание, что эта книга основана на Sketch 41, последней версии Sketch .
Книга проведет вас через все аспекты Sketch: от умных направляющих и управления слоями до гибкой базовой сетки, вложенных символов и изменения размера групп. Независимо от того, являетесь ли вы новичком в дизайне или только начинаете использовать графические приложения, эта книга научит вас методам, необходимым для начала проектирования пользовательских интерфейсов в Sketch.
34,90 $
Получить книгу Печать в твердом переплете + электронная книга.
Бесплатная доставка по всему миру.
$ 14,90
Электронная книга PDF, ePUB, Amazon Kindle.
Зачем это вам? Итак, вы получите обзор практических приемов, и стратегий, которые сделают ваш рабочий процесс проектирования более эффективным и перспективным. Вы узнаете, как создать продвинутое многоэкранное мобильное приложение, адаптивную статью и множество значков, а также погрузитесь в организацию монтажной области и экспорт ресурсов для iOS и Android.Также рассматриваются дизайн и экспорт значков и логотипов, а также рекомендуемые плагины и некоторые неясные, но полезные советы и рекомендации. Практически всего, что вы хотели узнать о Sketch, в одном месте.
Об авторе
Кристиан Краммер (Christian Krammer) — веб-дизайнер и профессионал в области приложений Sketch. Он ведет SketchTips.info более двух лет и поделился рядом советов и рекомендаций по работе со Sketch. Кристиан также недавно выпустил два курса Sketch на Skillshare.Когда он не возится со Sketch, он любит проводить время с семьей или смотреть хороший фильм. Иногда он также делится советами по Sketch в Твиттере, но кто этого не делает ?!
Содержание
Вы, наверное, догадались — в книге рассматриваются не теоретические концепции, а примеры из реальной жизни. Центральным элементом книги является эффективность рабочего процесса : вы узнаете, как быстро добиться отличных результатов, используя всю мощь доступных функций, ярлыков и техник, которые другие дизайнеры усвоили на протяжении многих лет и которые регулярно применяют.

ГЛАВА ДЕТАЛИ
1. Введение в Sketch
Резюме • Первая глава дает вам краткий обзор наиболее важных функций приложения для дизайна, а также введение в интерфейс Sketch. В основном вы получите краткое представление о его лучших функциях: Sketch прост в освоении, быстр и легок, у него чистый, незагроможденный пользовательский интерфейс, сетки встроены прямо в него, он предоставляет мощные параметры экспорта, позволяет легко адаптировать свой дизайн к разных размеров, и самое главное: Sketch основан на векторе.Все, что вы создаете, можно масштабировать до бесконечности — это обязательное условие для сегодняшнего огромного количества устройств.
Ключевые слова • Основы интерфейса • Основы эскиза • Растровые изображения и векторы
2. Разработка приложения
Резюме • Первый экран, который мы займемся, — это страница сведений. Здесь все начинается с артбордов, которые придают вашему дизайну определенное пространство. После того, как вы добавили первые элементы и текстовые слои, вы можете прочитать, как их стилизовать и изменить их свойства.Сюда входит обзор доступных форм и типов заливки, а также использование изображений. Поскольку первые слои появляются в списке слоев, также важно узнать, как лучше всего их организовать. Наконец, вы будете использовать сетку размером 8 пикселей, которая придаст дизайну некоторую структуру и позволит избежать случайного размещения элементов.
Ключевые слова • Монтажные области, Дизайн на 1x, Фигуры, Умные направляющие, Управление слоями и их организация, Типы заливки, Сетка 8 пикселей, Цвета, Открывающие и закрывающие формы, Пунктирные и пунктирные линии
3.Возможности итераций и артборды
Резюме • Дизайн никогда не бывает законченным, поэтому мы будем использовать артборды, чтобы развивать его элементы и опробовать различные идеи. Вы узнаете о символах и общих стилях, которые позволяют повторно использовать элементы и синхронизировать их. В этой главе также описаны некоторые продвинутые приемы, такие как маски, тени, градиенты и логические операции. Последние особенно важны, поскольку позволяют комбинировать основные формы для создания сложных объектов.Это также первая точка соприкосновения с плагинами для улучшения Sketch. Подводя итоги, мы посмотрим, насколько легко воссоздать значок в приложении для дизайна.
Ключевые слова • Организация монтажной области • Заливки изображений • Символы • Настройка панели инструментов • Выравнивание слоев • Пользовательские ярлыки • Маскирование • Масштабирование • Общие стили • Отменить и повторить действия • Плагины • Создание значков • Тени и размытия • Градиенты • Типы заливки • Распространение содержимого • Логические операции • Точность пикселей
4.Создание логотипа для приложения
Резюме • В этой главе вы не только узнаете, как создать логотип, но и как генерировать идеи вокруг него. Процесс создания логотипа включает в себя множество векторных манипуляций. Вы получите обзор различных типов точек и их особенностей. В большинстве случаев вам даже не нужно создавать вектор с нуля, но вместо этого вы можете манипулировать базовой формой. Как только логотип будет готов, мы также закончим страницу с подробностями.
Ключевые слова • Страницы • Как вдохновиться • Типы векторных точек • Режим векторных точек • Создание собственных векторов • Управление текстом • Кернинг и отслеживание • Масштабирование слоев • Управление слоями
5. Создание страницы обзора
Сводка • Теперь, когда у нас есть страница сведений и страница обзора, давайте представим новую панель параметров, которая содержит несколько различных значков. Мы сами создадим эти значки, так как это идеальный способ применить все навыки, которые вы уже изучили, такие как вложенные символы и использование вращения.Кроме того, вы также узнаете, как создать список мест для посещения в виде карты.
Ключевые слова • Вложенные символы • Расширенное создание значков • Стили слоев • Черный никогда не бывает черным • Вращения • Преобразования • Дублированный контент • Линейки и направляющие • Вставка • Дизайн с реальными данными (с использованием плагина Craft) • Создание цветовых вариаций
6. Экспорт
Резюме • Эта глава посвящена одной из самых сильных функций Sketch: экспорту ресурсов.При правильной настройке все, что вам нужно сделать для экспорта всех ваших различных ресурсов, — это нажать кнопку. Мы познакомим вас с набором ресурсов iOS и Android, и вы узнаете, как предварительно просмотреть свои проекты на реальных устройствах и как сделать рабочий процесс проектирования более удобным для разработчиков.
Ключевые слова • Параметры экспорта • Форматы файлов • Экономия места • Множественный экспорт • Экспорт ресурсов iOS и Android • Предварительный просмотр устройства • Совместная работа • А как насчет Windows? • Печать • Альтернативы • Инструменты для создания прототипов
7.Дизайн статьи Page
Резюме • Мы сосредоточимся на том, как работать с сетками и макетами и как размещать контент в упорядоченном виде. Имея дело с большим количеством текста и изображений, мы также рассмотрим, как синхронизировать стили абзацев и символов.
Ключевые слова • Сетки и макеты • Базовая сетка • Текст и границы • Добавление содержимого с помощью плагина Craft • Выбор размеров шрифта • Параметры текста • Отслеживание • кернинг и лигатуры • Оптимальное восприятие чтения • Добавление буквицы • Изображения • Обработка изображений • Стили текста • Увеличение доступного пространства • Режимы наложения • Дублирование содержимого с помощью Craft • Вложенные символы • Порядок слоев
8.Готовимся к работе
Резюме • В этой главе мы рассмотрим несколько экранов разной ширины, чтобы понять, как могут выглядеть любые возможные адаптации. Sketch поможет нам определить, как эти элементы реагируют на изменение размера. После небольшой подготовки вам просто нужно адаптировать родительский контейнер, и все соответственно изменится. Наконец, эта глава предоставит несколько важных советов и приемов о том, как лучше всего адаптировать размер шрифта от одной точки останова к другой.
Ключевые слова • Проектирование с ограничениями (изменение размера группы) • Адаптивная сетка • Как перейти от одной точки останова к другой • Адаптировать контент с помощью Craft
9. Последняя точка останова: широкоэкранный рабочий стол
Резюме • После мы закончили первые две точки останова, мы рассмотрим, как доступную информацию можно расположить на широкоэкранном дисплее. Поэтому мы настроим сетку и адаптируем большинство элементов статьи к этой новой сетке.
Ключевые слова • Проектирование с ограничениями (изменение размера группы) • Адаптивная сетка • Как переходить от одной точки останова к другой • Адаптировать контент с помощью Craft • Сделать приложение адаптивным
10. Разработка значков категорий
Резюме • Мы создадим четыре разных значка, чтобы использовать их как можно чаще и объединять в сложные формы с помощью логических операций. По возможности мы будем использовать сочетания клавиш. Также мы узнаем, как использовать эти значки с сеткой.
Ключевые слова • Расширенное создание значков • Рабочий процесс создания значков • Сетки • Совершенство пикселей • Эффективность с помощью сочетаний клавиш • Управление вектором • Логические операции • Предварительный просмотр пикселей • Дублирование слоя
11. Экспорт значков категорий
Резюме • Значки категорий закончены, но работа еще не сделана. В этой главе основное внимание уделяется их оптимизации. Эти оптимизации включают адаптацию к границам везде, где это возможно, чтобы уменьшить размер файла при экспорте этих ресурсов.
Ключевые слова • Рабочий процесс экспорта значков • Какой формат выбрать: SVG или PNG • Оптимизировать значки для файлов небольшого размера
12. Мини-проекты
Резюме • В этом курсе мы подытожим некоторые из темы мы уже затронули, но менее формально. Считайте это своего рода «дизайнерскими закусками»: забавными проектами, которые позволяют вам поиграть в Sketch. Вы узнаете, как создать реалистичные часы, пять различных версий круговых диаграмм, текстурированный шрифт, круглую полосу выполнения и некоторые логотипы.Если вы уже являетесь промежуточным пользователем Sketch, эта глава для вас.
Ключевые слова • Создайте реалистичные часы • Создайте текстурированный шрифт • Создайте круговые диаграммы (пять различных методов) • Создайте круглый индикатор выполнения • Создайте несколько логотипов • Расширенные тени • Множественные границы и градиенты • Повороты • Поверните копии • Маски • Изображение и узор заливки • Режимы наложения • Расширенные векторные манипуляции • Расширенные параметры границы • Текст на контуре • Создание элементов брендинга • Как учесть отсутствующие шрифты
Технические детали
376 страниц, 17 × 24 см (6.5 × 9,5 дюймов),
ISBN: 978-3-945749-47-0 (печать),
Качественная твердая обложка с прошитым переплетом и ленточным маркером страницы,
Электронная книга доступна в форматах PDF, EPUB и Форматы Amazon Kindle.
Бесплатная доставка авиапочтой из Германии по всему миру.
Доступны в печатном виде, в великолепном твердом переплете и в электронной книге.
Для кого эта книга?
Эта книга предназначена для всех, кто сегодня занимается дизайном для Интернета. Если вы раньше пользовались такими инструментами, как Photoshop или Illustrator, и хотите попробовать что-то, более ориентированное на дизайн интерфейса, внимательно изучите книгу.Пользователи Sketch среднего уровня получат ценные советы и рекомендации, о которых они (возможно!), Конечно же, еще не знали. Среди прочего, вы узнаете :

ГЛАВА	ДЕТАЛИ
1. Введение в Sketch
Резюме • Первая глава дает вам краткий обзор наиболее важных функций приложения для дизайна, а также введение в интерфейс Sketch. В основном вы получите краткое представление о его лучших функциях: Sketch прост в освоении, быстр и легок, у него чистый, незагроможденный пользовательский интерфейс, сетки встроены прямо в него, он предоставляет мощные параметры экспорта, позволяет легко адаптировать свой дизайн к разных размеров, и самое главное: Sketch основан на векторе.Все, что вы создаете, можно масштабировать до бесконечности — это обязательное условие для сегодняшнего огромного количества устройств. Ключевые слова • Основы интерфейса • Основы эскиза • Растровые изображения и векторы
2. Разработка приложения
Резюме • Первый экран, который мы займемся, — это страница сведений. Здесь все начинается с артбордов, которые придают вашему дизайну определенное пространство. После того, как вы добавили первые элементы и текстовые слои, вы можете прочитать, как их стилизовать и изменить их свойства.Сюда входит обзор доступных форм и типов заливки, а также использование изображений. Поскольку первые слои появляются в списке слоев, также важно узнать, как лучше всего их организовать. Наконец, вы будете использовать сетку размером 8 пикселей, которая придаст дизайну некоторую структуру и позволит избежать случайного размещения элементов. Ключевые слова • Монтажные области, Дизайн на 1x, Фигуры, Умные направляющие, Управление слоями и их организация, Типы заливки, Сетка 8 пикселей, Цвета, Открывающие и закрывающие формы, Пунктирные и пунктирные линии
3.Возможности итераций и артборды
Резюме • Дизайн никогда не бывает законченным, поэтому мы будем использовать артборды, чтобы развивать его элементы и опробовать различные идеи. Вы узнаете о символах и общих стилях, которые позволяют повторно использовать элементы и синхронизировать их. В этой главе также описаны некоторые продвинутые приемы, такие как маски, тени, градиенты и логические операции. Последние особенно важны, поскольку позволяют комбинировать основные формы для создания сложных объектов.Это также первая точка соприкосновения с плагинами для улучшения Sketch. Подводя итоги, мы посмотрим, насколько легко воссоздать значок в приложении для дизайна. Ключевые слова • Организация монтажной области • Заливки изображений • Символы • Настройка панели инструментов • Выравнивание слоев • Пользовательские ярлыки • Маскирование • Масштабирование • Общие стили • Отменить и повторить действия • Плагины • Создание значков • Тени и размытия • Градиенты • Типы заливки • Распространение содержимого • Логические операции • Точность пикселей
4.Создание логотипа для приложения
Резюме • В этой главе вы не только узнаете, как создать логотип, но и как генерировать идеи вокруг него. Процесс создания логотипа включает в себя множество векторных манипуляций. Вы получите обзор различных типов точек и их особенностей. В большинстве случаев вам даже не нужно создавать вектор с нуля, но вместо этого вы можете манипулировать базовой формой. Как только логотип будет готов, мы также закончим страницу с подробностями. Ключевые слова • Страницы • Как вдохновиться • Типы векторных точек • Режим векторных точек • Создание собственных векторов • Управление текстом • Кернинг и отслеживание • Масштабирование слоев • Управление слоями
5. Создание страницы обзора
Сводка • Теперь, когда у нас есть страница сведений и страница обзора, давайте представим новую панель параметров, которая содержит несколько различных значков. Мы сами создадим эти значки, так как это идеальный способ применить все навыки, которые вы уже изучили, такие как вложенные символы и использование вращения.Кроме того, вы также узнаете, как создать список мест для посещения в виде карты. Ключевые слова • Вложенные символы • Расширенное создание значков • Стили слоев • Черный никогда не бывает черным • Вращения • Преобразования • Дублированный контент • Линейки и направляющие • Вставка • Дизайн с реальными данными (с использованием плагина Craft) • Создание цветовых вариаций
6. Экспорт
Резюме • Эта глава посвящена одной из самых сильных функций Sketch: экспорту ресурсов.При правильной настройке все, что вам нужно сделать для экспорта всех ваших различных ресурсов, — это нажать кнопку. Мы познакомим вас с набором ресурсов iOS и Android, и вы узнаете, как предварительно просмотреть свои проекты на реальных устройствах и как сделать рабочий процесс проектирования более удобным для разработчиков. Ключевые слова • Параметры экспорта • Форматы файлов • Экономия места • Множественный экспорт • Экспорт ресурсов iOS и Android • Предварительный просмотр устройства • Совместная работа • А как насчет Windows? • Печать • Альтернативы • Инструменты для создания прототипов
7.Дизайн статьи Page
Резюме • Мы сосредоточимся на том, как работать с сетками и макетами и как размещать контент в упорядоченном виде. Имея дело с большим количеством текста и изображений, мы также рассмотрим, как синхронизировать стили абзацев и символов. Ключевые слова • Сетки и макеты • Базовая сетка • Текст и границы • Добавление содержимого с помощью плагина Craft • Выбор размеров шрифта • Параметры текста • Отслеживание • кернинг и лигатуры • Оптимальное восприятие чтения • Добавление буквицы • Изображения • Обработка изображений • Стили текста • Увеличение доступного пространства • Режимы наложения • Дублирование содержимого с помощью Craft • Вложенные символы • Порядок слоев
8.Готовимся к работе
Резюме • В этой главе мы рассмотрим несколько экранов разной ширины, чтобы понять, как могут выглядеть любые возможные адаптации. Sketch поможет нам определить, как эти элементы реагируют на изменение размера. После небольшой подготовки вам просто нужно адаптировать родительский контейнер, и все соответственно изменится. Наконец, эта глава предоставит несколько важных советов и приемов о том, как лучше всего адаптировать размер шрифта от одной точки останова к другой. Ключевые слова • Проектирование с ограничениями (изменение размера группы) • Адаптивная сетка • Как перейти от одной точки останова к другой • Адаптировать контент с помощью Craft
9. Последняя точка останова: широкоэкранный рабочий стол
Резюме • После мы закончили первые две точки останова, мы рассмотрим, как доступную информацию можно расположить на широкоэкранном дисплее. Поэтому мы настроим сетку и адаптируем большинство элементов статьи к этой новой сетке. Ключевые слова • Проектирование с ограничениями (изменение размера группы) • Адаптивная сетка • Как переходить от одной точки останова к другой • Адаптировать контент с помощью Craft • Сделать приложение адаптивным
10. Разработка значков категорий
Резюме • Мы создадим четыре разных значка, чтобы использовать их как можно чаще и объединять в сложные формы с помощью логических операций. По возможности мы будем использовать сочетания клавиш. Также мы узнаем, как использовать эти значки с сеткой. Ключевые слова • Расширенное создание значков • Рабочий процесс создания значков • Сетки • Совершенство пикселей • Эффективность с помощью сочетаний клавиш • Управление вектором • Логические операции • Предварительный просмотр пикселей • Дублирование слоя
11. Экспорт значков категорий
Резюме • Значки категорий закончены, но работа еще не сделана. В этой главе основное внимание уделяется их оптимизации. Эти оптимизации включают адаптацию к границам везде, где это возможно, чтобы уменьшить размер файла при экспорте этих ресурсов. Ключевые слова • Рабочий процесс экспорта значков • Какой формат выбрать: SVG или PNG • Оптимизировать значки для файлов небольшого размера
12. Мини-проекты
Резюме • В этом курсе мы подытожим некоторые из темы мы уже затронули, но менее формально. Считайте это своего рода «дизайнерскими закусками»: забавными проектами, которые позволяют вам поиграть в Sketch. Вы узнаете, как создать реалистичные часы, пять различных версий круговых диаграмм, текстурированный шрифт, круглую полосу выполнения и некоторые логотипы.Если вы уже являетесь промежуточным пользователем Sketch, эта глава для вас. Ключевые слова • Создайте реалистичные часы • Создайте текстурированный шрифт • Создайте круговые диаграммы (пять различных методов) • Создайте круглый индикатор выполнения • Создайте несколько логотипов • Расширенные тени • Множественные границы и градиенты • Повороты • Поверните копии • Маски • Изображение и узор заливки • Режимы наложения • Расширенные векторные манипуляции • Расширенные параметры границы • Текст на контуре • Создание элементов брендинга • Как учесть отсутствующие шрифты

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

Отзывы наших читателей

«Я использую Sketch некоторое время, но хотел, чтобы это помогло понять программное обеспечение на более фундаментальном уровне, а не просто погрузиться в него с головой. Книга организована таким образом, что она проста в начале и усложняется по мере продвижения. Написание четкое, ясное, и автор хорошо выполняет то, что намеревался сделать — делится своими знаниями по Sketch с людьми, которые хотят узнать о нем больше. Я очень рекомендую его людям, которым нужна отличная основа и множество эффективных уроков.
— Джастин Уоттс

«С первого взгляда я вижу, что собираюсь получить много полезного от The Sketch Handbook. Уже подобрал несколько советов, просто бегло прочитав. Заказал в твердом переплете как справочник для студии. Не могу дождаться, чтобы углубиться в Sketch. Кристиан, очевидно, знает свое дело! ”
— Саймон Уксер
34,90 $
Получите книгу
Печатный переплет + электронная книга.
Бесплатная доставка по всему миру.
Инклюзивные шаблоны дизайна (октябрь 2016 г.)
Доступность всегда вызывала беспокойство у веб-разработчиков.Окруженный мифами, недоразумениями и противоречащими передовым практикам, он раньше был сферой деятельности небольшой группы экспертов, которые «добавляли» доступность поверх готового продукта. Сегодня на многих простых и сложных веб-сайтах все еще неясно, что составляет доступный интерфейс и что разработчикам нужно знать, чтобы туда добраться.
В книге рассматривается не только код, но и процесс инклюзивного прототипирования, чтобы все было правильно с самого начала. CSS может быть способом внешнего вида интерфейса, а JavaScript — его поведением, но HTML — это интерфейс.[Получите электронную книгу прямо сейчас!] (Https://smashing-magazine.myshopify.com/cart/23316415366:1)
Итак, давайте разберемся со всем этим: мифы о доступности и практические правила, роли WAI-ARIA, руководящие принципы доступности контента, роли ориентиров, доступность клавиатуры и сенсорного экрана, доступные шаблоны разметки и взаимодействия, доступные формы и виджеты, доступность мультимедиа и инклюзивное прототипирование. Все, что вам нужно знать о специальных возможностях , собрано в одной практичной потрясающей книге , полностью посвященной созданию и проектированию доступных пользовательских интерфейсов.
Написанная Хейдоном Пикерингом, книга содержит десятки практических примеров доступных компонентов интерфейса и инклюзивного рабочего процесса проектирования, которые можно сразу применить к вашей работе. Из этой книги вы узнаете точно , как поддерживать доступность интерфейсов с самого начала и как разрабатывать и создавать инклюзивные веб-сайты без хлопот и ненужного кода.
Почему книга о специальных возможностях?
Мы постоянно создаем недоступные и непригодные для использования веб-сайты и приложения, но не из-за недостатка навыков или таланта.Это просто случай, когда ты делаешь что-то неправильно. Мы стараемся создать лучший опыт, который мы можем, но мы делаем его только для себя и таких же людей, как мы. Мы должны исправить это навсегда.
Вот почему мы вместе с Хейдоном отправились работать над новой книгой по специальным возможностям. В результате книга Inclusive Design Patterns рассматривает общих доступных шаблонов интерфейса с точки зрения инклюзивного дизайнера — человека, обученного созданию опыта, учитывающего огромное разнообразие способностей, предпочтений и обстоятельств.
Не существует такого понятия, как «средний» пользователь, но есть такое понятие, как средний разработчик. Эта книга проведет вас от среднего до эксперта в наиболее важной области: сделать вещи более читаемыми и удобными для большего числа людей.
34,90 $
Получить книгу
Твердый переплет + электронная книга. Доступен сейчас.
Включена бесплатная доставка.
14,90 $
Электронная книга
PDF, ePUB, Amazon Kindle.
Уже доступно.
О книге
Многие статьи и книги о веб-дизайне посвящены улучшению рабочего процесса и облегчению вашей жизни как разработчика.Если вы хотите внедрить фреймворк или использовать процессор для ускорения процесса разработки, будьте нашим гостем. Однако эта книга не о вас; речь идет о вашей аудитории .
Книга Inclusive Design Patterns охватывает все методы, подводные камни и стратегии, которые необходимо учитывать при создании доступных, инклюзивных интерфейсов. Мы изучим структуру документа, внешние ссылки и ссылки «пропуска», области навигации и ориентиры, метки и альтернативный текст для иллюстраций, кнопок, оглавления, шаблоны JavaScript, сенсорные цели, виджеты фильтров, бесконечную прокрутку и «загрузить больше». отображение кнопок и сетки, а также динамический контент и интерфейсы вкладок, проверка пароля, веб-формы и сообщения об ошибках — и многое другое, что вам нужно знать о доступности, в том числе о том, как создавать прототипы с учетом инклюзивности, как работать с устаревшими браузерами и десятками других практические фрагменты для использования при создании инклюзивных интерфейсов.
Иллюстрации внутри книги и сама обложка были созданы Хейдоном Пикерингом. (Просмотр увеличенной версии)
Что вам от этого нужно? Вы можете извлечь уроки, извлеченные Хейдоном, и применить их в любой достаточно гибкой структуре, позволяющей писать и организовывать хорошие интерфейсы. Одно можно сказать наверняка: как только вы прочитаете книгу, доступность больше не будет казаться трудной или запутанной — вы будете точно знать, что и когда делать.
Содержание
Вы, наверное, догадались — в книге не рассматриваются теоретические концепции или вещи, которые должны работать.В книге рассматриваются практические шаблоны проектирования и общие компоненты интерфейса, а также предлагаются готовые к использованию фрагменты кода, которые можно сразу применить в вашей работе.
Содержание
Вы, наверное, догадались — в книге не рассматриваются теоретические концепции или вещи, которые должны работать. В книге рассматриваются практических шаблонов проектирования и общие компоненты интерфейса , а также представлены готовые к использованию фрагменты кода, которые можно сразу применить в вашей работе.
Введение
Резюме • Мы рассмотрим интерактивный элемент, кнопку, с точки зрения трех типов дизайнеров.Цель этого примера — показать вам, как небольшие знания о среде могут привести к более простому и (следовательно) более всеобъемлющему решению.
1. Документ
Резюме • Мы рассмотрим дискретные шаблоны интерфейса; модули, компоненты, виджеты, соглашения, все, что вы хотите называть. Было бы безрассудно сначала не признать, что каждый из них в конечном итоге будет принадлежать веб-документу. HTML-страницы сильно различаются по форме и размеру и могут включать любую комбинацию шаблонов, но есть несколько передовых методов «на уровне документа», которых мы должны придерживаться.Цель здесь не в том, чтобы искать окончательный «шаблон», а в том, чтобы настроить родительскую веб-страницу для поддержки инклюзивного дизайна. nhancement
2. A Paragraph
Резюме • Мы рассмотрим шрифты, интерлиньяж, меру, выравнивание, контраст, указание фокуса и многое другое, чтобы помочь вам разработать абзацы, подходящие для очень разнообразной аудитории. Мы также будем решать конкретные проблемы для людей с ограниченным зрением, дислексией, синдромом Ирлена, низкой грамотностью и ограниченными техническими знаниями.
3.Сообщение в блоге
Резюме • Мы покажем, как объединить доступные ориентиры и структуру звуковых разделов, чтобы сделать контент более удобным для навигации и взаимодействия для самых разных пользователей и парсеров. Это будет подкреплено предоставлением хорошо написанных и независимых от контекста структурных, а также независимых от контекста структурных и навигационных сигналов.
4. Навигация
Резюме • Мы будем постепенно улучшать примитивы HTML, чтобы создать всеобъемлющие средства для навигации внутри и между веб-страницами.Мы также рассмотрим положения проектирования, которые можно перенести на многие другие шаблоны, включая логический порядок источников и возможность устранения избыточности. Мы также рассмотрим, как постепенно улучшать навигацию с помощью JavaScript.
Резюме • В этой главе мы позаботимся о том, чтобы наша кнопка меню и отображаемое в ней содержимое учитывали различные пользовательские настройки, обстоятельства, устройства и вспомогательное программное обеспечение.
6. Инклюзивное прототипирование
Резюме • Переходя прямо с бумаги на HTML, мы закладываем основы для эффективного кода и инклюзивного опыта.
7. Список продуктов
Резюме • В этой главе мы будем практиковать наши подходы к инклюзивному дизайну. Как и в предыдущих шаблонах, организация и структура контента имеют первостепенное значение. Мы подробно рассмотрим доступность изображений как с точки зрения альтернативной композиции текста, так и с точки зрения производительности. В обслуживании слепых потребителей, тех, кто не может позволить себе щедрые контракты на передачу данных, и всех, кто получает доступ к вашему контенту извне вашего интерфейса, это шанс действительно раздвинуть границы инклюзивного дизайна.
8. Виджет фильтра
Резюме • Мы рассмотрим важность предоставления пользователям возможности выбора и контроля над расположением их контента. Мы также будем использовать некоторые методы, чтобы убедиться, что наш дизайн устойчив к динамическому и непостоянному содержанию. Инклюзивный дизайн также означает визуальный дизайн, не слишком строгий в отношении характера передаваемого ему контента.
9. Регистрационная форма
Резюме • В этой главе вы найдете все необходимое для разработки инклюзивных форм.Используя стандартные элементы формы, эффективную маркировку и облегчение исправления ошибок, пользователи любого уровня могут получать доступ к вашим веб-сайтам и приложениям и вносить в них свой вклад. Сохраняя простоту формы и избегая раздражающих событий, таких как исчезновение ярлыков и паролей, которые вы не можете проверить, мы сделали использование формы не только возможным, но и приятным.
10. Разметка на основе тестов
Резюме • Разработка через тестирование позволяет разработчикам, работающим с частыми итерациями, уверенно двигаться вперед.Написав сначала тесты для определения результатов, а затем создав функциональные возможности для их достижения, вы можете гарантировать, что успешные сборки будут вести себя предсказуемым и надежным образом.
Технические характеристики
312 страниц, 14 × 21 см (5,5 × 8,25 дюйма),
Качественная твердая обложка с прошитым переплетом и ленточным маркером страницы,
Электронная книга содержит PDF, EPUB и Kindle.
Бесплатная доставка авиапочтой из Германии по всему миру.
Доступен в виде печатной и электронной книги.
Почему эта книга для вас
Если вы ищете умные доступные шаблоны проектирования и стратегии для эффективного создания быстрых и гибких веб-сайтов, эта книга как раз для вас. Это руководство с ценными методами экономии времени, которые помогут вам избежать хитрых обходных путей и эффективно решать общие проблемы. Вы узнаете, как:

Мифы и заблуждения о доступности, а также общие решения и правила большого пальца,
Библиотека хорошо протестированных доступных компонентов HTML / CSS , которые вы можете использовать прямо сейчас,
Как для правильного использования ролей WAI-ARIA и Руководства по доступности контента,
Как решать общие проблемы доступности в адаптивном дизайне,
Как справиться с «пропускать» ссылки и внешние ссылки , а также области навигации и ориентиры,
Как сохранить доступными ярлыки , кнопки, оглавления, динамические виджеты и интерфейсы с вкладками,
Как реализовать бесконечную прокрутку, отображение сетки и доступ к динамическому содержимому,
Как справиться с проверкой пароля , сообщениями об ошибках , веб-формы, шаблоны JavaScript и сенсорные цели,
Как сохранить доступность интерфейса в устаревших браузерах,
Как создать прототип wi о доступности в виду.

34,90 $

Получить книгу

Твердый переплет + электронная книга. Доступен сейчас.
Включена бесплатная доставка.
Отзывы наших читателей
«Не могу сказать достаточно хороших слов об этой книге !!! Лучшее, что я читал за весь год! Полно полезной информации! […]. Стоит каждой копейки! Честно говоря, считаю, что это необходимо прочитать как дизайнерам, так и разработчикам ». — Тристан Уайт
«Только что получил от @heydonworks @smashingmag книгу о доступности кодирования.Всего две главы, но я уже переосмыслил свой подход ». — Джей Беллью
«Я сейчас читаю это. Замечательная книга. Все аргументы хорошо обоснованы и применимы ». _— François Cardinaux_
«Я уже использовал его на работе!» _— Tracy MacMath_
Часто задаваемые вопросы
Если у вас есть какие-либо вопросы, мы готовы ответить на них. Мы будем рады помочь вам чем-либо или просто выслушать вашу историю.Не стесняйтесь задавать вопросы через Twitter @smashingmag — мы сразу же свяжемся с вами. На всякий случай: вот ответы на некоторые часто задаваемые вопросы.

Вопрос Подробная информация
Стоимость доставки для моей страны?
Там нет стоимости доставки для The Sketch Handbook или любого другого заказа с общей стоимостью выше 20 долларов — где бы вы ни находились! Мы отправляем по всему миру авиапочтой.
Мы сами оплачиваем часть стоимости доставки, чтобы любой желающий мог приобрести книгу. Наши цены прозрачны: у нас нет скрытых затрат, и мы не запутаем вас хитрыми расчетами. Вы платите только за то, что видите. Также проверьте примерные сроки доставки.
Сроки доставки в мою страну?
Все книги будут отправлены авиапочтой, чтобы сократить сроки доставки. Вы можете найти ожидаемое время доставки для вашей страны в обзоре сроков доставки.
Доступна ли книга в виде электронной книги?
Да, конечно! Книга доступна в форматах PDF, ePUB и Amazon Kindle. Вы можете получить электронную книгу прямо сейчас!
Какие способы оплаты принимаются?
Мы принимаем PayPal, VISA, MasterCard и American Express. Конечно, мы используем безопасное соединение с 256-битным шифрованием AES и зеленый сертификат ЦС SSL с расширенной проверкой GeoTrust.И нет, мы не храним данные вашей кредитной карты на наших серверах.
Есть ли гарантия возврата денег?
Да, конечно! Никакого риска. Наша 100-дневная гарантия полного возврата денег обеспечит вашу безопасность. Не стесняйтесь вернуть свою покупку. Вы вернете свои деньги без всяких «если», «а» и «но»!
У меня вопрос, который здесь не рассматривается.
Пожалуйста, оставьте комментарий ниже или свяжитесь с нами через контактную форму или через @SmashingSupport в Twitter.Мы будем рады помочь вам любым возможным способом — вы это знаете!
Smashing Book # 5: Реальный адаптивный веб-дизайн
В наши дни адаптивный дизайн используется по умолчанию, но мы все еще пытаемся найти правильный процесс и методы для улучшения создания адаптивных веб-сайтов. Вот почему мы создали новую книгу — собрать практические методы и стратегии людей, которые научились делать вещи правильно в реальных проектах с реальными проблемами реального мира.
$ 39
Получите книгу
Великолепная печатная обложка в твердом переплете.
Бесплатная доставка по всему миру. На планете Земля.
Книга, аккуратно упакованная в великолепный твердый переплет, содержит практические приемы и шаблоны интерфейса от уважаемых дизайнеров и разработчиков. Книга не касается тенденций или краткосрочных обходных путей — она должна выдержать испытание временем и, как таковая, сосредоточена на реальных методах, используемых сегодня в реальных проектах. Техники, которые вы могли бы применить к своим веб-сайтам сегодня.
О книге
Smashing Book 5: Реальный адаптивный веб-дизайн — это наша новая книга, которая готовится к выпуску с использованием умных интерфейсных методов и шаблонов проектирования, созданных на основе реальных адаптивных проектов. 13 глав, посвященных адаптивному рабочему процессу, SVG, Flexbox, веб-шрифтам, адаптивным изображениям, отзывчивой электронной почте, контентной стратегии, отладке, производительности и работе в автономном режиме, — это именно та книга, которая вам нужна, чтобы справиться со всеми сложными аспектами и препятствиями адаптивного дизайна .
Иллюстрации внутри книги были созданы Гийомом Куркджяном, а дизайн обложки — Джессикой Хиш. (Просмотр большой версии)
И снова книга будет довольно толстой, и будут доступны как издание в твердом переплете , так и цифровое издание (электронная книга в PDF, ePUB и Kindle). Так что, если вы хотите заполучить книгу, не ждите слишком долго. Мы знаем это — вы полюбите книгу так же сильно, как и мы. Бесплатная доставка по всему миру .
Содержание
Мы пригласили уважаемых дизайнеров и разработчиков, которые кое-что знают об адаптивных веб-сайтах.Главы также были проверены активными членами сообщества, такими как Джейк Арчибальд, Дмитрий Барановский — и это лишь некоторые из них.

АВТОР ГЛАВА ДЕТАЛИ
Виталий Фридман Предисловие
Резюме • Как дизайнеры и разработчики, мы решаем проблемы, чтобы заработать себе на жизнь. Тем не менее, эти проблемы часто бывают довольно хитрыми и сложными, и контекст этих проблем требует от нас творческого подхода и гибкости в наших рабочих процессах.Благодаря адаптивному дизайну нам предлагается создавать масштабируемые системы проектирования, которые хорошо работают в непредсказуемых средах. Для этого нам нужно быть прагматичными и находить решения, которые хорошо работают в рамках заданных ограничений. Вот почему мы создали эту книгу: чтобы найти методы, которые действительно работают в реальных проектах с задачами реального мира .
Ключевые слова • системы проектирования • масштабируемость • пуленепробиваемые решения • интерфейсные методы • реальные проблемы
Daniel Mall Рабочий процесс адаптивного дизайнера
Резюме • На практике адаптивные проекты обычно требуют больше времени, больше навыков, больше тестов и, следовательно, больше гибкости в бюджетах.Добавление изменений с опозданием сильно задерживает проекты, а процесс с участием дизайнеров, разработчиков и клиентов обычно утомляет, мягко говоря.
В этой главе Дэниел делится своими мыслями о своем рабочем процессе адаптивного дизайна из таких проектов, как TechCrunch , Entertainment Weekly и Radio Liberty , с методами и стратегиями, которые помогают ему делать дела хорошо, в рамках бюджета и на условиях. время (большую часть времени), достигая при этом высочайшего уровня точности в кратчайшие сроки.
Ключевые слова • отзывчивый рабочий процесс • коллаж элементов • плитки стиля • инструменты • результаты • бюджет производительности • инвентаризация интерфейса • эскиз • планирование • манифесты • гипотеза • атомарный дизайн • проектирование в браузере • Photoshop
Виталий Фридман Шаблоны и компоненты адаптивного дизайна
Резюме • Итак, как нам работать со сложными таблицами при создании адаптивных веб-сайтов? А как насчет расширенных компонентов интерфейса? Панели мониторинга? А как насчет поведения веб-форм, навигации, мега-выпадающих меню, фильтров? Можем ли мы использовать вертикальные медиа-запросы и изменение портретной / альбомной ориентации? В этой главе Виталий представит обзор умных практических приемов улучшения UX адаптивных сайтов с инновационными подходами к разработке «адаптивных модулей», таких как мегабрассы, таблицы, календари, аккордеоны, карты, слайдеры, адаптивный PDF-файл и адаптивный иконография — и еще несколько анти-паттернов, которых следует избегать.
Ключевые слова • шаблоны проектирования • навигация • интеллектуальные методы внешнего интерфейса • приоритет + шаблон • улучшенная работа вне холста • отложенная загрузка • автозаполнение • фильтры • отзывчивый PDF-файл • портретный / альбомный режим • ползунки • селектор страны • адаптивная иконография.
Eileen Webb Структурированный контент для RWD
Резюме • Контент, созданный одним отделом, никогда не обновляется другим. Сервисы переименовываются в навигации, но по-прежнему упоминаются старым именем в основном тексте.Важная информация похоронена в мутной глубине цветочной прозы.
Знакомо? Многие проблемы в адаптивных проектах связаны не с технологиями, а с контентом: он либо плохо отформатирован, либо приоритеты теряются в зависимости от разрешения экрана. Давай исправим. В этой главе Эйлин показывает, как структурированный контент может помочь переориентировать внимание на то, что имеет значение , и как мы, как дизайнеры, можем разумно использовать структуру, чтобы предоставлять пользователям информацию, которая им нужна, когда они в ней нуждаются.
Ключевые слова • структурированный контент • согласованность контента • модели контента • структурный аудит • редакционный контент • типы контента • отношения контента • пробелы, связанные с данными • пробелы, связанные с функциями • авторы и редакторы • CMS • обслуживание содержания
Сара Soueidan Освоение SVG для RWD и за его пределами
Резюме • В этой главе изложено все, что вам нужно знать, чтобы начать проектировать и создавать гибкие компоненты и визуальные ресурсы с SVG.Сара проведет вас через синтаксис SVG, доступность SVG, область просмотра SVG и viewBox, создание и экспорт SVG, встраивание SVG, построение спрайтов SVG, создание систем значков SVG, использование URI данных SVG, оптимизацию SVG для повышения производительности, условную обработку SVG, хитрые приемы и приемы SVG и создание кроссбраузерности SVG с помощью CSS. Да, все, что вам нужно знать о SVG, как и было обещано.
Ключевые слова • SVG • синтаксис • доступность • область просмотра • viewBox • экспорт • встраивание • спрайты • системы значков • URI данных • производительность • интеллектуальные методы SVG • адаптивная иконография • кроссбраузерные резервные вариантыGillenwater
Создание адаптивных компонентов с помощью Flexbox
Резюме • Теперь мы можем использовать Flexbox. Фактически, Flexbox решает множество недостатков CSS и значительно упрощает создание адаптивных макетов, чем с помощью float или позиционирования. Это дает вам больше контроля над тем, что вам нужно в адаптивном макете (например, порядок, выравнивание и пропорциональные размеры ваших блоков), и позволяет браузеру решать остальное; математические вещи, в которых компьютеры хороши, например, точные размеры, которые необходимы на коробках, чтобы идеально заполнить доступное пространство.
Зои делится мыслями о своей работе на Booking.com , демонстрируя практических приемов на основе Flexbox, которые значительно упрощают создание и поддержку адаптивных сайтов — даже без медиа-запросов.
Ключевые слова • варианты синтаксиса • контейнер flex • ориентация • упаковка • блоки размеров • свойство гибкости • формы с Flexbox • расширенное выравнивание • волшебные поля • переупорядочивание блоков • порядок Свойство • Flexbox как прогрессивное улучшение
Bram Stein Производительность веб-шрифтов
Резюме • По умолчанию веб-шрифты блокируют рендеринг, скрывая содержимое от пользователя.Единственный способ сделать контент доступным как можно скорее — это рассматривать веб-шрифты как прогрессивное улучшение . Это не означает, что производительность веб-шрифтов не является проблемой. Вам по-прежнему необходимо загружать веб-шрифты как можно быстрее, чтобы пользователи воспринимали ваш сайт именно так, как вы его спроектировали и создали. Давайте исправим это.
В этой главе Брэм делится идеями, которые он узнал во время работы в Typekit , включая веб-шрифты и форматы, загрузку шрифтов и рендеринг шрифтов, API загрузки шрифтов CSS, резервные шрифты, кэширование, сжатие, встраивание, подмножество и загрузку шрифтов. стратегии.
Ключевые слова • форматы шрифтов • загрузка шрифтов • рендеринг шрифтов • FOIT и FOUT • API загрузки шрифтов • резервные шрифты • встраивание шрифтов • имитация подкачки • обещания • асинхронная загрузка и кэширование • приоритетная загрузка
Yoav Weiss Использование адаптивных изображений, сегодня
Резюме • Итак, вы хотите отображать разные изображения на разных экранах. Возможно, изображение Retina (только) для экранов Retina, или художественное изображение для маленьких экранов, или портретное изображение для портретной ориентации, или, возможно,.webp в браузеры, поддерживающие этот формат, — без снижения производительности. Поскольку изображения являются самыми тяжелыми активами в Интернете, разумное обращение с ними — это и наша ответственность, и возможность создания более динамичных макетов. Вот для чего нужны нативные адаптивные изображения.
В этой главе Йоав обсуждает различные варианты использования адаптивных изображений и то, как мы можем сегодня использовать собственное решение для создания эффективных адаптивных веб-сайтов. Мы также рассмотрим способы, как упростить развертывание и поддержку этих решений в реальных проектах с помощью плагинов Picturefill и CMS для Drupal и WordPress.
Ключевые слова • CSS-пиксель и DPR • дисплеи Retina • изображения с фиксированной шириной • изображения с переменной шириной • набор и размеры • художественное оформление • элемент • разделение проблем • резервный формат изображения • доступность • фоновые изображения • оптимизация изображения • WebP и JPEG-XR • сжатые изображения • развертывание • распространенные ошибки
Фабио Карнейро Темная сторона ответного электронного письма в формате HTML
Резюме • Объяснение адаптивного электронного письма в формате HTML — всегда непростая задача, потому что почти каждый дизайнер и разработчик ненавидит это.Но в мире дизайна электронной почты происходит много замечательных и перспективных инноваций. Фактически, сочетание приемов адаптивного дизайна абсолютно возможно.
В этой главе Фабио, технический специалист по электронной почте из Mailchimp , исследует, чего можно достичь с помощью мультимедийных запросов в адаптивном HTML-письме , чтобы ваши электронные письма отлично смотрелись в основных почтовых клиентах на разных устройствах и выглядели ровно. лучше в клиентах, которые не поддерживают медиа-запросы (например, Gmail ).
Ключевые слова • ландшафт электронной почты • CSS в электронной почте • доля рынка • кнопки навигации и CTA • базовая разметка • сброс и специфичный для клиента CSS • гибкие контейнеры • разработка на основе шаблонов • методы макета • Microsoft Outlook • Windows Live Mail • Apple Mail • Mozilla Thunderbird • Outlook.com • Yahoo! Почта • AOL • Почта iOS • Gmail
Tom Maslen Тестирование, обслуживание и отладка RWD
Резюме • Мы много говорим о разработке и создании адаптивных веб-сайтов, но не столько о поддержке и тестируем их.Рассказывая о своем опыте работы в BBC , Том создал способ работы, который минимизирует проблемы , которые есть у адаптивного веб-дизайна.
В этой главе показано, как создать ориентированный на будущее CSS, который будет масштабироваться для поддержки больших адаптивных веб-сайтов; заставить вас серьезно относиться к тестированию, но не усложнять рабочий процесс; и, наконец, как правильно расставить приоритеты и отладить общие проблемы (макет, изображения, сложные компоненты пользовательского интерфейса, такие как таблицы) на всех типах устройств и браузеров.
Ключевые слова • «резка горчицы» • предсказуемый, простой CSS • соглашения об именах • БЭМ и имена классов • организация Sass • отладка медиа-запросов • ленивая загрузка • медиа-запросы с выводом содержимого • разделение проблем • исследовательское тестирование • функциональное тестирование • визуальное регрессионное тестирование • автоматическое тестирование • работа с ложными срабатываниями • общие зависимости • устранение ошибок на мобильных устройствах
Эндрю Кларк Подсчет звезд: творчество превыше предсказуемости в RWD
Резюме • Нашему отзывчивому дизайну не хватает души .Вы можете подумать о многих веб-сайтах, которые хорошо представлены, просты в использовании, демонстрируют триумф UX и технически компетентны, но немногие из них могут быть запомнены на долгие годы. Как вы думаете, почему это так? Почему так мало запоминающихся сайтов? Могли ли процессы проектирования, на которые мы привыкли полагаться, особенно в отношении адаптивного дизайна, препятствовать нашему творчеству? Наши современные журналы по веб-дизайну полны советов о процессах, методах и инструментах, но мало о творчестве, человечестве или идеях.
В этой главе Эндрю более подробно рассматривает, как объединить креативность с предсказуемыми системами дизайна для создания непредсказуемых, динамичных и запоминающихся отзывчивых веб-сайтов — с фреймворком и мышлением, которые заставят вас по-другому думать о создании веб-сайтов сегодня. .
Ключевые слова • реклама • дизайн пользовательского опыта • креативные шутки • аллергия на исследования • процесс и предсказуемость • строительные блоки творчества • опьянение процессом • платформа для творчества • творческий бриф • граница между контролем и хаосом • покупка креативности • копирайтинг • творческие команды • творческое направление
Джон Оллсопп, Мэтт Гонт Beyond Responsive: Оптимизация для автономного режима
Резюме • Что если бы мы сказали вам, что как пользователь, вам не нужно быть в сети, использовать Интернет, и веб-сайт или веб-приложение отреагируют на это соответствующим образом? Подумайте в первую очередь оффлайн: «Мы не можем продолжать создавать приложения с настольным мышлением о постоянном быстром подключении, когда временное отключение или медленное обслуживание рассматриваются как проблема и сообщаются как ошибка.» Джон и Мэтт рассказывают об основных технологиях и методах работы, которые вам нужно будет использовать, чтобы ваши приложения работали как в автономном режиме, так и в Интернете. Мы обсудим, как определить, находимся мы в сети или нет, кэш приложений HTML5, веб-хранилище и автономные события, но, что наиболее важно, Service Workers и как мы можем использовать их сегодня, чтобы не только сделать контент доступным в автономном режиме, но и значительно повысить производительность. и создавать мгновенные и быстрые впечатления (почти) в кратчайшие сроки.
Ключевые слова • навигатор.onLine • интерактивные и автономные события • Кэш приложений HTML5 • манифест кеша • резервные варианты • Проблемы с кешем приложений • Веб-хранилище • localStorage • Сервисные работники
Бен Каллахан Эффективный процесс реагирования с клиентами
Резюме • Результат проектирования — это одно, а эффективное сотрудничество между командами и заинтересованными сторонами — совсем другое дело. В этой главе представлены стратегии, позволяющие поддерживать разумное и целенаправленное сотрудничество.
Вы узнаете, как создать хорошую и эффективную команду, как установить хорошие цены / оценки времени для отзывчивых проектов, как установить приоритеты с помощью руководств по приоритетам контента и как уйти от линейной передачи обслуживания многопрофильным командам. Подробная глава о том, как работать с клиентами надлежащим образом.
Ключевые слова • сотрудничество • оценки • спиральное развитие • рабочий процесс «один результат» • эффективность • руководство по приоритетам контента • сравнение стилей • совокупное тестирование • прототип контента • каркасы • прототипы стилей • библиотеки шаблонов • счастливые команды
Виталий Friedman Дорожная карта по оптимизации производительности
Резюме • Если кто-то говорит вам, что адаптивные веб-сайты раздуты, тяжелы и медленны по умолчанию и что очень сложно сделать их быстрыми, не верьте им — они лжецы .Если вы правильно расставите приоритеты и создадите веб-сайт с учетом прогрессивного улучшения, вы сможете создать чрезвычайно быстрых отзывчивых веб-сайтов , которые хорошо работают на всех устройствах: с одной базой кода, работающей везде.
В этой главе вы с искренним уважением поделитесь тем, что мы узнали за последний год о проблемах производительности этого самого веб-сайта и о работе, которую мы проделали собственными силами в больших и малых компаниях. Если вы хотите создать быстро реагирующий веб-сайт, вы можете найти несколько интересных самородков, которые стоит рассмотреть.
Ключевые слова • сначала мобильные устройства • зависимость от jQuery • работа с IE8 • реклама • рефакторинг • инвентаризация кода • оптимизация внешнего интерфейса • бюджет производительности • SpeedIndex • откладывание веб-шрифтов • критический CSS • интеллектуальный резервный шрифт • работа с JavaScript • асинхронная загрузка • SPDY / HTTP 2.0 • основные списки приоритетов содержимого / функциональности • адаптивные изображения
Обратите внимание, что глава Бена Каллахана и глава Виталия Фридмана «Дорожная карта по оптимизации производительности» включены только в электронную версию Smashing Book 5, а не в твердом переплете. .
Технические характеристики
584 страницы, 16,5 × 24,0 см (6,5 × 9,5 дюйма),
Качественная твердая обложка с прошитым переплетом и ленточным маркером страницы,
Электронная книга содержит PDF, EPUB и Kindle.
Бесплатная доставка авиапочтой из Германии по всему миру.
Доступен в виде печатной или электронной книги.
$ 39
Получить книгу
Печатная, великолепная обложка в твердом переплете.
Бесплатная доставка авиапочтой по всему миру.
19.90
Электронная книга
PDF, ePUB, Amazon Kindle.
Цифровая адаптация
Нет ничего более разочаровывающего, чем упорное руководство , запутанное в устаревших рабочих процессах и неэффективных процессах. Вот почему мы создали Digital Adaptation , новую практическую книгу о том, как помочь высшему руководству понять Интернет и соответствующим образом адаптировать бизнес, культуру, структуру команды и рабочие процессы. Никакой ерунды, никакой теории — только техники и стратегии, которые сработали на практике и дали результаты.
Книга поможет традиционным предприятиям и организациям преодолеть свое наследие и поможет вам посеять семена перемен, приложив очень мало усилий. Если вы с по хотите, наконец, увидеть происходящие изменения, это книга, которую стоит взять.
Автор Пол Боаг. Дизайн и иллюстрация Верле Питерс. 176 страниц. Книги уже отправлены. Получите книгу прямо сейчас.
Загляните внутрь книги. Большой вид.
Почему эта книга для вас
Если у вас достаточно коллег, не понимающих Интернет, Digital Adaptation — это именно то, что вам нужно — идеи и концепции, которые вы можете представить высшему руководству, чтобы они стали реальностью изменения.Вы научитесь:
Преодолеть бюрократию и преодолеть устаревшую культуру,
Разработать гибкую и эффективную цифровую стратегию ,
Использовать матрицу ответственности для минимизации задержек и затрат,
Принять цифровую культуру и стать цифровым по умолчанию
Применяйте методы средних и крупных организаций,
Избегайте токсичных практик и улучшайте внутренние процессы,
Организуйте команды и повышайте их эффективность ,
Используйте социальные сети и используйте их эффективно,
Поймите ценность цифровой команды и инвестируйте в них,
Разрушьте стены и укрепите сотрудничество, владение и инновации.
Загляните внутрь книги. Большой вид.Одна из многих иллюстраций книги Верле Питерс.
$ 9,90
Электронная книга
PDF, ePUB, Amazon Kindle.
Оглавление

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

ГЛАВА НАЗВАНИЕ ДЕТАЛИ
Предисловие
Глава 1 Цифровой разрыв
Резюме • Основная проблема цифровых технологий, с которой сталкиваются многие крупные организации, заключается в том, что они были созданы до того, как Интернет, как мы знаем, существовал сегодня.Их системы, процессы и (во многих случаях) люди не настроены на его поддержку. В этой главе Пол обсуждает предупреждающие признаки цифровой несовместимости в вашей компании, организационные и культурные барьеры и изменения, которые принесла новая цифровая среда. Это глава о том, как большинство организаций борются со своей цифровой стратегией, и о том, что вам нужно знать, чтобы избежать проблем в долгосрочной перспективе.
Ключевые слова • до-веб-организации • унаследованные системы • цифровая несовместимость • структура • фрагментированное присутствие в сети • культура • потребности клиентов • меняющийся цифровой ландшафт • цифровая стратегия.
Глава 2 Установка вашего цифрового направления
Резюме • Как сказал Ричард Рамелт, «хорошая стратегия работает, если сосредоточить энергию и ресурсы на одной или нескольких основных задачах, выполнение которых приведет к каскад благоприятных исходов «. В этой главе вы узнаете, как выбрать правильное цифровое направление и как справиться с параличом приоритизации. Опираясь на тематические исследования и примеры из реальной жизни, вы также узнаете, как формировать цифровую стратегию и как использовать руководящие принципы, цифровую политику и матрицу ответственности в дополнение к стратегии.В главе также объясняется, как реорганизация команд и процессов поможет справиться с устаревшими, неэффективными структурными подразделениями.
Ключевые слова • бизнес-цели • цифровая команда • определение приоритетов • диагностика проблем • руководящие принципы • управляющие веб-комитеты • матрица распределения ответственности • цифровая политика • удаленная работа.
Глава 3 Принятие цифровой культуры
Резюме • Формирование цифровой стратегии — это одно, но для того, чтобы она работала, требуются изменения в цифровой культуре.В этой главе обсуждаются основные компоненты цифровой культуры, включая сотрудничество, гибкую разработку, цифровую среду по умолчанию, инновации и культуру, ориентированную на услуги. Интернет нельзя четко отделить от остальной части организации; что необходимо, так это единая организационная стратегия, на которую сильно влияет онлайн. В этой главе объясняется, как такая стратегия может быть реализована на практике.
Ключевые слова • Редизайн Gov.uk • цифровой по умолчанию • аспекты цифрового • Основа бизнес-модели • инновации и неудачи • культура обслуживания • тестирование пользователей • взаимодействие с клиентами.
Глава 4 Цифровые команды: агенты перемен
Резюме • Существуют различные способы организации цифровых команд, но некоторые подходы более эффективны, чем другие. В этой главе обсуждается, как создать эффективную команду и какую роль она должна играть, а также как найти хорошего цифрового лидера, а также привлечь и удержать соответствующий цифровой персонал. Иногда цифровая команда может ощущать себя мячом для пинг-понга, который рикошетом летит по всей организации — вы никогда не знаете точно, где он окажется.В этой главе объясняется место, должность и рабочая среда эффективной цифровой команды.
Ключевые слова • структура команды • роли и обязанности • цифровые лидеры • привлечение хороших сотрудников • легкое руководство • рабочая среда • навыки, а не роли • наем цифровых работников.
Глава 5 Цифровые технологии требуют другого способа работы
Резюме • Нет недостатка в крупных цифровых сбоях, от веб-сайта Олимпийских игр в Лондоне до здравоохранения.gov веб-сайт. Затраты огромны, а последствия разрушительны. Чем сложнее и амбициознее цифровой проект, тем труднее будет масштабироваться более традиционные подходы к управлению. В этой главе исследуется, почему цифровые проекты терпят неудачу и как вы можете минимизировать риск этого, определяя и приоритизируя потребности пользователей и вовлекая в обсуждение всю цифровую команду. Конечно, это лучше всего работает в итеративном и коллективном контексте, в котором неудачи, создание прототипов и эксперименты глубоко укоренились в цифровой культуре.
Ключевые слова • сбои • цикл подъема-спада • тестирование удобства использования • потребности пользователей • прототипирование • итеративный, инкрементный процесс.
Глава 6 Массовое изменение
Резюме • Любой может спровоцировать изменения. Как человек, работающий на низовом уровне над цифровой стратегией вашей организации, вы являетесь ключевым катализатором изменений. Эта работа начинается в вашей собственной команде. Вы можете посеять семена перемен, установив хорошие командные отношения и атмосферу, внедрив передовые методы работы, наведя мосты с коллегами и обучая их, стратегически подходя к менеджменту и проявляя подрывную деятельность.Если вы не примете меры по его изменению, никто другой это не сделает. Но если вы все же примете меры, у вас появится реальная возможность сделать вашу работу более приятной и оказать реальное влияние на вашу компанию.
Ключевые слова • существенное изменение • преобразование команды • менталитет военного времени • рабочая среда • методы работы • убедительное руководство • SWOT-анализ • нарушение.
Об авторе
Пол Боаг — настоящий персонаж. В журнале Smashing Magazine опубликовано более 35 статей, поэтому он не тот автор, который требует введения.Пол работает в Интернете с 1994 года. Он является веб-стратегом в Headscape Ltd, агентстве веб-дизайна, которое он соучредил еще в 2002 году. Пол также создает и ведет самый продолжительный подкаст веб-дизайна на boagworld.com. Он регулярно выступает на конференциях и является автором книги Client-Centric Web Design .
Технические характеристики
176 страниц, 16,5 × 24,0 см (6,5 × 9,5 дюйма).
Качественный переплет с прошитым переплетом и ленточным маркером.
eBook содержит PDF, EPUB и Kindle.
Бесплатная доставка авиапочтой из Германии по всему миру.
ISBN: 978-3-94454064-1.
Спасибо!
Мы гордимся временем и усилиями, которые мы вкладываем в создание наших Smashing Books. Мы искренне ценим вашу поддержку и доверие — без вас мы не смогли бы выпустить книги, и вы должны это знать.

Вопрос	Подробная информация
Стоимость доставки для моей страны?
Там нет стоимости доставки для The Sketch Handbook или любого другого заказа с общей стоимостью выше 20 долларов — где бы вы ни находились! Мы отправляем по всему миру авиапочтой. Мы сами оплачиваем часть стоимости доставки, чтобы любой желающий мог приобрести книгу. Наши цены прозрачны: у нас нет скрытых затрат, и мы не запутаем вас хитрыми расчетами. Вы платите только за то, что видите. Также проверьте примерные сроки доставки.
Сроки доставки в мою страну?
Все книги будут отправлены авиапочтой, чтобы сократить сроки доставки. Вы можете найти ожидаемое время доставки для вашей страны в обзоре сроков доставки.
Доступна ли книга в виде электронной книги?
Да, конечно! Книга доступна в форматах PDF, ePUB и Amazon Kindle. Вы можете получить электронную книгу прямо сейчас!
Какие способы оплаты принимаются?
Мы принимаем PayPal, VISA, MasterCard и American Express. Конечно, мы используем безопасное соединение с 256-битным шифрованием AES и зеленый сертификат ЦС SSL с расширенной проверкой GeoTrust.И нет, мы не храним данные вашей кредитной карты на наших серверах.
Есть ли гарантия возврата денег?
Да, конечно! Никакого риска. Наша 100-дневная гарантия полного возврата денег обеспечит вашу безопасность. Не стесняйтесь вернуть свою покупку. Вы вернете свои деньги без всяких «если», «а» и «но»!
У меня вопрос, который здесь не рассматривается.
Пожалуйста, оставьте комментарий ниже или свяжитесь с нами через контактную форму или через @SmashingSupport в Twitter.Мы будем рады помочь вам любым возможным способом — вы это знаете!

АВТОР	ГЛАВА	ДЕТАЛИ
Виталий Фридман	Предисловие
Резюме • Как дизайнеры и разработчики, мы решаем проблемы, чтобы заработать себе на жизнь. Тем не менее, эти проблемы часто бывают довольно хитрыми и сложными, и контекст этих проблем требует от нас творческого подхода и гибкости в наших рабочих процессах.Благодаря адаптивному дизайну нам предлагается создавать масштабируемые системы проектирования, которые хорошо работают в непредсказуемых средах. Для этого нам нужно быть прагматичными и находить решения, которые хорошо работают в рамках заданных ограничений. Вот почему мы создали эту книгу: чтобы найти методы, которые действительно работают в реальных проектах с задачами реального мира . Ключевые слова • системы проектирования • масштабируемость • пуленепробиваемые решения • интерфейсные методы • реальные проблемы
Daniel Mall	Рабочий процесс адаптивного дизайнера
Резюме • На практике адаптивные проекты обычно требуют больше времени, больше навыков, больше тестов и, следовательно, больше гибкости в бюджетах.Добавление изменений с опозданием сильно задерживает проекты, а процесс с участием дизайнеров, разработчиков и клиентов обычно утомляет, мягко говоря. В этой главе Дэниел делится своими мыслями о своем рабочем процессе адаптивного дизайна из таких проектов, как TechCrunch , Entertainment Weekly и Radio Liberty , с методами и стратегиями, которые помогают ему делать дела хорошо, в рамках бюджета и на условиях. время (большую часть времени), достигая при этом высочайшего уровня точности в кратчайшие сроки. Ключевые слова • отзывчивый рабочий процесс • коллаж элементов • плитки стиля • инструменты • результаты • бюджет производительности • инвентаризация интерфейса • эскиз • планирование • манифесты • гипотеза • атомарный дизайн • проектирование в браузере • Photoshop
Виталий Фридман	Шаблоны и компоненты адаптивного дизайна
Резюме • Итак, как нам работать со сложными таблицами при создании адаптивных веб-сайтов? А как насчет расширенных компонентов интерфейса? Панели мониторинга? А как насчет поведения веб-форм, навигации, мега-выпадающих меню, фильтров? Можем ли мы использовать вертикальные медиа-запросы и изменение портретной / альбомной ориентации? В этой главе Виталий представит обзор умных практических приемов улучшения UX адаптивных сайтов с инновационными подходами к разработке «адаптивных модулей», таких как мегабрассы, таблицы, календари, аккордеоны, карты, слайдеры, адаптивный PDF-файл и адаптивный иконография — и еще несколько анти-паттернов, которых следует избегать. Ключевые слова • шаблоны проектирования • навигация • интеллектуальные методы внешнего интерфейса • приоритет + шаблон • улучшенная работа вне холста • отложенная загрузка • автозаполнение • фильтры • отзывчивый PDF-файл • портретный / альбомный режим • ползунки • селектор страны • адаптивная иконография.
Eileen Webb	Структурированный контент для RWD
Резюме • Контент, созданный одним отделом, никогда не обновляется другим. Сервисы переименовываются в навигации, но по-прежнему упоминаются старым именем в основном тексте.Важная информация похоронена в мутной глубине цветочной прозы. Знакомо? Многие проблемы в адаптивных проектах связаны не с технологиями, а с контентом: он либо плохо отформатирован, либо приоритеты теряются в зависимости от разрешения экрана. Давай исправим. В этой главе Эйлин показывает, как структурированный контент может помочь переориентировать внимание на то, что имеет значение , и как мы, как дизайнеры, можем разумно использовать структуру, чтобы предоставлять пользователям информацию, которая им нужна, когда они в ней нуждаются. Ключевые слова • структурированный контент • согласованность контента • модели контента • структурный аудит • редакционный контент • типы контента • отношения контента • пробелы, связанные с данными • пробелы, связанные с функциями • авторы и редакторы • CMS • обслуживание содержания
Сара Soueidan	Освоение SVG для RWD и за его пределами
Резюме • В этой главе изложено все, что вам нужно знать, чтобы начать проектировать и создавать гибкие компоненты и визуальные ресурсы с SVG.Сара проведет вас через синтаксис SVG, доступность SVG, область просмотра SVG и viewBox, создание и экспорт SVG, встраивание SVG, построение спрайтов SVG, создание систем значков SVG, использование URI данных SVG, оптимизацию SVG для повышения производительности, условную обработку SVG, хитрые приемы и приемы SVG и создание кроссбраузерности SVG с помощью CSS. Да, все, что вам нужно знать о SVG, как и было обещано. Ключевые слова • SVG • синтаксис • доступность • область просмотра • viewBox • экспорт • встраивание • спрайты • системы значков • URI данных • производительность • интеллектуальные методы SVG • адаптивная иконография • кроссбраузерные резервные вариантыGillenwater	Создание адаптивных компонентов с помощью Flexbox
Резюме • Теперь мы можем использовать Flexbox. Фактически, Flexbox решает множество недостатков CSS и значительно упрощает создание адаптивных макетов, чем с помощью float или позиционирования. Это дает вам больше контроля над тем, что вам нужно в адаптивном макете (например, порядок, выравнивание и пропорциональные размеры ваших блоков), и позволяет браузеру решать остальное; математические вещи, в которых компьютеры хороши, например, точные размеры, которые необходимы на коробках, чтобы идеально заполнить доступное пространство. Зои делится мыслями о своей работе на Booking.com , демонстрируя практических приемов на основе Flexbox, которые значительно упрощают создание и поддержку адаптивных сайтов — даже без медиа-запросов. Ключевые слова • варианты синтаксиса • контейнер `flex` • ориентация • упаковка • блоки размеров • свойство гибкости • формы с Flexbox • расширенное выравнивание • волшебные поля • переупорядочивание блоков • `порядок Свойство` • Flexbox как прогрессивное улучшение
Bram Stein	Производительность веб-шрифтов
Резюме • По умолчанию веб-шрифты блокируют рендеринг, скрывая содержимое от пользователя.Единственный способ сделать контент доступным как можно скорее — это рассматривать веб-шрифты как прогрессивное улучшение . Это не означает, что производительность веб-шрифтов не является проблемой. Вам по-прежнему необходимо загружать веб-шрифты как можно быстрее, чтобы пользователи воспринимали ваш сайт именно так, как вы его спроектировали и создали. Давайте исправим это. В этой главе Брэм делится идеями, которые он узнал во время работы в Typekit , включая веб-шрифты и форматы, загрузку шрифтов и рендеринг шрифтов, API загрузки шрифтов CSS, резервные шрифты, кэширование, сжатие, встраивание, подмножество и загрузку шрифтов. стратегии. Ключевые слова • форматы шрифтов • загрузка шрифтов • рендеринг шрифтов • FOIT и FOUT • API загрузки шрифтов • резервные шрифты • встраивание шрифтов • имитация подкачки • обещания • асинхронная загрузка и кэширование • приоритетная загрузка
Yoav Weiss	Использование адаптивных изображений, сегодня
Резюме • Итак, вы хотите отображать разные изображения на разных экранах. Возможно, изображение Retina (только) для экранов Retina, или художественное изображение для маленьких экранов, или портретное изображение для портретной ориентации, или, возможно,.webp в браузеры, поддерживающие этот формат, — без снижения производительности. Поскольку изображения являются самыми тяжелыми активами в Интернете, разумное обращение с ними — это и наша ответственность, и возможность создания более динамичных макетов. Вот для чего нужны нативные адаптивные изображения. В этой главе Йоав обсуждает различные варианты использования адаптивных изображений и то, как мы можем сегодня использовать собственное решение для создания эффективных адаптивных веб-сайтов. Мы также рассмотрим способы, как упростить развертывание и поддержку этих решений в реальных проектах с помощью плагинов Picturefill и CMS для Drupal и WordPress. Ключевые слова • CSS-пиксель и DPR • дисплеи Retina • изображения с фиксированной шириной • изображения с переменной шириной • набор и размеры • художественное оформление • элемент • разделение проблем • резервный формат изображения • доступность • фоновые изображения • оптимизация изображения • WebP и JPEG-XR • сжатые изображения • развертывание • распространенные ошибки
Фабио Карнейро	Темная сторона ответного электронного письма в формате HTML
Резюме • Объяснение адаптивного электронного письма в формате HTML — всегда непростая задача, потому что почти каждый дизайнер и разработчик ненавидит это.Но в мире дизайна электронной почты происходит много замечательных и перспективных инноваций. Фактически, сочетание приемов адаптивного дизайна абсолютно возможно. В этой главе Фабио, технический специалист по электронной почте из Mailchimp , исследует, чего можно достичь с помощью мультимедийных запросов в адаптивном HTML-письме , чтобы ваши электронные письма отлично смотрелись в основных почтовых клиентах на разных устройствах и выглядели ровно. лучше в клиентах, которые не поддерживают медиа-запросы (например, Gmail ). Ключевые слова • ландшафт электронной почты • CSS в электронной почте • доля рынка • кнопки навигации и CTA • базовая разметка • сброс и специфичный для клиента CSS • гибкие контейнеры • разработка на основе шаблонов • методы макета • Microsoft Outlook • Windows Live Mail • Apple Mail • Mozilla Thunderbird • Outlook.com • Yahoo! Почта • AOL • Почта iOS • Gmail
Tom Maslen	Тестирование, обслуживание и отладка RWD
Резюме • Мы много говорим о разработке и создании адаптивных веб-сайтов, но не столько о поддержке и тестируем их.Рассказывая о своем опыте работы в BBC , Том создал способ работы, который минимизирует проблемы , которые есть у адаптивного веб-дизайна. В этой главе показано, как создать ориентированный на будущее CSS, который будет масштабироваться для поддержки больших адаптивных веб-сайтов; заставить вас серьезно относиться к тестированию, но не усложнять рабочий процесс; и, наконец, как правильно расставить приоритеты и отладить общие проблемы (макет, изображения, сложные компоненты пользовательского интерфейса, такие как таблицы) на всех типах устройств и браузеров. Ключевые слова • «резка горчицы» • предсказуемый, простой CSS • соглашения об именах • БЭМ и имена классов • организация Sass • отладка медиа-запросов • ленивая загрузка • медиа-запросы с выводом содержимого • разделение проблем • исследовательское тестирование • функциональное тестирование • визуальное регрессионное тестирование • автоматическое тестирование • работа с ложными срабатываниями • общие зависимости • устранение ошибок на мобильных устройствах
Эндрю Кларк	Подсчет звезд: творчество превыше предсказуемости в RWD
Резюме • Нашему отзывчивому дизайну не хватает души .Вы можете подумать о многих веб-сайтах, которые хорошо представлены, просты в использовании, демонстрируют триумф UX и технически компетентны, но немногие из них могут быть запомнены на долгие годы. Как вы думаете, почему это так? Почему так мало запоминающихся сайтов? Могли ли процессы проектирования, на которые мы привыкли полагаться, особенно в отношении адаптивного дизайна, препятствовать нашему творчеству? Наши современные журналы по веб-дизайну полны советов о процессах, методах и инструментах, но мало о творчестве, человечестве или идеях. В этой главе Эндрю более подробно рассматривает, как объединить креативность с предсказуемыми системами дизайна для создания непредсказуемых, динамичных и запоминающихся отзывчивых веб-сайтов — с фреймворком и мышлением, которые заставят вас по-другому думать о создании веб-сайтов сегодня. . Ключевые слова • реклама • дизайн пользовательского опыта • креативные шутки • аллергия на исследования • процесс и предсказуемость • строительные блоки творчества • опьянение процессом • платформа для творчества • творческий бриф • граница между контролем и хаосом • покупка креативности • копирайтинг • творческие команды • творческое направление
Джон Оллсопп, Мэтт Гонт	Beyond Responsive: Оптимизация для автономного режима
Резюме • Что если бы мы сказали вам, что как пользователь, вам не нужно быть в сети, использовать Интернет, и веб-сайт или веб-приложение отреагируют на это соответствующим образом? Подумайте в первую очередь оффлайн: «Мы не можем продолжать создавать приложения с настольным мышлением о постоянном быстром подключении, когда временное отключение или медленное обслуживание рассматриваются как проблема и сообщаются как ошибка.» Джон и Мэтт рассказывают об основных технологиях и методах работы, которые вам нужно будет использовать, чтобы ваши приложения работали как в автономном режиме, так и в Интернете. Мы обсудим, как определить, находимся мы в сети или нет, кэш приложений HTML5, веб-хранилище и автономные события, но, что наиболее важно, Service Workers и как мы можем использовать их сегодня, чтобы не только сделать контент доступным в автономном режиме, но и значительно повысить производительность. и создавать мгновенные и быстрые впечатления (почти) в кратчайшие сроки. Ключевые слова • навигатор.onLine • интерактивные и автономные события • Кэш приложений HTML5 • манифест кеша • резервные варианты • Проблемы с кешем приложений • Веб-хранилище • localStorage • Сервисные работники
Бен Каллахан	Эффективный процесс реагирования с клиентами
Резюме • Результат проектирования — это одно, а эффективное сотрудничество между командами и заинтересованными сторонами — совсем другое дело. В этой главе представлены стратегии, позволяющие поддерживать разумное и целенаправленное сотрудничество. Вы узнаете, как создать хорошую и эффективную команду, как установить хорошие цены / оценки времени для отзывчивых проектов, как установить приоритеты с помощью руководств по приоритетам контента и как уйти от линейной передачи обслуживания многопрофильным командам. Подробная глава о том, как работать с клиентами надлежащим образом. Ключевые слова • сотрудничество • оценки • спиральное развитие • рабочий процесс «один результат» • эффективность • руководство по приоритетам контента • сравнение стилей • совокупное тестирование • прототип контента • каркасы • прототипы стилей • библиотеки шаблонов • счастливые команды
Виталий Friedman	Дорожная карта по оптимизации производительности
Резюме • Если кто-то говорит вам, что адаптивные веб-сайты раздуты, тяжелы и медленны по умолчанию и что очень сложно сделать их быстрыми, не верьте им — они лжецы .Если вы правильно расставите приоритеты и создадите веб-сайт с учетом прогрессивного улучшения, вы сможете создать чрезвычайно быстрых отзывчивых веб-сайтов , которые хорошо работают на всех устройствах: с одной базой кода, работающей везде. В этой главе вы с искренним уважением поделитесь тем, что мы узнали за последний год о проблемах производительности этого самого веб-сайта и о работе, которую мы проделали собственными силами в больших и малых компаниях. Если вы хотите создать быстро реагирующий веб-сайт, вы можете найти несколько интересных самородков, которые стоит рассмотреть. Ключевые слова • сначала мобильные устройства • зависимость от jQuery • работа с IE8 • реклама • рефакторинг • инвентаризация кода • оптимизация внешнего интерфейса • бюджет производительности • SpeedIndex • откладывание веб-шрифтов • критический CSS • интеллектуальный резервный шрифт • работа с JavaScript • асинхронная загрузка • SPDY / HTTP 2.0 • основные списки приоритетов содержимого / функциональности • адаптивные изображения

Comments

Leave Comment

ГЛАВА	НАЗВАНИЕ	ДЕТАЛИ
Предисловие
Глава 1	Цифровой разрыв
Резюме • Основная проблема цифровых технологий, с которой сталкиваются многие крупные организации, заключается в том, что они были созданы до того, как Интернет, как мы знаем, существовал сегодня.Их системы, процессы и (во многих случаях) люди не настроены на его поддержку. В этой главе Пол обсуждает предупреждающие признаки цифровой несовместимости в вашей компании, организационные и культурные барьеры и изменения, которые принесла новая цифровая среда. Это глава о том, как большинство организаций борются со своей цифровой стратегией, и о том, что вам нужно знать, чтобы избежать проблем в долгосрочной перспективе. Ключевые слова • до-веб-организации • унаследованные системы • цифровая несовместимость • структура • фрагментированное присутствие в сети • культура • потребности клиентов • меняющийся цифровой ландшафт • цифровая стратегия.
Глава 2	Установка вашего цифрового направления
Резюме • Как сказал Ричард Рамелт, «хорошая стратегия работает, если сосредоточить энергию и ресурсы на одной или нескольких основных задачах, выполнение которых приведет к каскад благоприятных исходов «. В этой главе вы узнаете, как выбрать правильное цифровое направление и как справиться с параличом приоритизации. Опираясь на тематические исследования и примеры из реальной жизни, вы также узнаете, как формировать цифровую стратегию и как использовать руководящие принципы, цифровую политику и матрицу ответственности в дополнение к стратегии.В главе также объясняется, как реорганизация команд и процессов поможет справиться с устаревшими, неэффективными структурными подразделениями. Ключевые слова • бизнес-цели • цифровая команда • определение приоритетов • диагностика проблем • руководящие принципы • управляющие веб-комитеты • матрица распределения ответственности • цифровая политика • удаленная работа.
Глава 3	Принятие цифровой культуры
Резюме • Формирование цифровой стратегии — это одно, но для того, чтобы она работала, требуются изменения в цифровой культуре.В этой главе обсуждаются основные компоненты цифровой культуры, включая сотрудничество, гибкую разработку, цифровую среду по умолчанию, инновации и культуру, ориентированную на услуги. Интернет нельзя четко отделить от остальной части организации; что необходимо, так это единая организационная стратегия, на которую сильно влияет онлайн. В этой главе объясняется, как такая стратегия может быть реализована на практике. Ключевые слова • Редизайн Gov.uk • цифровой по умолчанию • аспекты цифрового • Основа бизнес-модели • инновации и неудачи • культура обслуживания • тестирование пользователей • взаимодействие с клиентами.
Глава 4	Цифровые команды: агенты перемен
Резюме • Существуют различные способы организации цифровых команд, но некоторые подходы более эффективны, чем другие. В этой главе обсуждается, как создать эффективную команду и какую роль она должна играть, а также как найти хорошего цифрового лидера, а также привлечь и удержать соответствующий цифровой персонал. Иногда цифровая команда может ощущать себя мячом для пинг-понга, который рикошетом летит по всей организации — вы никогда не знаете точно, где он окажется.В этой главе объясняется место, должность и рабочая среда эффективной цифровой команды. Ключевые слова • структура команды • роли и обязанности • цифровые лидеры • привлечение хороших сотрудников • легкое руководство • рабочая среда • навыки, а не роли • наем цифровых работников.
Глава 5	Цифровые технологии требуют другого способа работы
Резюме • Нет недостатка в крупных цифровых сбоях, от веб-сайта Олимпийских игр в Лондоне до здравоохранения.gov веб-сайт. Затраты огромны, а последствия разрушительны. Чем сложнее и амбициознее цифровой проект, тем труднее будет масштабироваться более традиционные подходы к управлению. В этой главе исследуется, почему цифровые проекты терпят неудачу и как вы можете минимизировать риск этого, определяя и приоритизируя потребности пользователей и вовлекая в обсуждение всю цифровую команду. Конечно, это лучше всего работает в итеративном и коллективном контексте, в котором неудачи, создание прототипов и эксперименты глубоко укоренились в цифровой культуре. Ключевые слова • сбои • цикл подъема-спада • тестирование удобства использования • потребности пользователей • прототипирование • итеративный, инкрементный процесс.
Глава 6	Массовое изменение
Резюме • Любой может спровоцировать изменения. Как человек, работающий на низовом уровне над цифровой стратегией вашей организации, вы являетесь ключевым катализатором изменений. Эта работа начинается в вашей собственной команде. Вы можете посеять семена перемен, установив хорошие командные отношения и атмосферу, внедрив передовые методы работы, наведя мосты с коллегами и обучая их, стратегически подходя к менеджменту и проявляя подрывную деятельность.Если вы не примете меры по его изменению, никто другой это не сделает. Но если вы все же примете меры, у вас появится реальная возможность сделать вашу работу более приятной и оказать реальное влияние на вашу компанию. Ключевые слова • существенное изменение • преобразование команды • менталитет военного времени • рабочая среда • методы работы • убедительное руководство • SWOT-анализ • нарушение.