Проверь свою насмотренность 👀 Какой вариант дизайна лучше?

Спасибо за ваши ответы 😉🙌

✅ Правильный вариант Б.
Равное расстояние сверху и снизу блока выглядит аккуратно

Кради как дизайнер или как пользоваться референсами💥

Референсы можно разделить на несколько видов:

— Копирование стиля.

В данном случае примером служит общий дизайн, фон, используемые шрифты и так далее.

— Анализ конкурентов.

Особенное внимание нужно обратить на лидеров. Этот способ позволяет понять, какие тренды востребованы вашей целевой аудиторией, а какие проваливаются с треском.

— Пример структуры.

С помощью этого типа референсов можно почерпнуть какие-то фишки, характерные черты тех или иных предметов, художественные приемы и так далее.

Зачем нужны референсы, не проще ли придумать всё самому?

Подбор референсов не означает, что вы не должны придумывать свою идею.

Главная задача таких примеров в другом — они помогают синхронизировать ожидания заказчика с представлениями исполнителя.

Как собирать референсы?

1. Делать скриншоты
2. Сортировать по разделам, например так 👇

— Первый экран
— Продукты
— О компании
— Форма
— Меню
— Карта
— Таблицы
— Контент

3. Анализировать и адаптировать

Где искать?

pinterest.ru
behance.net
dribbble.com

А теперь главный вопрос: как отличить «вдохновился» от «сплагиатил»? Пишите в комментариях 👇

Привет! Рассказываем, что нового на Craftum появилось в апреле 😍👇

📌 Новый блок в категории «Фото и видео»

По вашим просьбам добавили блок с изображением на весь экран. Найдите его в категории «Фото и видео» под названием media-14.
Поставить лайк

📌 Загружайте видео не только с YouTube

Добавили возможность вставлять на сайт видео, размещенные на Rutube, Vimeo и Яндекс.Дзене.
Подробнее

📌 Новые иконки соцсетей

Разнообразили выбор иконок соцсетей. Можно красиво разместить ссылки на свои аккаунты в Discord, YouTube, Behance и других сервисах.
Подробнее

📌 Новые шаблоны для ваших сайтов

Пополнили коллекцию шаблонов. Теперь при создании нового сайта или страницы вы можете выбрать шаблон из категорий «Универсальные» и «Онлайн-магазин».
Подробнее

📌 Craftum Workshop: сделали сайт в прямом эфире

Создавали сайт сети пекарен вместе с 400 зрителями! По секрету: готовимся к следующему вебинару. Скоро расскажем 😉
Смотреть запись

📌 Настройка заголовков в дизайн-блоке

Теги h1-h3 помогают улучшить позиции сайта в поиске. Теперь их можно настроить не только в стандартных блоках, но и в дизайн-блоке.
Подробнее

📌«Мы больше так не зумим»: о красивых видеоблоках

Улучшили отображение видео на десктопных и мобильных устройствах.

А еще теперь можно перемотать ролик до нужного момента, поменять скорость воспроизведения и применить другие настройки.
Подробнее

📌 Каталог дизайнеров

Запустили специальный раздел на площадке Комьюнити.

Теперь можно не только самому создать сайт на Craftum, но и заказать готовый лендинг.

А если хотите быть в списке партнеров, напишите в телеграм Лёше, нашему менеджеру по работе с партнерами.

И это ещё не всё!
Bugs Fixed ✅ Релиз 27.04

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

— В дизайн-блоке теперь можно выбрать тип масштабирования «Фон деформируется» для элемента «Объект». Можно растянуть или ужать изображение по вертикали / горизонтали.

— Починили настройки выравнивания в дизайн-блоке 🌝

#плагин_фигма

Как конвертировать png в svg в Figma ⬇️

Для этого скачайте плагин Image tracer по ссылке

Он распознает фигуры с чёткими контурами и экономит время. Не надо отрисовывать объект вручную, чтобы вставить его в макет.

Как пользоваться:
1. Вставьте растровую картинку в документ.
2. Откройте плагин в библиотеке.
3. Задайте параметры. Обратите внимание на пункт blur. Он отвечает за сглаживание пикселей. Экспериментируйте со значениями, чтобы найти баланс.

*плагин предназначен только для простых изображений

Тест на насмотренность 👀 Какой вариант дизайна лучше?