[Geekbrains] Веб-дизайн. От новичка до профи

[Виктор Неизвестный]

Профессия Веб-дизайнер
Автор: Geekbrains
<span style="font-size: 15px">Чему Вы научитесь</span>

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

<span style="text-decoration: underline">Программа курса</span>

• 1
  Урок 1. Теория веб-дизайна
  Введение. Что такое веб-дизайн? Основы хорошего дизайна. Цвет, форма, типографика. Основы гармоничной композиции. Единство, пропорции, баланс. Масштабируемость в веб-дизайне. Подготовка к работе. Необходимые программы. Настройка Photoshop для удобной работы. С чего начинать дизайн. Чит-коды, облегчающие дизайнеру жизнь.
• 2
  Урок 2. Типографика. Визуальные знаки
  Что такое типографика? Классификация шрифтов. Сочетания шрифтов. Визуальные знаки и их типы.
• 3
  Урок 3. Предварительный анализ в веб-дизайне. Процесс работы над сайтом
  Постановка задачи. Брифинг клиента. Изучение аудитории сайта, создание персонажей для сайта. Изучение предметной области. Изучение конкурентов. Составление пользовательского сценария. Прототипирование.
• 4
  Урок 4. Сетка в веб-дизайне и практика
  Создание дизайна сайта. Вертикальная и горизонтальная сетка.
• 5
  Урок 5. Тренды в веб-дизайне
  Минимализм. Флэт-дзайн. Изображения в веб-дизайне. Сторителлинг. Видео и веб-дизайн. Эффекты анимации. Google material дизайн.
• 6
  Урок 6. Дизайн landing page
  Что такое landing page? Что такое конверсия? Как создавать сайты, стимулирующие продажи?
• 7
  Урок 7. Дизайн интернет-магазина
  Принципы прототипирования магазина, анатомия интернет-магазина. Главная страница, карточка товара, корзина. Особенности дизайна интернет-магазина.
• 8
  Урок 8. Секреты, техники, инструменты веб-дизайна. Что делать дальше?
  Личный опыт преподавателя, советы и рекомендации для дальнейшего развития.

<span style="color: #404040">Скачать:</span>