Кто такие ui-дизайнеры и чем они занимаются

Кто среди признанных UX-дизайнеров

Рассмотрим мэтров UX-дизайна, у которых учатся не только начинающие дизайнеры. Это люди, оставившие ценный вклад для нашей отрасли, поэтому ознакомиться с их трудами точно не будет лишним:

1. Стив Круг — эксперт по юзабилити, написавший книгу-бестселлер «Не заставляй меня думать!». Он активно ведет страницу в twitter @skrug и не так давно принял участие в записи подкаста, в котором рассказал о жизни во время пандемии, истории появления своей книги, эволюции UX-дизайна.
2. Дон Норман — когнитивист, дизайнер, преподаватель и соучредитель Nielsen Norman Group (консалтинговой фирмы в области исследований пользовательского опыта). На сайте компании начинающий дизайнер может найти статьи по разным аспектам UX-дизайна. Дон Норман также является автором «Дизайна привычных вещей» и «Эмоционального дизайна», входит в совет директоров международной образовательной платформы для UX-дизайнеров Interaction Design Foundation.
3. Якоб Нильсен — консультант по веб-юзабилити и исследователь человеко-компьютерного взаимодействия, основатель Nielsen Norman Group. В 90-х он выделил 10 эвристик, которые используются в разработке любого продукта. Данный список позволяет проводить проверку юзабилити интерфейсов дизайнерам уже на протяжении 30-ти лет.
4. Лаура Клейн — инженер, дизайнер, менеджер по продукту, более 20-ти лет помогает компаниям узнавать больше о своих пользователях, чтобы они могли создавать продукты, которые нравятся людям. Лаура — автор книг UX for Lean Startups: Faster, Smarter User Experience Research and Design и Build Better Products: A Modern Approach to Building Successful User-Centered Products (на русском не издавались).
5. Скотт Дженсон — руководитель проекта Physical Web для Chrome, а в прошлом он был UX-директором в Google, Symbian и Apple. На своем персональном сайте он размещает статьи и выступления по теме UX.

Подведем итог.  UX-дизайнер — это специалист, который занимается проектированием продукта с учетом потребностей и задач пользователя. Часто многие компании ищут UX/UI-дизайнера, в зону ответственности которого входит и проработка визуального решения для проектируемого интерфейса. 

Для получения крепкой базы в начале пути не упускайте возможности изучить как можно больше материалов по теме: посещайте бесплатные вебинары, ознакомительные курсы, читайте специализированную литературу и телеграм-каналы. Если поймете, что это «ваше», присмотритесь к платным курсам, которые нацелены на практику и предусматривают обратную связь преподавателя или куратора. 

Также рекомендуем присмотреться к достижениям признанных UX-дизайнеров. Некоторые из них изложили свой опыт в книгах, кто-то ведет Twitter или персональную страницу. На русском можно почитать Стива Круга «Не заставляй меня думать!», Дона Нормана «Дизайн привычных вещей», «Эмоциональный дизайн».  

При поиске вакансии важно понять, какое направление наиболее интересно вам, и начать собирать портфолио в этой сфере

Большинство компаний обращает внимание не только на резюме, но и смотрят на портфолио, а также предлагают выполнить тестовое задание

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

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

Какие курсы проходить

В этом вопросе я придерживаюсь мнения, что помогают не курсы, а тренер, который преподает на курсах. Поэтому для своего развития я находила людей, которые могут быть моими менторами.Например, когда я старалась стать графическим дизайнером, то зашла на Freelancer.ru и нашла двух самых топовых дизайнеров. Написала им на почту, что меня впечатляют их труды, у меня уже проделан какой-то путь, а дальше мне нужен практикующий ментор, станьте моим тренером. И, удивительно, Камилла Бартенева согласилась быть моим тренером вот так вот просто, с одного письма невзирая на то, что она очень высокий специалист. По такому принципу я действовала и дальше, всегда есть тот, кто знает больше и очень часто люди делятся знаниями бесплатно.Несмотря на то, что я предпочитаю менторство, все равно периодически прохожу курсы и ux-марафоны, где нахожу для себя новую информацию. Вот моя подборка:

