Советы по использованию вариантов (variants) в Figma

Если вы любите часто использовать компоненты в своих дизайнах, то вы полюбите новую функцию Figma под названием варианты (Variants). Она переводит процесс проектирования на совершенно иной уровень!

Разбираемся с Figma Variants + Auto Layout на примере создания кнопок

Что такое варианты
Варианты похожи на группы компонентов. Их цель – собрать похожие компоненты и дать дизайнеру возможность настроить их, как один элемент, с помощью пары переключателей.
Варианты сделают ваши дизайн-системы более гибкими и быстрыми в использовании. Просмотр компонентов стал намного удобнее. В целом варианты упрощают наборы компонентов.

Содержание статьи 
Как создать варианты
Как сделать переключатель вместо раскрывающегося списка
Практическое использование вариантов
1. Используйте его для управления состояниями
2. Используйте его, чтобы изменить стиль
3. Различия в размерах компонентов
4. Объедините несколько свойств
Каковы ограничения вариантов?

Читать статью: https://ux.pub/sovety-po-ispolzovaniyu-variantov-variants-v-figma/

5 UI/UX трендов 2021 года ставящих пользовательский опыт на первое место

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

Это касается онлайн совещаний, банкинга, записи к врачу и других сфер жизнедеятельности. Появилась новая волна пользователей. Люди, привыкшие получать физические услуги, сейчас переходят к цифровым сервисам. Только от UI/UX дизайнеров зависит, получится ли пользовательский опыт позитивным. Поэтому мы обязаны определить и удовлетворить все запросы пользователей. Прочтите статью, чтобы узнать, какой UI/UX дизайн будет в трендах 2021 года.

1. Более тщательное поведенческое исследование
2. Доступные ознакомительные инструкции
3. Скевоморфный дизайн
4. Анимации в пользовательском интерфейсе
5. Виртуальные события с эффектом присутствия

Читать статью: https://say-hi.me/design/5-ui-ux-trendov-2021.html

Как создать продуманный дизайн push-уведомлений

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

Содержание статьи 

— Как обстоят дела с уведомлениями?
— Они привлекают наше внимание
— Как прокачать визуалку (UI) и научиться красть как художник
— Как создать иллюстрации, когда не умеешь рисовать
— Профессиональный дизайн формы и элементов формы
— Они мешают нам
— Проблема с красным цветом
— Когнитивная перегрузка
— Бессмысленность и анти-уведомления
— Чем полезны продуманные уведомления?
— Проектирование продуманных уведомлений
— Управление уровнем внимания
— Предоставление контроля пользователям

Читать статью

Топ-10 лучших кириллических шрифтов для твоего проекта

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

01. Neue Machina
02. Ruberoid
03. Igra
04. Resist
05. Kharkiv Tone
06. Geometria
07. Inter
08. Le Murmure
09. Buyan
10. SK Primo

Читать статью

UI-элементы и жесты в мобильных приложениях

Вы часто задумывались, обнаружив баг в мобильном приложении и заводя его в баг-трекер, как правильно назвать ту или иную часть интерфейса или действие, которые привели к ошибке? Или читаешь описание задачи и задумываешься, как должен выглядеть какой-то экран и что должно появиться при тапе на кнопку. А может, вы описываете продуктовые задачи и не всегда чувствуете себя на одной волне с дизайнерами и разработчиками, которые иногда начинают говорить на эльфийском? Чтобы исключить недопонимание, неясности и вопросы, мы решили создать перечень наиболее распространенных элементов и жестов и показать их на примере Юлы.

А вы знали, как называется «та самая выезжающая снизу экрана шторка» или несколько (три и более) тапов подряд? Ответы на эти вопросы и названия многих других элементов читайте в нашей статье.

Читать: https://habr.com/ru/company/youla/blog/540768/