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

Это сервис, в котором собрано огромное количество готовых цветовых подборок на любой вкус. Подборки разделены на Full Color, Material и Flat design, и у каждой есть оценка пользователей:

https://material.colorion.co

#инструменты #дизайн

​Что делать, если вам нужно подобрать цветовую палитру для сайта или приложения, но вы ни секунды не дизайнер?

Недавно мы уже рассказывали про инструмент COLORION, который решает эту проблему. Делимся ещё одним интересным инструментом Happy Hues. В отличие от COLORION, в нём можно сразу же применить цветовую палитру на простенького сайта, чтобы лучше понимать, как они будут выглядеть на реальном проекте: https://www.happyhues.co/

#инструменты #дизайн

​​Кто бы что ни говорил, пользователям нравится, когда на сайте вращаются всякие штучки, появляются новые элементы или происходит что-то неожиданное.

Но если на сайте много таких «вау-эффектов», сайт запросто может как вызвать отвращение, так и стать вирусным и даже получить какую-нибудь премию. В общем, важно понимать, как работать с анимацией и чувствовать баланс.

Действительно годная статья, в которой как раз о том, как этому научиться: https://habr.com/ru/company/htmlacademy/blog/660901/

#веб #дизайн

​Чтобы любой продукт развивался, его нужно постоянно улучшать и дорабатывать

Но далеко не каждая идея повысит конверсию, увеличит аудиторию или положительно повлияет на другие метрики. Один из самых популярных инструментов быстро проверить это — A/B тесты.

Если вкратце, для A/B-теста нужно выдвинуть гипотезу и разделить аудиторию на две группы: у группы А функциональность остаётся без изменений, а группе B выкатываются новые фичи. Судя по реакции можно почти точно понять, внедрять фичу или нет. В теории всё просто. А как насчёт реальных примеров?

В статье Александр Труфанов руководитель направления продуктовой аналитики МТС Медиа/KION на примере фичи Autoplay разбирает, как проводится A/B-тестирование: https://tprg.ru/6tle

#веб #дизайн #ux #тестирование

​​Если вам нужен простой инструмент для быстрого создания красивых макетов приложений и сайтов на разных устройствах, обратите внимание на Shotsnapp.

Бесплатная версии вполне хватает для большинства базовых задач: https://shotsnapp.com/

#инсрументы #дизайн

​​И перед вами победитель в номинации «Лучший UX-дизайн года для блогеров» — необычная реализация кнопок отписки и подписки

Кнопка отписки никогда не дастся вам в руки, зато кнопка «подписаться» так и просится, чтоб её нажать. Посмотреть исходники и попробовать победить кнопки можно тут:

https://codepen.io/jh3y/pen/KKvvPrP

#веб #дизайн #ux #кек

​Где делать макет сайта: в фотошопе, иллюстраторе или фигме?

На самом деле, можно делать где угодно. Главное — понимать, почему вы выбрали тот или иной инструмент и действительно ли он подходит для решения ваших задач. Помогаем разобраться с выбором подходящего инструмента:

https://tproger.ru/articles/tools-for-webdesign-beginners/

#веб #дизайн

​Как самому создавать качественную анимации загрузки?

Хорошо проработанная анимация с использованием CSS, jQuery или простых анимированных GIF-файлов — это возможность оживить интерфейс сайта и добавить ему оригинальности.

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

На примере Sketch для создания основных форм и Principle для быстрого создания загрузочной анимации, показываем, как создавать красочные анимации, используемые Trello, Flickr, Slack и т.д.: https://tproger.ru/translations/custom-web-animation-guide/

#веб #графика #дизайн

​Если пропустили, тут Figma выпустила клавитуру с хоткеями и крутилками для дизайнеров

Можно назначать любые горячие клавиши, в комплекте есть цветные клавиши и клавиши с иконками. Всего 30 клавиш со значками, 15 — с цветами и 2 «крутилки».

Осталось вынести Shift на педаль под столом и можно работать.

#дизайн

​​Figma закрыла Dev Mode: пути обхода и их краткий обзор

В июне 2023 года Figma выпустила масштабное обновление: появился режим разработки Dev Mode. Эта функция обеспечивает плавный переход от дизайна к разработке. Такое новшество сразу же пришлось по душе многим.

Однако совсем недавно пропала возможность пользоваться режимом бесплатно. Как быть и какие есть альтернативы — рассказали в статье: https://habr.com/ru/companies/selectel/articles/795621/

#дизайн #figma