Тильда. Стандартные блоки. Дизайн
Этот урок можно смотреть на скорости х2

00:00
— Примеры сайтов на стандартных блоков
04:13 — Где можно искать вдохновение, как составить мудборд
05:00 — Композиция
07:30 —Шрифты
11:30 —Цвета
14:08 — План действий по созданию мудборда
18:40 — Зачем визуально разделять блоки
20:25 — Зачем нужно соблюдать одинаковые расстояния между блоками
21:20 — H1, H2, H3, H4, p —Что это? И как с этим работать. Расширение: WhatFont
23:15 — Акценты на заголовки
24:35 — Текст хорошо читается
25:10 — Цветовые акценты
26:30 — Читаемые шрифты, текст легко читается



00:00 — Смотрим какая работа нам предстоит
01:28 — Создаем мудборд, для того чтобы найти идеи
11:40 — Создаем ассоциации. Все что приходит в голову. И по этим словам тоже можно искать идеи на пинтересте
13:34 — Примеры мудбордов для моих реальных проектов
17:50 — Создаем палитру для сайта
24:10 — Подбираем палитру на dribbble
29:30 — Как теперь использовать мудборд
32:20 — Создаем палитру в Тильде
33:00 — Чередуем блоки по цвету
34:06 — Заливаем кнопки
37:33 — Выравниваем расстояние между блоками
40:20 — Подключаем шрифт Google Font в Тильду
45:00 — Настройки текста «Типографика» (Как поймете, что делать, перематывайте)
60:02 — Настройка закругления кнопок
60:05 — Добавить иконки
60:10 — Меняем цвет иконок через Selection color
60:23 — Скачиваем фотографии с Unslash
60:25 — Создать лица людей можно здесь https://thispersondoesnotexist.com/
60:30 — Создать видео
Рассматриваем настройки блоков, чтобы вы лучше ориентировались и понимали логику
Очень часто задаете вопросы про границы блоков, поэтому добавила это видео.

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

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

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

Со всеми вопросами приходите в общий чат, всем помогу
Made on
Tilda