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

• ОГЛАВЛЕНИЕ
• ВВЕДЕНИЕ
• Глава 1 ИСТОРИЯ WEB-ДИЗАЙНА
• 1.1 История интернета
• 1.2 История web-дизайна
• 1.3 Современность. Концепция web3.0
• Вопросы для самопроверки
• Глава 2 ЧЕЛОВЕКО-КОМПЬЮТЕРНОЕ ВЗАИМОДЕЙСТВИЕ
• 2.1 Интерфейс
• 2.2 Типы интерфейсов
• 2.3 Язык интерфейса
• 2.4 Дизайн-система
• 2.5 UI-Kit
• 2.6 Элементы UI-Kit
• Практическое задание на тему: «Cоздание UI-Kit на базе элементов фирменного стиля»
• Вопросы для самопроверки
• Глава 3 ТЕХНИЧЕСКИЕ ПОДРОБНОСТИ
• 3.1 Растровая и векторная графика
• 3.2 Форматы файлов для web-дизайна
• 3.3 Web-шрифты
• 3.4 Оптимизация графики
• 3.5 Этапы оптимизации графики
• 3.6 Сервисы для оптимизации изображений
• 3.7 Фотография и ее лицензирование
• 3.8 Основные принципы авторского права на изображения
• 3.9 Типы лицензий на использование изображений
• 3.10 Использование авторской графики
• Вопросы для самопроверки
• Глава 4 ПРИНЦИПЫ ПРОЕКТИРОВАНИЯ
• 4.1 Основные этапы проектирования сайта
• 4.2 Что такое UX
• 4.3 Что такое UI - проектирование
• 4.4 UX vs UI: Персоны и сценарии
• 4.5 Метод персон
• 4.6 Типы персон
• 4.7 Сценарии
• Практическое задание на тему: «Применение принципов проектирования в работе»
• Вопросы для самопроверки
• Глава 5 ОСНОВЫ ТИПОГРАФИКИ
• 5.1 Основные термины
• 5.2 Классификация шрифтов
• 5.3 Классификация по типу
• 5.4 Классификация по ширине
• 5.5 Классификация по апертуре
• 5.6 Статика и динамика шрифта
• 5.7 Контрастные и неконтрастные шрифты
• 5.8 Основные правила типографики для web
• 5.9 Важные вопросы при выборе шрифта для сайта
• Практическое задание на тему: «Создание стилей текста»
• Вопросы для самопроверки
• Глава 6 КОГНИТИВНЫЕ ОСНОВЫ ПОВЕДЕНИЯ ПОЛЬЗОВАТЕЛЯ
• 6.1 Типы когнитивного поведения
• 6.2 Ментальные модели. Понятие интуитивно-понятного интерфейса.
• 6.3 Закон Хика
• 6.4 Закон Фитца
• 6.5 Кошелек Миллера
• 6.6 Эффект края
• Практическое задание на тему: «Анализ шаблонов поведения на основе выбранных аналогов для своего проекта»
• Вопросы для самопроверки
• Глава 7 ЭТАПЫ РАБОТЫ НАД ПРОЕКТОМ
• 7.1 Предпроектное исследование
• 7.2 Разработка User Flow
• 7.3 Создание прототипа
• 7.4 Разработка UI-Kit
• 7.5 Разработка дизайн-проекта
• 7.6 Проверка работоспособности сайта
• 7.7 Этапы тестирования сайта
• Практическое задание на тему: «Предпроектное исследование и StoryBoard сайта выбранной тематики»
• Вопросы для самопроверки
• КОНТРОЛЬНОЕ ТЕСТИРОВАНИЕ
• ЗАКЛЮЧЕНИЕ
• БИБЛИОГРАФИЧЕСКИЙ СПИСОК