Тильда. Стандартные блоки. Дизайн
00:00 — Разделите блоки на смысловые секции
02:46 — Выровняйте расстояние между блоками
04:07 — Заголовки (H1, H2, H3, H4)
07:48 — Выделите важные заголовки
08:54 — Текст и изображение
09:06 — Цвета нужны для акцентов и настроения
10:52 — Используем читаемые шрифты
00:00 — Мудборд
05:25 — Собираем палитру
07:30 — Плагин Palette
09:00 —Используем dribbble для вдохновения
10:30 —Google font (подробнее о шрифтах будет в 3м модуле, сейчас опирайтесь на свои эмоции и примеры, которые нашли)
13:00 — Начинаем заливать блоки цветом, чередуя насыщенность. Вставить блок — ctrl+V
14:30 —Выравнивание расстояний между блоками
15:35 — Настраиваем шрифты
19:39 — Делаем заголовки одной величины
21:28 — Выравнивание текста
22:38 — Меняем цвета текста
25:58 — Меняем цвета иконок, линий и кнопок
00:00 — Настроение иконок
01:37 — Скачиваем иконки с flaticon.com
06:00 — Напоминаю, что существует еще ru.freepic.com
07:00 — Ставим иконки
10:29 — Следите чтобы изображения не отвлекали от кнопок
13:12 — Ставим фотографии и смотрим на их сочетания
20:15 — Добавляем анимацию элементам
22:15 — Посмотрите, как мы добиваемся наилучшей читаемости текста

Рассматриваем настройки блоков, чтобы вы лучше ориентировались и понимали логику
Очень часто задаете вопросы про границы блоков, поэтому добавила это видео.

С Zero-block мы познакомимся чуть позже поэтому если кажется сейчас сложным, используйте стандартный разделитель, а к Zero вернетесь через пару уроков
Домашнее задание
Я бы очень хотела, чтобы вы мудборд собрали опираясь на свои эмоции и желания. Это позволит нам сделать работы максимально отличающиеся друг от друга. А так же вы научитесь принимать решения самостоятельно, а не повторять действия по видео))

1. Соберите мудборд. Подберите шрифты и цвета
2. Разделите блоки цветом
3. Проверьте расстояние между блоками
4. Подключите шрифты
5. Дайте цвет тексту
6. Проверьте размер заголовков
7. Добавьте иконки
8. Добавьте фотографии
9. Добавьте анимацию

Опубликуйте сайт и пришлите ссылку)))) Жду!!! Всем удачи!!))))
Made on
Tilda