👍3
Кради как дизайнер или как пользоваться референсами💥
Референсы можно разделить на несколько видов:
— Копирование стиля.
В данном случае примером служит общий дизайн, фон, используемые шрифты и так далее.
— Анализ конкурентов.
Особенное внимание нужно обратить на лидеров. Этот способ позволяет понять, какие тренды востребованы вашей целевой аудиторией, а какие проваливаются с треском.
— Пример структуры.
С помощью этого типа референсов можно почерпнуть какие-то фишки, характерные черты тех или иных предметов, художественные приемы и так далее.
Зачем нужны референсы, не проще ли придумать всё самому?
Подбор референсов не означает, что вы не должны придумывать свою идею.
Главная задача таких примеров в другом — они помогают синхронизировать ожидания заказчика с представлениями исполнителя.
Как собирать референсы?
1. Делать скриншоты
2. Сортировать по разделам, например так 👇
— Первый экран
— Продукты
— О компании
— Форма
— Меню
— Карта
— Таблицы
— Контент
3. Анализировать и адаптировать
Где искать?
pinterest.ru
behance.net
dribbble.com
Референсы можно разделить на несколько видов:
— Копирование стиля.
В данном случае примером служит общий дизайн, фон, используемые шрифты и так далее.
— Анализ конкурентов.
Особенное внимание нужно обратить на лидеров. Этот способ позволяет понять, какие тренды востребованы вашей целевой аудиторией, а какие проваливаются с треском.
— Пример структуры.
С помощью этого типа референсов можно почерпнуть какие-то фишки, характерные черты тех или иных предметов, художественные приемы и так далее.
Зачем нужны референсы, не проще ли придумать всё самому?
Подбор референсов не означает, что вы не должны придумывать свою идею.
Главная задача таких примеров в другом — они помогают синхронизировать ожидания заказчика с представлениями исполнителя.
Как собирать референсы?
1. Делать скриншоты
2. Сортировать по разделам, например так 👇
— Первый экран
— Продукты
— О компании
— Форма
— Меню
— Карта
— Таблицы
— Контент
3. Анализировать и адаптировать
Где искать?
pinterest.ru
behance.net
dribbble.com
🔥3❤2👍2
Привет! Рассказываем, что нового на Craftum появилось в апреле 😍👇
📌 Новый блок в категории «Фото и видео»
По вашим просьбам добавили блок с изображением на весь экран. Найдите его в категории «Фото и видео» под названием media-14.
Поставить лайк
📌 Загружайте видео не только с YouTube
Добавили возможность вставлять на сайт видео, размещенные на Rutube, Vimeo и Яндекс.Дзене.
Подробнее
📌 Новые иконки соцсетей
Разнообразили выбор иконок соцсетей. Можно красиво разместить ссылки на свои аккаунты в Discord, YouTube, Behance и других сервисах.
Подробнее
📌 Новые шаблоны для ваших сайтов
Пополнили коллекцию шаблонов. Теперь при создании нового сайта или страницы вы можете выбрать шаблон из категорий «Универсальные» и «Онлайн-магазин».
Подробнее
📌 Craftum Workshop: сделали сайт в прямом эфире
Создавали сайт сети пекарен вместе с 400 зрителями! По секрету: готовимся к следующему вебинару. Скоро расскажем 😉
Смотреть запись
📌 Настройка заголовков в дизайн-блоке
Теги h1-h3 помогают улучшить позиции сайта в поиске. Теперь их можно настроить не только в стандартных блоках, но и в дизайн-блоке.
Подробнее
📌«Мы больше так не зумим»: о красивых видеоблоках
Улучшили отображение видео на десктопных и мобильных устройствах.
А еще теперь можно перемотать ролик до нужного момента, поменять скорость воспроизведения и применить другие настройки.
Подробнее
📌 Каталог дизайнеров
Запустили специальный раздел на площадке Комьюнити.
Теперь можно не только самому создать сайт на Craftum, но и заказать готовый лендинг.
А если хотите быть в списке партнеров, напишите в телеграм Лёше, нашему менеджеру по работе с партнерами.
📌 Новый блок в категории «Фото и видео»
По вашим просьбам добавили блок с изображением на весь экран. Найдите его в категории «Фото и видео» под названием media-14.
Поставить лайк
📌 Загружайте видео не только с YouTube
Добавили возможность вставлять на сайт видео, размещенные на Rutube, Vimeo и Яндекс.Дзене.
Подробнее
📌 Новые иконки соцсетей
Разнообразили выбор иконок соцсетей. Можно красиво разместить ссылки на свои аккаунты в Discord, YouTube, Behance и других сервисах.
Подробнее
📌 Новые шаблоны для ваших сайтов
Пополнили коллекцию шаблонов. Теперь при создании нового сайта или страницы вы можете выбрать шаблон из категорий «Универсальные» и «Онлайн-магазин».
Подробнее
📌 Craftum Workshop: сделали сайт в прямом эфире
Создавали сайт сети пекарен вместе с 400 зрителями! По секрету: готовимся к следующему вебинару. Скоро расскажем 😉
Смотреть запись
📌 Настройка заголовков в дизайн-блоке
Теги h1-h3 помогают улучшить позиции сайта в поиске. Теперь их можно настроить не только в стандартных блоках, но и в дизайн-блоке.
Подробнее
📌«Мы больше так не зумим»: о красивых видеоблоках
Улучшили отображение видео на десктопных и мобильных устройствах.
А еще теперь можно перемотать ролик до нужного момента, поменять скорость воспроизведения и применить другие настройки.
Подробнее
📌 Каталог дизайнеров
Запустили специальный раздел на площадке Комьюнити.
Теперь можно не только самому создать сайт на Craftum, но и заказать готовый лендинг.
А если хотите быть в списке партнеров, напишите в телеграм Лёше, нашему менеджеру по работе с партнерами.
❤6👍6
И это ещё не всё!
Bugs Fixed ✅ Релиз 27.04
— Исправили ошибку, когда при переходе на несуществующую страницу сайта отдавался код ответа 200. Яндекс.Вебмастер больше не ругается.
— В дизайн-блоке теперь можно выбрать тип масштабирования «Фон деформируется» для элемента «Объект». Можно растянуть или ужать изображение по вертикали / горизонтали.
— Починили настройки выравнивания в дизайн-блоке 🌝
Bugs Fixed ✅ Релиз 27.04
— Исправили ошибку, когда при переходе на несуществующую страницу сайта отдавался код ответа 200. Яндекс.Вебмастер больше не ругается.
— В дизайн-блоке теперь можно выбрать тип масштабирования «Фон деформируется» для элемента «Объект». Можно растянуть или ужать изображение по вертикали / горизонтали.
— Починили настройки выравнивания в дизайн-блоке 🌝
👍9🔥4
#плагин_фигма
Как конвертировать png в svg в Figma ⬇️
Для этого скачайте плагин Image tracer по ссылке
Он распознает фигуры с чёткими контурами и экономит время. Не надо отрисовывать объект вручную, чтобы вставить его в макет.
Как пользоваться:
1. Вставьте растровую картинку в документ.
2. Откройте плагин в библиотеке.
3. Задайте параметры. Обратите внимание на пункт blur. Он отвечает за сглаживание пикселей. Экспериментируйте со значениями, чтобы найти баланс.
*плагин предназначен только для простых изображений
Как конвертировать png в svg в Figma ⬇️
Для этого скачайте плагин Image tracer по ссылке
Он распознает фигуры с чёткими контурами и экономит время. Не надо отрисовывать объект вручную, чтобы вставить его в макет.
Как пользоваться:
1. Вставьте растровую картинку в документ.
2. Откройте плагин в библиотеке.
3. Задайте параметры. Обратите внимание на пункт blur. Он отвечает за сглаживание пикселей. Экспериментируйте со значениями, чтобы найти баланс.
*плагин предназначен только для простых изображений
🔥5🤩2👏1
Какой вариант дизайна лучше и почему? Пишите в комментариях 👇
Anonymous Quiz
58%
Вариант А
42%
Вариант Б
Думали, думали и наконец придумали! 🚀
Мы долго ломали голову, каким контентом можем вас удивить 🤔
Вот как это было 🔽
— А что если сделать рубрику #день_с_дизайнером?
— Это как?
— Всё просто – мы приглашаем в гости дизайнеров, которые будут делиться своим опытом, дизайнерскими лайфхаками и отвечать на вопросы подписчиков…
— Идея огонь💡
Давайте позовём Серёжу – дизайнера из Timeweb? Пусть расскажет и покажет, чем сегодня занимается 😉
Мы долго ломали голову, каким контентом можем вас удивить 🤔
Вот как это было 🔽
— А что если сделать рубрику #день_с_дизайнером?
— Это как?
— Всё просто – мы приглашаем в гости дизайнеров, которые будут делиться своим опытом, дизайнерскими лайфхаками и отвечать на вопросы подписчиков…
— Идея огонь💡
Давайте позовём Серёжу – дизайнера из Timeweb? Пусть расскажет и покажет, чем сегодня занимается 😉
👍7🔥5