Figma

Glossary of terms for UI/UX designer

Основные элементы интерфейса:

Navbar (Navigation Bar) — навигационная панель, расположенная в верхней части сайта или приложения.
Используется для перехода между основными разделами (например, Home, About, Profile).
Tabbar (Tab Bar) — панель вкладок, обычно располагается внизу экрана мобильных приложений и служит для переключения между основными разделами (например, Главная, Сообщения, Профиль).
Sidebar — боковая панель, размещается слева или справа.
Часто содержит меню, фильтры, инструменты или дополнительные опции.
Header — верхняя часть страницы (шапка).
Обычно включает логотип, навигацию, поиск, кнопки авторизации и другие элементы.
Footer — нижняя часть сайта (подвал).
Содержит контактную информацию, ссылки на соцсети, политику конфиденциальности и копирайт.


Навигация и структура:

Breadcrumbs (Хлебные крошки) — элемент навигации, показывающий путь пользователя по сайту.
Пример: Главная / Новости / Технологии / Статья.
Pagination (Пагинация) — постраничная навигация, позволяющая переключаться между страницами контента (например, 1, 2, 3 →).
Dropdown Menu — выпадающее меню, открывающееся при нажатии на кнопку или элемент.


Функциональные элементы:

Toolbar (Панель инструментов) — набор кнопок для быстрого доступа к функциям (например, жирный текст, курсив, выравнивание).
Button (Кнопка) — интерактивный элемент, вызывающий действие (например, Отправить, Сохранить, Купить).
Switch / Toggle — переключатель состояния (например, Вкл / Выкл, Тёмная / Светлая тема).
Checkbox (Флажок) — элемент выбора одного или нескольких параметров.
Radio Button — элемент выбора только одного варианта из списка.
Slider — ползунок для выбора значения из диапазона (например, громкость, яркость).


Вспомогательные элементы:

Modal (Модальное окно) — всплывающее окно поверх контента, требующее действий пользователя (например, Подтверждение удаления).
Tooltip (Подсказка) — небольшое всплывающее окно с пояснением при наведении курсора на элемент.
Popover — окно, похожее на tooltip, но с большим содержимым (текст, кнопки, изображения).
Toast / Snackbar — временное уведомление, всплывающее внизу или вверху экрана (например, “Файл сохранён успешно”).
Overlay — затемнение / перекрытие фона при открытии модального окна или фокусе на важном элементе.


Информативные элементы:

Progress Bar — индикатор прогресса, показывает выполнение процесса (например, загрузка файла).
Spinner / Loader — анимация загрузки, указывает на ожидание или обработку данных.
Badge — небольшой индикатор, отображающий количество уведомлений, сообщений и т.п.
Пример: 3
Status Bar — панель состояния вверху экрана устройства (часы, заряд, сеть, уведомления).


Опыт взаимодействия:

Onboarding — экран знакомства при первом запуске приложения.
Помогает объяснить функции и преимущества сервиса пользователю.
Empty State — экран, отображаемый, когда нет данных (например, “Пока нет сообщений”).
Error State / Success State — экраны, показывающие результат действия пользователя (ошибка, успех и т.п.).
Splash Screen — экран загрузки при запуске приложения, обычно содержит логотип бренда.

Текст прогнан через нейросеть чат джбт, составлена только структура и перефраз для полного понимания
Возможно для кого-то будет полезно