1. Skillbox
2. Бюро Горбунова
3. WDI школа (я там преподавала и разделяю взгляды создателя в дизайне)
4. Bang Bang Education
5. UXboost (для опытных дизайнеров)
6. Британская Школа Дизайна

Онлайн-курсы от Breezzly по интерактивному дизайну (ux/ui) и анимации интерфейсов (Job Shadowing)

Объем курсов: 4 часа, 4 проекта, 32 видеоурока

Стоимость: 4 000 ₽

Фишка: осваиваете полный комплект инструментов UX-дизайнера (Figma, Principle, InVision Studio, Tilda) на жизненных учебных проектах: мобильное приложение, iWatch App, сайт и веб-приложение

Изучить курсы: https://breezzly.ru/catalog/design-interfeisov-v-figma

Здесь вы учитесь применять полный комплект инструментов ux-дизайнера в нестандартных и жизненных проектах: мобильные приложения, приложения для Smart Watch, сайты и веб-приложения.

Каждый курс хорош как первый шаг и полезен для прокачки в инструментах ux-дизайнера на интересных и жизненных проектах.

Для кого: курс зайдет, если вы хотите попробовать себя в роли UX-дизайнера и получить полное представление на практике. Здесь вас встретят дизайн-проекты во всех популярных инструментах (Figma, InVision Studio, Principle) и на всех видах популярных у клиентов проектов.

Чему научитесь

1. Организовывать работу
2. Воплощать дизайн-идеи с помощью редакторов
3. Создавать интерактивные дизайны цифровых продуктов с анимациями
4. Работать с фигурами, цветом, шрифтами, изображениями и модульной сеткой
5. Реализовывать интерфейсы и вытачивать эстетику
6. Готовить дизайн к разработке

Автор курса: Анастасия Свеженцева, продуктовый дизайнер и бренд-дизайнер. 5 лет опыта работы в двух международных компаниях iSpring Solutions и Omega-R. Сейчас помогает стартапам и продуктовым командам по всему миру: проектирует интерфейсы мобильных и веб-приложений, создает сайты, помогает улучшить дизайн. Любит прорабатывать логотипы, фирменный стиль и уникальную графику с характером. Активно изучает коммерческую иллюстрацию, поведенческую психологию и брендинг. Преподает дизайн с 2015 года. Пришла в дизайн из программирования.

Что такое UX дизайн?

UX практически всегда сопровождается словом “дизайн”. Люди, работающие в этой области – UX дизайнеры.

Простыми словами, User Experience Design (UXD или UED) – это процесс создания физического или электронного продукта, который полезен, легок в использовании и приятен для взаимодействия. Но на самом деле все значительно сложнее:

01. UX дизайн больше чем юзабилити

Существует заблуждение, что UX дизайн – это то же самое, что и юзабилити. И это заблуждение понятно: юзабилити предполагает, что продукт полезен и легок в использовании.

Юзабилити – это качественный атрибут пользовательского интерфейса, который устанавливает, легок ли продукт в изучении, насколько он эффективен, и так далее.

Да, юзабилити – это один из наиболее важных факторов в эффективном UX, но если UX ограничится только этим элементом, то ваш продукт будет на шаг позади.

02. UX дизайн не является визуальным или UI дизайном

UX дизайн часто ошибочно относят к Визуальному/UI дизайну, потому что для многих людей слово “дизайн” сразу же ассоциируется с цветами и графикой. Но UX дизайн другой.

Пользовательский интерфейс (UI) определяется как средство связи между человеком и системой. С увеличением популярности персональных компьютеров и мобильных девайсов этот термин обычно приравнивают к “графическому пользовательскому интерфейсу (graphical user interface (GUI))” – внешний вид и ощущение, презентация и интерактивность продукта.

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

UX соединяет разрыв между тем как что-то выглядит и как оно работает и чувствуется.

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

03. UX дизайн – это люди

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

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

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

04. UX дизайн имеет разные размеры

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

05. UX дизайн – это постоянно продолжающийся процесс

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

Моушн дизайнер

Помните еле заметное движение, когда вы тянете экран, чтобы обновить почту на вашем iPhone? Это работа моушн дизайнера. В отличие от графических дизайнеров, которые, как правило, имеют дело со статическими объектами, моушн дизайнеры создают анимацию внутри приложения. Они имеют дело с тем, что интерфейс делает после того, как пользователь дотрагивается до него. Например, они решают, как меню должно скользить, какие эффекты использовать для переходов, и как кнопка будет нажиматься. Когда все сделано хорошо, движение становится неотъемлемой частью интерфейса, предоставляя визуальные подсказки о том, как пользоваться продуктом.

