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

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

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

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

​​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
— бесплатно

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

Йоу, на связи Серго 👋

Сегодня жду всех в 19:00 по мск на воркшопе 💣
В прямом эфире сделаем редизайн сайта

+ бонусом проведём дизайн-обзор 5 проектов 🎁

Ещё обязательно поделюсь своими лайфхаками и личными наработками, такое точно пропустить нельзя!

Через 10 минут начинаем 🚀

Где смотреть вебинар?

👉 Первый вариант — в этом телеграм канале, вам просто нужно зайти в канал и присоединиться к трансляции (будет синяя плашка наверху)

👉 Второй вариант — смотреть трансляцию на ютуб

Держите ссылку:
https://youtu.be/1UuJ62JpaqA

Наливайте себе чаек и усаживайтесь поудобнее 😉

Друзья, начинаем дизайн-разбор сайтов 🔥
Подключайтесь, если не успели к началу трансляции: https://www.youtube.com/watch?v=1UuJ62JpaqA

Огромное спасибо тем, кто был с нами вчера на вебинаре 🔥

👉 Обязательно делитесь в комментах, как вам формат и нужно ли делать редизайн с разборами ещё.

Кто не успел попасть — не расстраивайтесь 😉

Смотрите запись в удобное время 🙌
https://www.youtube.com/watch?v=1UuJ62JpaqA