Дизайн-гравитация

2022-06-21 18:01:00 Плагин Insert Big Image

Позволяет вставлять в Figma изображения больших размеров.

→ Подробнее

#полезное #плагины Открыть/Комментировать

2022-06-21 10:00:01 Плагин Radial Generator (Beta)

Позволяет легко создавать и изменять радиальные диаграммы в Figma.

→ Установить плагин

#полезное #плагины Открыть/Комментировать

2022-06-16 18:01:55 Управление вниманием пользователя на примере Ozon

Дизайн карточки товаров в приложении Ozon меняется очень часто. То цена станет мелкой, то серого цвета, теряясь на фоне других элементов.

На скриншоте внимание пользователя переключается с обычной цены на цену с Ozon Счётом, которая является выгоднее и располагается выше. Зелёный цвет тоже имеет значение. Он лёгкий, спокойный, ассоциируется с пользой и выгодой.

Этот кейс иллюстрирует суть работы продуктового дизайнера — найти решение бизнес-задачи. Бизнес-задачей является продвижение собственного продукта (Ozon Счёт).

Другой способ решения данной задачи — уменьшение размера обычной цены. Это приводит к поведению пользователя, при котором он не обращает внимания на обычную цену, а видит лишь выгодную при оплате с Ozon Счёта. Мелкий размер шрифта вынуждает пользователя совершать усилия, чтобы распознать цифры.

Решений всегда несколько, но какое сработает лучше — покажет исследование. Поэтому дизайн-решения требуют тестирования.

#интересные_кейсы Открыть/Комментировать

2022-06-14 17:01:47 Долгое нажатие в мобильном вебе

Долгое нажатие на элемент интерфейса (Long-Press) привычно пользователям в нативных приложениях. А что с мобильным вебом?

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

Пример мобильной веб-версии Telegram показывает, что можно переносить пользовательские паттерны из приложения в мобильный веб. Соответственно, дизайнеру следует помнить о ещё одном способе взаимодействия пользователя с интерфейсом и использовать его при необходимости.

#полезное Открыть/Комментировать

2022-06-13 12:02:58 Плагин Guidiner

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

→ Установить плагин

#полезное #плагины Открыть/Комментировать

2022-06-03 15:02:38 Плагин «ScrollTrigger»

Позволяет реализовывать интересные механики со скроллом сайтов. Разработчикам будет полезно ознакомиться для собственной прокачки и развития, а дизайнерам – для расширения кругозора и изучения возможностей плагина, которые можно использовать при разработке дизайна.

Узнать больше

#полезное #анимация Открыть/Комментировать

2022-05-19 18:00:48 «Тщательно разработанная» библиотека иконок MingCute –больше тысячи бесплатных иконок, которые можно использовать в своём проекте.

→ Перейти

#полезное #рекомендую #иконки Открыть/Комментировать

2022-05-17 11:02:15 Небольшая подборка плагинов, которые облегчат жизнь дизайнера.

1) Outline to Single Stroke — плагин, который позволяет преобразовывать векторный объект из Outline в Stroke.
2) Index Page — плагин, с помощью которого можно легко сделать обложку (cover) файла из миниатюр выбранных фреймов.
3) Ghost — плагин, который автоматически генерирует экраны скелетонов загрузки ваших макетов.
4) Fast Photo Paste — плагин, с помощью которого можно найти и вставить в макет различные фотографии из популярных бесплатных фотостоков.

#плагины #полезное #рекомендую #подборки Открыть/Комментировать

2022-04-22 12:01:16 Screenlane

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

→ Перейти

#полезное Открыть/Комментировать

2022-04-21 16:02:24 UI Garage

Сервис, где ежедневно публикуются UI идеи и шаблоны. Помогает найти вдохновение для дизайна разлчных элементов или сценариев.

→ Перейти

#полезное Открыть/Комментировать