Графический пользовательский интерфейс (GUI) строится на системе визуальных компонентов, которые позволяют пользователю взаимодействовать с программным обеспечением. Основные элементы можно разделить на несколько функциональных категорий. 1. Окна (Windows) Окна являются основными контейнерами для отображения информации и работы приложений.
- Главное окно: Основная область приложения.
- Диалоговое окно: Всплывающее окно для выполнения конкретного действия или подтверждения операции.
- Модальное окно: Тип окна, которое блокирует работу с остальным интерфейсом до тех пор, пока пользователь его не закроет.
2. Элементы управления (Controls / Widgets) Эти компоненты позволяют пользователю вводить данные и управлять состоянием системы.
- Кнопки (Buttons): Инициируют немедленное действие при нажатии.
- Текстовые поля (Input Fields): Области для ввода текстовой информации.
- Чекбоксы (Checkboxes): Позволяют выбрать один или несколько вариантов из списка.
- Радиокнопки (Radio Buttons): Позволяют выбрать только один вариант из предложенного набора.
- Выпадающие списки (Dropdowns): Компактные элементы для выбора одного значения из скрытого перечня.
- Ползунки (Sliders): Используются для плавной регулировки числовых значений (например, громкость или яркость).
- Переключатели (Switches/Toggles): Служат для смены состояния между «вкл» и «выкл».
3. Навигационные элементы Помогают пользователю перемещаться по разделам программы или сайта.
- Меню (Menus): Список команд или разделов (строка меню, контекстное меню, «бургер-меню»).
- Панель инструментов (Toolbar): Группа часто используемых кнопок для быстрого доступа.
- Вкладки (Tabs): Позволяют переключаться между различными представлениями в одном окне.
- Хлебные крошки (Breadcrumbs): Показывают путь от главной страницы до текущего раздела.
- Пагинация (Pagination): Разделение контента на отдельные страницы.
4. Информационные элементы Предназначены для вывода данных и обратной связи.
- Иконки (Icons): Графические символы, упрощающие распознавание функций.
- Индикаторы прогресса (Progress Bars): Визуализируют статус выполнения длительной задачи.
- Тултипы (Tooltips): Всплывающие подсказки при наведении курсора на элемент.
- Уведомления (Notifications): Сообщения о системных событиях или изменениях.
- Метки (Labels): Текстовые подписи к элементам управления.
5. Контейнеры и группировка Используются для организации структуры интерфейса.
- Карточки (Cards): Блоки, объединяющие разнородный контент (текст, фото, кнопки) по одной теме.
- Аккордеоны (Accordions): Списки, разделы которых можно разворачивать и сворачивать.
- Боковые панели (Sidebars): Дополнительные области по краям экрана для навигации или настроек.
Я могу подготовить для вас краткую таблицу с описанием того, в каких ситуациях лучше использовать конкретный элемент (например, чем отличается чекбокс от радиокнопки на практике). Хотите, чтобы я это сделал?