photo-author

Никита Пырх

Lead UI/UX дизайнер, ментор и автор образовательных дизайн-программ

waving-hand
waving-hand

Привет, это Никита

Практикующий UI/UX-дизайн, разрабатываю интерфейсы и создаю образовательные программы для дизайнеров. Я со-автор курса Figmaster, который помог тысячам людей по всему миру освоить Figma и сделать первые шаги в профессии. Также снимаю видео, где делюсь опытом — от технических тем до философских размышлений о том, как дизайн влияет на человека.

col-image

Профессиональный фокус

icon-hobby
Инновации и нейросети в дизайне
Изучаю и внедряю AI-инструменты, которые трансформируют рабочие процессы и расширяют возможности дизайнеров.
icon-hobby
Образование и менторство
Со-автор курса Figmaster и наставник порограммам UI/UX и дизайн-системам, где помогаю дизайнерам развиваться в профессии.
icon-hobby
Дизайн-системы и визуальная эстетика
Разрабатываю системные подходы к продуктам и создаю дизайн-системы, которые сочетают функциональность и эстетику визуального дизайна.
col-image

Публикации Никиты

edit-icon-greyПубликаций: 116
preview-visual-thinking.jpg

Как дизайнеру развивать визуальное мышление?

Насмотренность - это не магия и не врожденный талант. Это конкретный навык, который можно и нужно развивать.
UI
Насмотренность
UI
Насмотренность
preview-animation-in-ux-design.jpg

Анимации в UX. Простые советы, как прокачать интерфейс

Про анимации в UI все понятно. Они передают настроение, добавляют эстетики в интерфейс, акцентируют внимание пользователя и многое другое. А что касается UX? Как анимации влияют на юзабилити? Погнали разбираться!
Анимация
Интерфейсы
Анимация
Интерфейсы
Frame-919.png

Создаём куб в Figma и анимируем его

Для создания куба с текстурой нам понадобиться плагин Easometric и изображение, которое мы будем накладывать на куб. Давайте поэтапно разберём, как создать куб со своим изображением и анимировать его.
Figma
Анимация
Figma
Анимация

Как сделать анимацию списка в Figma

Думаете списки бывают только статические? Наверное, вы просто не анимировали их в Figma. Давайте создадим такой в этом туториале.
Figma
Анимация
Figma
Анимация
Frame-871.png

Создаём hover анимацию в Figma

В этом уроке мы научимся создавать крутую ховер анимацию для карточек. Нам понадобятся изображения и базовые навыки работы с Auto layout. Давайте поэтапно разберём, как создать такую анимацию.
Figma
Анимация
Figma
Анимация
Frame-827.png

Анимация параллакс эффекта в Figma

Для создания эффекта параллакс, нам понадобиться изображение, части которого находяться на разном расстоянии от камеры, чтобы у изображения была глубина и эффект параллакса был более красочным.
Figma
Анимация
Figma
Анимация

Nexfield Academy

Nexfield Academy

Nexfield Academy

Nexfield Academy

Nexfield Academy

Nexfield Academy

Nexfield Academy

Nexfield Academy

Nexfield Academy

Nexfield Academy

Nexfield Academy

Nexfield Academy

Nexfield Academy

Nexfield Academy

Nexfield Academy