Веб-дизайн. Базовый курс

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

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

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

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

Вводная лекция. Введение в веб-дизайн

  • Профессия "веб-дизайнер" - кто это и какие должен иметь знания и навыки;
  • Основы профессии: проектирование, прототипирование, макетирование, юзабилити.

Погружение и аналитика

  • Порядок действий и цикл создания проекта;
  • Исследование области для которой делается проект;
  • Опрос клиента или бриф;
  • Исследования и анализ конкурентов;
  • Создание концпции проекта.

Проектирование интерфейсов

  • Архитектура всего проекта и его составляющих;
  • Создание прототипа дизайна;
  • Методологии в веб-дизайне;
  • Создание UI-kit.

Креативная концепция или key visual

  • Понятие key visual;
  • Маркетинг и три составляющие: продукт, рынок, потребитель;
  • Сегментация и определение целевой аудитории;
  • Практика создания рекламного образа: мудборд, мозговой штурм, ассоциативная карта;
  • Полезные ресурсы для вдохновения.

Прототипирование

  • Необходимость создания прототипа;
  • Инструменты прототипирования.

Адаптивный дизайн

  • Понятие адаптивности дизайна;
  • Принципы преобразования элементов дизайна для использования на мобильных устройствах;
  • Стратегия Mobile First;
  • Подготовка адаптивного макета.

Принципы юзабилити

  • Закон Фиттса;
  • Визуальная структура и теория близости;
  • Синтаксис элементов интерфейса;
  • Визуальная семантика. Знаки и символы. Пиктограммы.

Предзащита по прототипам

Работа в Photoshop

  • Настройка рабочей области;
  • Инструменты и работа с вектором и растром;
  • Работа с модульными сетками.

Веб-типографика

  • Что должен знать о шрифтах дизайнер;
  • Работа с формой и символом;
  • Понятие динамики и статики;
  • Классификация шрифтов, принципы сочетания;
  • Основные понятия: кегль, интерлиньяж, кёрнинг и трекинг;
  • Использование символов и пиктограмм;
  • Функции типографики в вебе;
  • Отображение шрифтов на экране. Хинтинг;
  • Принцип выбора шрифтов для сайта;
  • Адаптивная типографика;
  • Читаемость шрифтов и оптимальные размеры. Длина строки. Иерархия заголовков;
  • Форматы шрифтов.

Презентация и проекта

  • Идеальный докладчик;
  • Презентация: цели, сценарии, порядок слайдов, проговаривание;
  • Работа с возражениями;

Записаться на курс