👥 Skittles обновили свой дизайн

Скитлс рефрешнул стилёк, упаковку и коммуникации. Логотипу добавили насыщенную тень и чутка причесали сами буквы, а радугу на упаковке сделали более насыщенной.

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

#Интересное | Задизайнено

В эту игру со шрифтами он проиграл 😐

#Смешное | Задизайнено

📊 UX/UI советы для повышения конверсии на вашем сайте

🔽Внедрите социальные доказательства

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

Размещение этих элементов на ключевых страницах может значительно повысить доверие и конверсию.

#Полезное | Задизайненоа

🖼 Ресурсы вдохновляющие дизайнеров

🔽Made in Webflow

Made in Webflow охватывает широкий спектр дизайна: веб-сайты компаний, портфолио дизайнеров, отдельные элементы дизайна (кнопки, анимация, взаимодействия).

Кроме того, некоторые проекты поддаются копированию, можно экспериментировать с разными проектами.

Ссылочка тут 🖱

#Интересное | Задизайнено

📱 Как создать запоминающийся логотип

🔽Логотип должен быть запоминающимся в контексте

Логотип не существует в вакууме, он запоминается как часть визуального и смыслового послания бренда.

Запоминающийся логотип:

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

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

#Полезное | Задизайнено

⚙ UI элементы, улучшающие взаимодействие с интерфейсом

🔽Гибкие Фильтры Контента

Гибкие фильтры позволяют пользователям настраивать отображаемый контент по своим предпочтениям, улучшая взаимодействие и удовлетворенность от использования продукта. Эти фильтры особенно полезны в приложениях с большим объемом контента.

#Полезное | Задизайнено

☀️ Визуальные приемы оформления сайта

🔽3D-элементы

Трехмерные элементы позволяют создать эффект многослойности и динамичности, что способствует вовлеченности пользователей. Усилить влияние можно с помощью реалистичных объектов, с которыми можно взаимодействовать.

3D-элементы способны подчеркнуть преимущества продукта и сформировать положительное впечатление о нем.

#Полезное | Задизайнено

💡Идея для дизайна веб-сайта

#Интересное | Задизайнено

👩‍💻 Плагины для дизайна в Figma

AI Image Upscaler: Увеличивает разрешение изображений без потери качества, используя искусственный интеллект, также включает функцию улучшения портретных фото.

#Полезное | Задизайнено

💡Идея для дизайна веб-сайта

#Интересное | Задизайнено

🗑 Эти ошибки не позволят тебе развиваться как дизайнеру

🔽Не вкладываться в развитие

Касается как дизайна, продаж, так и поиска клиентов - во все эти знания нужно вкладываться, чтобы не отставать от конкурентов и держаться на плаву.

Нейросети, сервисы, программы, методы продаж, каждый день появляется что-то новое и важно быстро это перенять.

#Интересное | Задизайнено

👤 Какие навыки необходимы дизайнеру в продукте

🔽Внимание к деталям

Один из первых и сложных навыков для начинающих дизайнеров. Из-за большого объема информации они могут упускать важные детали. Важно соблюдать порядок и логику в дизайн-макетах и четко описывать работу при передаче на разработку.

🔽Взаимодействие

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

🔽Презентация и аргументация

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

🔽Проектирование

Включает создание User Flow, Wireframes, интерактивных прототипов и дизайн-макетов на основе данных.

🔽Владение инструментами (Figma)

Основной инструмент для дизайнеров интерфейсов, наряду с Adobe XD, Sketch и Photoshop. Важно уметь использовать autolayout, компоненты, варианты и стили, а также формировать UI kit.

🔽Работа с дизайн-системой

Важно уметь работать в рамках существующей дизайн-системы и понимать её устройство и работу.

#Полезное | Задизайнено

✋ UX/UI ошибки, которые следует избегать

🔽Скрытие важных функций

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

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

#Полезное | Задизайнено

⭐ UX/UI-тренды в 2024

🔽Пиксельарт

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

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

#Интересное | Задизайнено

❗️ Частые ошибки при выборе цветовых сочетаний

🔽Копирование цветов из светлой темы в темную

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

• На начальном этапе важно проработать достаточное количество как темных, так и светлых оттенков.
• Используйте менее насыщенные оттенки для темной темы.
• Не забывайте о цвете текста. Например, на кнопках его, скорее всего, придется инвертировать.

#Полезное | Задизайнено

💻 Минимализм в веб-дизайне: как создавать простые и современные веб-сайты

🔽Открытые пространства

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

#Полезное | Задизайнено

📈 Психология в UX/UI дизайне: принципы, повышающие вовлеченность и удержание

🔽Дайте пользователям чувство контроля

Люди склонны лучше относиться к тем, кому они помогали, чем к тем, кто помогал им.

Применение: Предлагайте пользователям выполнить простые задачи (например, настройку профиля), чтобы увеличить их лояльность и удовлетворенность продуктом.

#Полезное | Задизайнено