«Требуется знание графического дизайна, моушн дизайна, диджитал арт, чувство цвета и типографики, общая осведомленность материалов/текстур и практическое понимание анимации. Знание прошивок iOS, OS X, Photoshop и Illustrator, а также знакомство с Director (или эквивалент), Quartz Composer (или эквивалент), 3D компьютерное моделирование, моушн графика».

Инструменты: AfterEffects, Core Composer, Flash, Origami

Вы скорее всего слышали от него: «Меню должно всплывать слева через 800 мс.»

Кто такие UI и UX-специалисты и чем отличаются их обязанности

Стремительное развитие интернета привело к тому, что практически любая компания или интернет магазин владеют собственным сайтом, в каждом магазинчике стоит банковский терминал или устройство для пополнения счета. Экраны этих устройств и страницы сайтов должны отвечать главным требованиям – обладать презентабельным внешним видом и комфортной навигацией. На смену шаблонам пришли инновационные, нетривиальные и оригинальные решения в интерфейсе. Именно поэтому профессия web-дизайнера разделилась на две принципиально отличающиеся отрасли. Теперь компаниям нужны UI/UX-дизайнеры или простыми словами дизайнеры интерфейса. Эти сотрудники занимаются разработкой проектов пользовательского интерфейса с учетом функциональности, удобства, внешнего вида (от места размещения кнопки до цвета общего фона).

Приставка UX (User Experience) переводится как «пользовательский опыт» и обозначает впечатление пользователя от использования интерфейса. Насколько он удобен, получается ли найти искомое, сколько это занимает времени.

Приставка UI (User Interface) обозначает пользовательский интерфейс. UI-дизайнер создает «оболочку» интерфейса, его внешность. Эксперт подбирает цвета, выбирает комфортное расположение и размер кнопок, делает текст максимально читабельным (это касается месторасположения, цвета, шрифта) и т.д.

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

В обязанности UI/UX-дизайнера входит:

• выявление приоритетных потребностей пользователей и наиболее выгодные сегменты;
• формирование Customer Journey Map (карты путешествия потребителя по сайту);
• проектировка сценариев взаимодействия пользователя и продукта;
• генерация дизайнерских решений;
• проектировка удобных во всех отношениях интерфейсов;
• проведение тестирования сайта и внесение необходимых изменений или дополнений;
• осуществление комплексного анализа;
• согласование проекта с руководством;
• налаживание взаимодействия в команде при работе над интерфейсом.

UI Kit для сайтов

1. Landing Page Kit

UI Kit для сборки лендинга. В комплекте код, исходники дизайна и 3D-иллюстрации. Все в Figma. Пакет включает адаптивный и полностью анимированный шаблон целевой страницы с 24 разделами.

Скачать UI Kit →

2. Evergreen Design System for the Web

Evergreen — это React UI Framework для создания веб-продуктов. Это готовая дизайн-система, которую вы можете взять за основу для своего проекта. И самый крутой плюс этой библиотеки в том, что у разработчиков уже есть все эти кирпичика в виде кода, и они быстро соберут ваш интерфейс по вашим макетам. Дает супеускорение при работе в паре с разработчиками

Скачать UI Kit →

3. Material-UI for Figma / $69

Библиотека с готовым кодом по гайдлайнам Material Design. 1500 уникальных элементов. Все компоненты сделаны с учетом свежей версии и используют Auto Layout. 

Скачать UI Kit →

4. UI 8 Hygge — eCommerce Web UI Kit / $58

Скачать UI Kit →

• 16 готовых шаблонов
• Адаптивные и оптимизированные мобильные устройства
• HTML, CSS, JS + PUG, шаблоны SASS
• Светлый и темный режим
• Файлы Figma включены

5. UI 8 Pacific Web UI Pack дя XD и Figma / $49

Pacific – это комплект из 20 экранов по темам архитектура и дизайн интерьера с сочетанием современной и элегантной типографики. Создан для Adobe Xd и Figma по принципам дизайна Suisse.

