homeseparatorБаза знанийИнтерфейсы (UI)Проектировка макетов
separatorИнтерфейсы (UI)

Проектировка макетов

Правила и советы, как правильно проектировать интерфейсы

preview-design-system.jpg

Как создать дизайн-систему в Figma? Основы дизайн-систем

Долго, сложно, дорого, но очень удобно. В этой статье разбираемся, как создать свою дизайн систему в Figma и что необходимо учесть.
Figma
Дизайн-система
Figma
Дизайн-система
preview-ui-kit.jpg

Что такое UI Kit и как его создать?

Разбираемся, что такое UI Kit, зачем он нужен, чем он отличается от дизайн-системы и как собрать свой UI Kit.
UI Kit
Дизайн
UI Kit
Дизайн
preview-auto-layout.jpg

Auto Layout в Figma: что это такое и как использовать?

Эта статья — твое полное руководство по миру Auto Layout. После которой ты перестанешь его бояться и увидишь в нем незаменимого помощника.
Auto Layout
Figma
Auto Layout
Figma
preview-cards.jpg

Как правильно создавать дизайн карточек товара в e-commerce интерфейсах

В этой статье разберем, как создать продающую карточку товара — от компактного блока в каталоге до детальной страницы продукта.
E-commerce
UX/UI
E-commerce
UX/UI
preview-1.png

Токены в дизайн-системе: что это и зачем они нужны?

Токен является самой маленькой, но очень важной частью любой дизайн-системы. В этой статье я на пальцах вам расскажу для чего они нужны и как их использовать.
Figma
Токены
Figma
Токены
preview-15.png

Темная тема в интерфейсах: баланс между комфортом и стилем

Замечали ли вы, что глаза отдыхают, когда включаете темную тему на телефоне или ноутбуке? Но чтобы создать качественный «dark mode», недостаточно просто поменять фон на чёрный.
Советы
Темная тема
Советы
Темная тема
preview-14.png

От идеи до реализации: как создать одностраничный сайт?

Создание одностраничного сайта кажется не простым процессом. Но если в голове есть четкий план и понимание каждого этапа, то ваша идея в итоге станет проработанным и функциональным продуктом.
UI
Лендинг
UI
Лендинг
preview-18.png

Состояния в UI дизайне: как элементы оживают

Когда элементы оживают и отвечают на наши действия, интерфейс становится понятным и логичным. Понимание этих состояний — основа создания интуитивных, живых интерфейсов, которые работают на нас.
UI
Состояния
UI
Состояния
preview-19.png

Сила пространства в UI дизайне

Когда мы думаем о дизайне, обычно в голове возникают цвета, кнопки, картинки — но мало кто задумывается о важности пространства. И действительно, почему оно так важно?
UI
Пространство
UI
Пространство
preview-10.png

Иконки в деталях: как превратить их в мощный инструмент

Если вы думали, что иконки — незначительные элементы в углу приложения, то гоните эти мысли прочь. Ведь выбор их стиля способен полностью изменить восприятие вашего интерфейса.
Иконки
Интерфейсы
Иконки
Интерфейсы
preview-27.png

Tooltips или твоя личная шпаргалка в интерфейсах

Встречали ли вы интерфейсы, в которых нет подсказок? Трудно такое представить, ведь даже самый простой и понятный продукт нуждается в небольших пояснениях.
Usability
Элементы
Usability
Элементы
preview-29.png

Кнопки в UX/UI дизайне. Нажми на меня, если сможешь

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

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