banner-eventbanner-event
Nexfield Academy
  • Курсы
  • Бесплатно
    Курсы
    • Figmaстер ТОП Изучи Figma с нуля до уровня PRO Изучи Figma с нуля до PRO
    • Графический дизайн: старт в профессии Создай свою первую работу с ментором Создай свою первую работу
    • UX/UI дизайн: старт в профессии Первый шаг в профессии вместе 
с арт-директором Узнай основы профессии
    • Вход в IT: как выбрать онлайн профессию Начни свой путь в IT уже сегодня Начни свой путь в IT
    Инструменты
    • sub-menu-icon Иллюстрации Бесплатно для твоих проектов Бесплатно для твоих проектов
    • sub-menu-icon Туториалы Изучай Figma, Photoshop, Illustrator Изучай Figma, Photoshop, Illustrator
    • sub-menu-icon С чего мне начать? QUIZ Выбери подходящий путь в дизайне Выбери подходящий путь в дизайне
    • sub-menu-icon Воркшопы СКОРО Создавай дизайн вместе с нами Создавай дизайн вместе с нами
  • Для дизайнера
    Сервисы
    • Проверка контраста цветов Проверяй констраст двух цветов за несколько секунд Проверяй уровень контраста двух цветов Проверить контраст
    • Генератор брифов Сгенерируй бриф на реальный проект за несколько секунд Сгенерируй бриф на реальный проект Сгенерировать бриф
    Развитие
    • sub-menu-icon Статьи ТОП Более 200 публикаций на разные темы Более 200 публикаций на разные темы
    • sub-menu-icon Новости дизайна Актуальные новости из сферы Актуальные новости из сферы
    • sub-menu-icon Ресурсы Более 100 ресурсов для разных задач Более 100 ресурсов для разных задач
    • sub-menu-icon Вдохновение Лучшие дизайны из всемирной паутины Лучшие дизайны из всемирной паутины
  • Академия
    • sub-menu-icon Об академии Подробнее о нас Подробнее о нас
    • sub-menu-icon Контакты Свяжитесь с нами Свяжитесь с нами
    • sub-menu-icon Вакансии Ищем таланты в нашу команду Ищем таланты в нашу команду
  • Отзывы студентов
Войти
avatar
arrow-down-icon-black
Nexfield Academy
avatar
  • sub-personal-menu-icon Мои курсы ТОП
  • sub-personal-menu-icon Мои сертификаты
  • sub-personal-menu-icon Настройки профиля
  • sub-personal-menu-icon Выйти из кабинета
База знаний
  • Все публикации
  • Аналитика (UX)
    • Все разделы
    • Законы и правила UX
    • Практика UX
    • Эвристики usability
    • Исследование пользователей
  • Интерфейсы (UI)
    • Все разделы
    • Типографика
    • Тренды
    • Цвета
    • Полезные советы
    • Проектировка макетов
  • Карьера дизайнера
    • Все разделы
    • Карьера и развитие
    • Полезные ресурсы
  • Уроки и туториалы
    • Все разделы
    • Уроки по Figma
    • Уроки по Illustrator
    • Уроки по Photoshop
  • Про дизайн
    • Все разделы
    • Книги о дизайне
    • Фильмы о дизайне
    • Новости дизайна
    • История дизайна
home separatorБаза знанийИнтерфейсы (UI) Проектировка макетов

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

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

Сначала новые
  • Сначала новые
  • Сначала популярные

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Навигация по записям

1 2
На страницу:

Присоединяйся к сообществу дизайнеров, которые меняют мир!