Скачать UI Kit →

6. Craftwork Singleton Web UI Kit

Singleton — это потрясающий UI-кит со стильными и игривыми макетами для красивых лендингов. Создавайте веб-сайты быстро и легко с помощью более 100 готовых блоков в 11 популярных категориях. Каждый компонент имеет гибкие настройки и легко редактируется.

Скачать UI Kit →

Craftwork Singleton Web UI Kit

Составные процессы UX-дизайна

Выделяют три этапа UX-дизайна: 1. поиск целевой аудитории 2. понимание целей компании – как такие цели влияют на пользователя 3. нешаблонное мышление

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

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

Кто такой UX-дизайнер и чем он занимается?

UX-дизайнер — это инженер-конструктор, который изучает опыт пользователей прямо в поле: вникает в аналитику, проектирует схемы потоков, прототипирует варианты лучших способов достижения целей и создает техническое задание для UI-дизайнера.

Пример сценария (User Flow) по заказу комбо.

Что нужно уметь делать UX-дизайнеру:

• Проводить UX-исследования (качественные и количественные)
• Упаковывать результаты исследований в различные форматы, например, Customer Journey Map
• Создавать прототипы с более эффективными способами достижения целей пользователями;
• Работать с метриками и повышать эффективность пользовательских сценариев с помощью аналитики и данных исследований;

Задача UX-дизайнера:

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

Для этого UX-дизайнер проводит различные исследования моделей как потребителей, так и программных продуктов.

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

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

Модель и Интерфейс тесно взаимосвязаны. Чтобы понять разницу между Моделью и Интерфейсом, задайте вопрос: откуда вообще взялась корзина? Разве клиенты добавляют автомобили в тележку пачками, как в супермаркете? Или все-таки нужна модель не корзины/тележки из супермаркета, а тест-драйва в автосалоне?

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

Выходит, что за любым объектом в реальном мире стоит модель, которая находится в нашем сознании — это наши представления о том, как эта штуковина перед нами должна работать. И эти представления возникают еще до того, как мы дотронулись до нее.

Как стать UX-дизайнером:

Хочешь прокачаться в UX-дизайне? Упаковала в 10 шагов все, что помогло мне освоить навыки UX-дизайна, выполнить проекты и собрать портфолио. Читать статью →

Сколько зарабатывает UI-дизайнер

Как и у всех специалистов на рынке, у UI-дизайнеров есть градация оценки их знаний и навыков: 

• Junior — начинающий специалист с минимальным опытом или без него, обладает теоретическими знаниями, решает мелкие задачи; 
• Middle — опытный специалист со стажем 1–3 года, обладает структурированными теоретическими знаниями, выполняет ответственные задачи и часть передаёт джунам;
• Senior — эксперт с большим практическим опытом, несёт большую ответственность и способен обучать специалистов в своей сфере.

На данным всё того же hh.ru можно сказать, что уровень дохода UI-дизайнера напрямую зависит от его опыта. Ряд компаний предлагает джуниорам оклад 30 000 рублей в месяц, а опытным сеньорам — 250 000. При этом средний оклад по рынку составляет около 80 000 рублей. И здесь мы учитываем лишь работу в штате компании, но и фриланс никто не отменял — а в этом поле вы вольны сами определять стоимость своей работы. 

Notion – на пути к улучшенной продуктивности

Notion заметно улучшили свой продукт, а также продолжили пополнять список своих шаблонов: в их базе уже 90+ шаблонов, и в новом 2021 году их численность будет только расти. А вот какие были улучшения и нововведения в самом продукте:

• улучшена система поиска благодаря добавлению новых фильтров;

• мобильное приложение теперь запускается в 2 раза быстрее;

• появилась функция добавления неограниченного количества контента на бесплатной основе;

• добавлена функция “Scribble” для iPad, позволяющая делать заметки от руки;

• при помощи новой функции Timeline View (Диаграмма Гантта), можно редактировать планы, проекты и задачи вашей команды в виде плана-графика.

GoPractice – попробуй себя в роли продакт-менеджера (+исследователя-аналитика) и сделай дизайн на основе добытых данных

Это не обычный курс, а симулятор работы в продуктовой компании. Вам предстоит развивать продукт, анализировать реальные данные в системах аналитики и принимать решения. Обучение Product management (профессии продакт менеджера).

