🎨 Дизайн [Сила дизайна][Андрей Лов] Лендинги

[Gatsby]

Автор: Сила дизайна - Андрей Лов
Название: Лендинги



23 видео / 28 часов / экшены / доп. материалы / домашние задания

1 видео 1:00:44
За что отвечает дизайнер

• логика (прототипирование)
• визуализация (создание макета на верстку)
• пояснение визуализации (анимация логики)

• верстка
• программирование
• любая работа на уровне кода

Лендинг (вертикальный одностраничный сайт / комплексное одностроничное объявление)

• отличие от всего остального
• структура
• скролл

Типы лендингов

• статичные
• статика + анимация
• статика + продвинутая анимация
• анимация в апогее (игры)

Три пути дизайнера

• повторить то, что видишь
• улучшить увиденное исходя из своих знаний
• создать с нуля

2 видео 1:04:39

• обсуждение проекта (ТЗ, брифф, разговор) - что нравится / не нравится, любимые цвета, ориентировочные ожидания (сроки, бюджет, предоплата)
• прототипирование (принцип масштабирования)
• правки, возражения, доделывание
• сдача макетов на верстку и разработку
• аудит готового лендинга и ведение

3 видео 1:07:00

• ответы на вопросы
• настройки программы
• создание документа
• три логический цепочки создания лендинга
• сила контента

4 видео 1:12:32

• создание первого экрана
• определение ширины основного контейнера
• откуда брать контент
• верстка контента
• заголовок, подзаголовок и контрастный фон
• принцип последовательности правил
• правила формирования первого экрана по системе "картинка + текст"
• первое ДЗ

5 видео 1:31:53

• выбор цвета и стилистические решения
• выбор шрифта и правила его использования
• создание стартового экрана по установленным правилам

6 видео 2:28:49

• ответы на вопросы
• разбор ДЗ1

7 видео 1:12:40
+ создание стартового экрана лендинга (охота) по всем правилам

8 видео 2:25:16

• ответы на вопросы
• разбор ДЗ2 (первый поток)

9 видео 1:56:07

• разбор ДЗ2 (второй поток)
• мастер-класс по созданию стартовой страницы (Тайланд)

10 видео 1:33:02

• разбор ДЗ2 (третий поток)
• дополненная реальность
• мастер-класс по созданию стартовой страницы (камень)

11 видео 1:36:47

• ответы на вопросы
• модульные сетки
• всплывающие окна (pop-up)
• правила оформления: кнопка, ссылка, pop-up

12 видео 1:30:35

• ответы на вопросы
• разбор ДЗ1 и ДЗ2 (последний поток)
• правила формирования текстовых блоков: телефон, сайт, соц. сети, знак рубля
• верстка без заполненной подложки или на исходной картинке
• образы к тексту (товар или фото)
• иконки к значимым текстовым блокам (ВК, скайп, инста и т.д.)
• перечисление и ритм (иконки)

13 видео 1:44:38

• ответы на вопросы
• разбор ДЗ3 (первый поток)

14 видео 1:26:55
+ разбор ДЗ3 (второй поток)

15 видео 1:22:45

• ответы на вопросы
• разбор ДЗ3 (третий поток)

16 видео 1:12:44

• ответы на вопросы
• разбор ДЗ3 (четвертый поток)
• сравнения
• контейнера
• д-дизайн или абстракция
• анимация экрана

17 видео 55:26

• ответы на вопросы
• продажа своих работ
• анимация зло или добро
• заглавные буквы
• элементы навигации
• верстка таблиц

18 видео 1:39:44

• ответы на вопросы
• разбор ДЗ3 (пятый поток)
• разработка лендинга (3 экрана)

19 видео 49:58 (специальный ролик)

• правила
• иконки
• ритм
• пространство
• аккуратность

20 видео 54:28
+ верстка на WIX_1

21 видео 48:52

• как готовить макет на верстку
• ресайзы

22 видео 1:24:06
+ ответы на вопросы

Подробнее:

Скачать:

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