Будь первым, кто получает новый контент от Nexfield Academy. Подписывайся на рассылку и применяй наш опыт и знания в своих проектах!

    icon
    Нажимая кнопку «Подписаться на рассылку», ты соглашаешься с  Политикой Конфиденциальности и  Правилами сайта .

    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

    exit-icon
    Сортировка
    • Сначала новые
    • Сначала популярные
    banner-footer Стать студентом Академии
    logo-site
    icon-contact
    info@nexfield.academy
    Связь через email
    icon-contact
    @nexfield_support
    Связь через Telegram
    Курсы и профессии
    Все курсы
    UX/UI дизайнер + AI
    Графический дизайнер + AI
    Веб-дизайнер + AI
    Дизайн-системы
    UX исследования
    Карьера дизайнера
    Бесплатное обучение
    Figmaстер
    Графический дизайн: старт в профессии
    UX/UI дизайн: старт в профессии
    Сервисы
    Проверка контраста цветов
    Генератор брифов
    Инструменты
    Иллюстрации
    Туториалы
    С чего мне начать?
    Развитие дизайнера
    Статьи
    Новости дизайна
    Ресурсы
    Вдохновение
    Академия
    Об академии
    Отзывы студентов
    Контакты
    Вакансии
    Личный кабинет
    Nexfield Academy, 2026 © Все права защищены
    Договор оферты
    Политика конфиденциальности
    Условия использования
    Информация о доступности
    Наверх
    Рады снова видеть тебя!
    Чтобы скачать бриф, войди в личный кабинет
    Ещё нет аккаунта?
    Зарегистрируйся
    icon
    icon
    icon icon
    Напомнить пароль
    Или Продолжить через:
    google-icon-social
    Google
    facebook-icon-social
    Facebook
    close_icon_white
    exit-icon
    Присоединяйся к сообществу комьюнити Nexfield
    Уже есть аккаунт?
    Войди в личный кабинет
    icon
    icon
    icon icon
    Или зарегистрироваться через:
    google-icon-social
    Google
    facebook-icon-social
    Facebook
    Продолжая, ты соглашаешься с Политикой Конфиденциальности и Условиями использования.
    image
    image
    А зачем мне вообще нужен личный кабинет?
    image
    Добавляй любую публикацию или ресурс в закладки и имей быстрый доступ к ним.
    image
    Вдохновляйся лучшими сайтами и создавай свою собственную библиотеку референсов.
    image
    Создавай тематические подборки публикаций или ресурсов.
    close_icon_white
    exit-icon
    Остался последний шаг, и ты — в комьюнити Nexfield
    Давай познакомимся! Расскажи нам немного о себе.
    icon
    icon
    Страна
    icon
    Популярные
    Украина
    Израиль
    Беларусь
    США
    Канада
    Польша
    По алфавиту
    icon
    information_icon_blue
    Телефон необходим для верификации ваших данных. Мы не «спамим» и не передаём данные третьим лицам!
    Я хочу первым получать полезный контент для дизайнеров на почту
    close_icon_white
    exit-icon
    Не помнишь пароль? Не беда!
    Введи свой email и ожидай письма. Мы всё восстановим!
    icon
    Отбой, я всё вспомнил
    exit-icon
    close_icon
    Подтверди свой email
    Мы отправили код подтверждения на указанную почту: Мы отправили его на почту:
    Подтвердить
    Ввести другой email
    Отправить код еще раз можно через:
    03:00
    icon notification
    Не забудь проверить папки СПАМ и «Промоакции»
    close_icon_white
    exit-icon
    check-icon
    Твое сообщение успешно отправлено

    Пока ты это читаешь, мы уже изучаем твоё письмо. 
Ответ последует совсем скоро!

    close_icon_white
    exit-icon
    Вернуться на сайт
    check-icon
    Пароль успешно изменен!
    Теперь ты сможешь войти в личный кабинет с помощью нового пароля
    close_icon_white
    exit-icon
    Вернуться в «Мой профиль»
    Редактировать дальше
    Все получилось!
    Ты успешно закрыл эту задачку!
    Перейти в личный кабинет
    close-icon

    Мы используем cookies

    Все окей, мы просто делаем твой опыт использования сайта лучше!

    Настроить