Все публикации

Мы каждый день нажимаем на сотни кнопок, скроллим ленты и пользуемся приложениями, не задумываясь, почему всё устроено именно так. Хороший UX невидим — он просто работает. Но за этой интуитивной простотой стоит целая наука, которая зародилась ещё в прошлом веке.

Просто, быстро и без воды. Разбираемся, как сделать крутую и удобную форму регистрации/авторизации в твоем интерфейсе.

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

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

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

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

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

Для создания карусели в Figma нам понадобятся фотографии объектов без фона. Чтобы убрать фон с фотографии, можно воспользоваться плагинами.

В этом уроке мы поэтапно разберёмся, как создать свечение от фонарика у текста при ховере.

Для создания эффектной анимации слайдера, нам понадобятся изображения. Можно воспользоваться бесплатными стоками, например, Unsplash или Pexeles.

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