- Артикул:00-01098224
- Автор: Стимак С.
- ISBN: 978-5-4461-2193-9
- Тираж: 1200 экз.
- Обложка: Мягкая обложка
- Издательство: Питер (все книги издательства)
- Город: Санкт-Петербург
- Страниц: 304
- Формат: 70х100/16(~168x240 мм)
- Год: 2024
- Вес: 763 г
- Серия: Библиотека программиста (все книги серии)
Развернуть ▼
Дизайнерские решения, принимаемые разработчиками, оказывают существенное влияние на восприятие сайта пользователями. Освоив язык дизайна, вы сможете принимать полноценное участие в создании оформления, сотрудничать с коллегами-дизайнерами и обосновывать выбор тех или иных подходов при создании приложений.
Книга раскрывает основные принципы дизайна и особенности пользовательского восприятия, которые должен знать каждый веб-разработчик. Читателю определенно понравится, как автор демонстрирует новые идеи на примерах популярных сайтов и пользовательских интерфейсов. Откройте методы исследования поведения юзеров и научитесь использовать цвет, типографику и верстку для создания удобных и привлекательных веб-интерфейсов. К концу книги вы поймете, что хорошее чувство дизайна действительно является ценным подспорьем для разработчика.
Содержание
Предисловие
Введение
Благодарности
О книге
Кому адресована эта книга
Структура издания
От издательства
Об авторе
Иллюстрация на обложке
Часть I. Основы дизайна
Глава 1. Преодоление разрыва между дизайном и разработкой
Почему разработчикам полезно знать основы дизайна и проектирования пользовательского опыта
Улучшение взаимодействия и коммуникации
Понимание причин, лежащих в основе дизайнерских решений
Написание лучшего кода благодаря пониманию основ визуального дизайна
Более качественный код (и дизайн) благодаря меньшей зависимости от сторонних фреймворков
Пользовательский опыт и разработка
Путь к пониманию лучшего дизайна и пользовательского опыта
Процесс разработки дизайна, рассматриваемый в книге
Профессиональные дизайнеры против умного дизайна
Объединяем все вместе
Резюме
Глава 2. Основные принципы дизайна
Принципы дизайна
Близость
Выравнивание
Повторение
Контраст
Баланс
Основы дизайна для проектирования пользовательского опыта и не только
Резюме
Часть II. Пользовательский опыт
Глава 3. Основы пользовательского опыта
Пользовательский опыт не ограничивается визуальным дизайном
Что такое пользовательский опыт
Роли специалистов в области UX-проектирования
Исследование пользователей
Проектирование пользовательского опыта
UX-писатели
Методологии проектирования пользовательского опыта
Дизайн, ориентированный на пользователя
Модель "двойного алмаза"
Углубленное изучение практик проектирования пользовательского опыта
Резюме
Глава 4. Исследование пользователей
Введение в исследования пользовательских потребностей
Исследование пользователей кажется дорогостоящим, однако неудача обходится еще дороже
Сбор исходных данных
Персоны пользователей
Потребности пользователей
Определение целей сайта: согласование пользовательских и бизнес-целей
Постановка SMART-целей
Стратегии проведения пользовательских исследований
Качественные и количественные исследования
Отношение и поведение пользователя
Методы исследования пользователей
Исследование как непрерывный процесс
Резюме
Глава 5. Проектирование пользовательского опыта
Информационная архитектура
Картирование сайта
Контент-анализ и аудит
Пользовательские сценарии и пути
Пути пользователей
Разработка дизайна сайта и приложения
Создание вайрфреймов
Дизайн пользовательского интерфейса и цветные макеты
Прототипирование
Резюме
Часть III. Элементы визуального дизайна
Глава 6. Создание макета и композиция
Создание структуры сайта
Использование сетки
Определение сетки
Размеры сетки
Выбор макета
Использование одноколоночных шаблонов
Распространенные многоколоночные шаблоны
Паттерны чтения
Использование пустого пространства
Соображения по поводу отзывчивого дизайна
Разработка дизайна для мобильных устройств
Разработка дизайна для многоэкранных и складных устройств
Резюме
Глава 7. Улучшение макета сайта с помощью анимации
7Зачем нужна анимация
Повышение удобства использования
Создание запоминающихся взаимодействий
Использование анимации в качестве украшения, вызывающего эмоциональный отклик
Когда стоит использовать анимацию
Предоставление подсказок для навигации по сайту
Предоставление пользователям обратной связи при их взаимодействии с элементами пользовательского интерфейса
Навигация и переходы между страницами
Указание статуса выполняемой задачи
Думайте на перспективу
Планирование анимаций
Создание раскадровки
Технические аспекты анимации
Соображения по поводу производительности
Соображения по поводу доступности
Резюме
Глава 8. Использование типографики на веб-сайте
Основы типографики
Различие между гарнитурой и шрифтом
Различные классификации шрифтов
Стили и вес шрифтов
Выбор шрифта для веб-проекта
Характеристики хорошего веб-шрифта
Сопряжение шрифтов и гарнитур
Создание набора параметров шрифта
Задание размеров шрифтов
Создание вертикального ритма
Обеспечение удобочитаемости
Резюме
Глава 9. Теория цвета
Терминология теории цвета
Тень, оттенок и тональность
Теплые и холодные цвета
Тон, насыщенность и светлота
Цветовой круг
Цветовые отношения
Изучайте разные примеры использования цветов
Психология цвета
Выбор и применение цветовой схемы
Руководство по выбору и применению цветовой схемы
Соображения доступности
Тестирование цветового контраста
При обозначении состояния или статуса нельзя полагаться только на цвет
Цветовые режимы для веб
Режимы RGB и RGBA
Шестнадцатеричные цветовые коды
Режимы HSL и HSLA
Режимы CIE Lab и LCH
Выбор цветового режима
Несоответствие цветов на разных экранах
Резюме
Глава 10. Построение сайта
Требования к сайту проекта
Организация контента с помощью вайрфрейма
Создание системы сеток и задание расстояний
Выбор типографики
Задание вертикального ритма
Выбор изображений
Использование изображений для задания тона
Наложение текста поверх изображений
Выбор и применение цветовой палитры
Завершающие штрихи
Отзывчивый дизайн
Дизайн сайта для планшета, восьмиколоночная сетка
Дизайн сайта для мобильного устройства, четырехколоночная сетка
Дизайн по принципу Mobile First
Резюме
Часть IV. После разработки визуального дизайна
Глава 11. Тестирование, проверка и итерации
Цикл проектирования
Замена существующего дизайна
Минимально жизнеспособный продукт
Оценка готовности дизайна к тестированию
Виды тестирования
Проведение интервью с клиентами
Тестирование в производственной среде
А/В-тестирование
Поэтапное развертывание
Методы первоначального исследования пользователей
Применение результатов тестирования
Резюме
Глава 12. Решения разработчиков и пользовательский опыт
Влияние написанного кода
Важность написания качественного HTML-кода
Производительность и загрузка страниц
Веб-технологии, не имеющие кроссбраузерной поддержки
Продукты, ориентированные на разработчиков
Резюме
Приложение. Дополнительные ресурсы
Пользовательский опыт
Структура сетки и макет
Анимация
Типографика
Цвет
Тестирование дизайна
Рекомендуем
