Ребята, спасибо, что провели этот день со мной! 🔥

Пишите в комментариях, как вам рубрика и задавайте вопросы (любые) — буду отвечать 😉

Дайджест Craftum ✨ Релиз 05.05

Привет! Недавно мы поделились новостями Craftum за апрель. Теперь будем рассказывать о главных обновлениях еженедельно, чтобы вы могли быстрее узнавать о новинках и использовать в своих проектах 🔥

Вот что вошло в последний релиз👇

✅ Добавили категорию шаблонов «Внутренние страницы».

Используйте новые шаблоны при создании многостраничных сайтов: сделайте страницу о компании, разместите контакты, портфолио или публикуйте статьи.

✅ В дизайн-блоке теперь можно открывать / закрывать сайдбар нажатием на клавишу Tab.

✅ Добавили директиву Allow в файл robots.txt.

Если сайт открыт для индексации, в файле будет появляться строка Allow: / — красиво и по правилам. *

✅ Поправили работу якорных ссылок в мобильной версии. Теперь меню закрывается после выбора нужного пункта и не блокируется прокрутка страницы. *

✅ Зафиксировали кнопку открытия сайдбара. При редактировании десктопной и адаптивной версии вы найдете кнопку в одном и том же месте.

✅ Починили вставку HTML-кода. Например, код счетчика Яндекс.Метрики снова добавляется без ошибок.

✅ Устранили ошибки, которые возникали при удалении фото в блоках «Товары».

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

✅ А еще шрифты в редакторе и на опубликованном сайте теперь всегда совпадают ☺️

* Чтобы обновление применилось на вашем сайте, пожалуйста, переопубликуйте страницы.

#новости_крафтум

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

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