Вебинар Craftum: редизайн вашего сайта в прямом эфире + разбор 5 проектов 💥

19 мая в 19:00 мск пройдет вебинар, на котором мы покажем процесс редизайна сайта и сборки на конструкторе Craftum. Бонусом: проведем краткий дизайн-разбор пяти проектов.

И самое интересное: попасть на редизайн или разбор может именно ваш сайт 😍

Если вы хотите обновить дизайн своего сайта или получить рекомендации по сайту от эксперта, оставляйте заявку! Укажите ссылку на ваш проект в комментарии под этим постом до 18 мая 14:00 мск.

Мы выберем сайт на редизайн и 5 проектов для разбора. На эфире поделимся информацией, которая может быть полезна не только владельцам сайтов, но и всем участникам. Обязательно приходите, готовиться и повторять за спикером по шагам на этом вебинаре не нужно 😉

Подключиться к эфиру можно будет прямо здесь или посмотреть на ютубе (ссылку опубликуем тут).

Подробнее о мероприятии на webinars.craftum.com

Ждем вас 😊

Вы знаете, что делать 😉👀

По результатам голосования и комментам в чате большинство за вариант Б 🤔

А теперь рассказываем почему верный вариант А 🔽

В варианте Б не соблюдается визуальная иерархия заголовков блока и элементов. Непонятно, какой элемент главнее.

Подробнее про визуальную иерархию написали пост 👇

​​10 принципов визуальной иерархии:

1) Размер

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

2) Цвет

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

3) Расположение

Элементы, которые располагаются близко друг к другу, воспринимаются как группа.

Они привлекают больше внимания и обладают логической структурой.

4) Выравнивание

Блоки, которые выходят за пределы общего пространства, привлекают внимание.

Выравнивание используется, чтобы создать определённый порядок. Человек быстро анализирует информацию и, если он замечает блок, который стоит обособленно, оценивает его отдельно.

5) Повторы

Повторение — ещё одно сильное средство визуализации. Если в структуре использована система единства, пользователи влюбляются в такие интерфейсы.

6) Свободное пространство

Его часто называют негативным пространством. Область служит подложкой для контента.

Обычно её заливают под цвета фона, чтобы создать визуальный эффект большого холста.

Использование негативного пространства будет эффективным только если дизайнер правильно использует изоляцию блоков.

Предполагается, что чем больше у элемента свободного места, тем больше его значение в интерфейсе.

7) Типографика

Известное выражение «поиграть со шрифтами» означает не только бесконечные эксперименты с выбором семейства и стиля начертания.

Зачастую надо просто создать целостную систему и привести внешний вид к единому стилю.

На что стоит обратить внимание:

— толщина
— стиль
— размер.

8) Паттерны поведения

Для изучения новой информации люди используют F и Z паттерны —шаблоны, по которым человеческий глаз скользит по наполнению сайта

Z-паттерн чаще всего используется, когда на экране мало контента. С более сложным контентом помогает F-паттерн.

9) Золотое сечение

Думаем, вы все о нём слышали. Это соотношение элементов, которое научным путём определили как идеальное для человеческого восприятия.

10) Размерная сетка

Графические дизайнеры любят использовать правило третей, чтобы повлиять на баланс элементов.

Надо мысленно разделить структуру на сетку из 9 независимых разделов.

3… 2… 1… Сбор заявок на редизайн и разбор закрыт! Но самое интересное вас ждёт впереди 🔥

Уже завтра можно будет подключиться к вебинару и следить за процессом редизайна одного из ваших сайтов. А также поучаствовать в разборе, забрать с собой полезную информацию и использовать в своих проектах.

Спасибо большое за ваши заявки ❤️ Прямо сейчас мы выбираем сайты и вместе со спикером Серго Мацони готовимся к эфиру. Какие сайты попали на редизайн и разбор, узнаем на трансляции 😉

Что? Где? Когда?

— 19 мая 2022
— с 19:00 до 20:30
— YouTube и Telegram
— бесплатно

Запись на вебинар в качестве зрителей продолжается: просто подпишитесь на наш канал, если ещё этого не сделали. Ждём вас!