Автор курса: Олег Якубенков. Руководил аналитикой геосервисов в Яндексе. В роли директора по продуктам развивал сервисы компании API.AI. Компания куплена Google. Отвечал за аналитику в MSQRD. Компания куплена Facebook.

Для кого: помогает сформировать у дизайнера культуру принятия решений на основе данных. Начать смотреть на продукт и бизнес глубже и системнее.

Объем курса: 100 часов практики, 235 кейсов

Стоимость: 40 900 руб

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

Изучить курс: https://simulator.gopractice.ru/

Что такое User Experience (UX)?

UX расшифровывается как “user experience (опыт взаимодействия)”. Опыт взаимодействия – это то, как люди взаимодействуют с продуктом.

Вы сталкиваетесь с UX везде. По идее, все с чем вы контактируете, начиная с программного обеспечения и заканчивая кнопкой включения/выключения и ее формой, является примером элементов, создающих UX. Сумма ваших взаимодействий с продуктом становится опытом, который вы получаете используя этот продукт.

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

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

• Получил ли я пользу от этого продукта?
• Легко ли его использовать?
• Приятно ли его использовать?

То, станут ли люди постоянными и верными пользователями продукта напрямую зависит от ответа на эти вопросы.

Элементы UX

Дон Норман (Don Norman), соучредитель Nielsen Norman Group, был первым, кто ввел понятие “user experience” в 90-ые годы, сказав “Опыт взаимодействия охватывает все аспекты взаимодействия пользователя с компанией, ее услугами и продуктами”. 

В этом видео Дон Норман делится своим мнением об истоках термина UX.

Подводя итог, UX – это практически все, что влияет на взаимодействие пользователя с продуктом.

Опыт взаимодействия основывается на ощущениях. Он выходит за рамки обычного человек-компьютер взаимодействия (human-computer interaction (HCI)) и уделяет особое внимание человеческой стороне. Люди оценивают взаимодействие как личный момент.

UX зависит от контекста, в котором используется продукт

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

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

С технической точки зрения UX включает практические, эмпирические, аффективные, значимые и ценные аспекты взаимодействия. Соты Питера Морвилла (Peter Morville) – это инструмент, который поможет вам найти правильный баланс между различными областями эффективного UX.

• Usable: Продукт должен быть простым и легким в использовании. Он должен быть разработан так, чтобы быть знакомым и понятным.
• Useful: Продукт должен удовлетворять потребности. Если он этого не делает, что у пользователя нет причин его использовать.
• Desirable: Визуальная эстетика продукта должна быть привлекательна. Элементы дизайна могут вызывать позитивные эмоции и симпатию.
• Findable: Если у пользователя возникли проблемы с продуктом, то они должны быть в состоянии быстро найти решение.
• Accessible: Дизайн продукта должен быть таким, чтобы даже физически неполноценные люди могли иметь такой же опыт как и все остальные.
• Credible: Компания и ее продукты должны вызывать доверие.

Когда дизайн продукта сочетает в себе эти 6 элементов, тогда он будет ценен для пользователей, а максимизация ценности – основная цель UX.

Как тренировать UI

Повышайте уровень насмотренности. Но не просто смотреть и старайтесь запомнить, а именно повторяйте, копируйте. Т.е. план действия примерно такой:

1. Завести файл в Figma.
2. Положить работу с dribbble, которая нравится.
3. Начинать повторять на глаз аналоговый интерфейс. Нельзя накладывать текст и объекты сверху на аналог. Стараться попадать самим через глазомер.
4. Анализировать как ваши знания по UI работают в этом аналоге.

Такой способ нелегкий, быстро надоедает, ведь не дает моментальных результатов. Но он точно даст набор паттернов (примеров), которые будут у вас в памяти и в руках. Поэтому, когда вы начнете делать реальный проект, то у вас уже будут варианты дизайн-решений, которые вы умеете делать.Еще очень полезно менять работы. Например, взять приложение для ухода за цветами где есть график полива с напоминаниями и изменить на систему приема лекарств, создавая новое ui-решение.Такую тренировку можно выложить в dribbble и у вас будет впечатляющее портфолио UI-дизайнера.