Список элементов графического интерфейса пользователя

редактировать

Элементы графического пользовательского интерфейса - это те элементы, которые используются графическими пользовательскими интерфейсами (GUI) для обеспечения согласованного визуального языка представлять информацию информация хранится в компьютерах. Это облегчает людям с ограниченными навыками работы с компьютером и работу с программным обеспечением.

В этой статье объясняются наиболее распространенные элементы интерфейсов визуального языка, встречающиеся в парадигме WIMP («окно, значок, меню, указатель»), хотя многие из них также используются в других графических пост-WIMP интерфейсы. Эти элементы обычно воплощаются в интерфейсе с использованием набора инструментов виджетов или среды рабочего стола.

Содержание
  • 1 Структурные элементы
    • 1.1 Окно
    • 1.2 Меню
    • 1.3 Значки
    • 1.4 Элементы управления (или виджеты)
    • 1.5 Вкладки
  • 2 элемента взаимодействия
    • 2.1 Курсор
      • 2.1.1 Указатель
      • 2.1.2 Точка вставки
    • 2.2 Выбор
    • 2.3 Ручка настройки
  • 3 См. Также
  • 4 Ссылки
Структурные элементы

В графических пользовательских интерфейсах используются визуальные соглашения для представления отображаемой общей информации. Некоторые соглашения используются для построения структуры статических элементов, с которыми пользователь может взаимодействовать, и определения внешнего вида интерфейса.

Окно

Окно - это область на экране, в которой отображается информация, причем ее содержимое отображается независимо от остальной части экрана. Примером окна является то, что появляется на экране при щелчке по значку «Мои документы» в Операционной системе Windows. Пользователю легко управлять окном: его можно показать и скрыть, щелкнув значок или приложение, и его можно переместить в любую область, перетащив его (то есть, щелкнув значок определенная область окна - обычно строка заголовка вверху - и удерживая кнопку указывающего устройства нажатой, затем перемещая указательное устройство). Окно можно разместить перед другим окном или за ним, его размер можно настроить, а полосы прокрутки можно использовать для навигации по разделам внутри него. Несколько окон также могут быть открыты одновременно, и в этом случае каждое окно может отображать отдельное приложение или файл - это очень полезно при работе в многозадачной среде. Системная память - единственное ограничение на количество окон, которые могут быть открыты одновременно. Также существует много типов специализированных окон.

  • A окно-контейнер включает в себя другие окна или элементы управления. При перемещении или изменении размера вложенные элементы перемещаются, изменяют размер, переориентируют или обрезаются окном контейнера.
  • A окно браузера позволяет пользователю просматривать и перемещаться по коллекции элементов, например файлы или веб-страницы. Веб-браузеры являются примером этих типов окон.
  • Текстовый терминал окна представляют собой основанные на символах, управляемые командами текстовые пользовательские интерфейсы в рамках общей графический интерфейс. Консоли MS-DOS и UNIX являются примерами окон этих типов. Окна терминалов часто соответствуют условным обозначениям горячих клавиш и отображению терминалов на основе CRT, которые предшествуют графическому интерфейсу пользователя, например VT-100.
  • A дочернее окно открывается автоматически или в результате действий пользователя в родительском окне. Всплывающие окна в Интернете могут быть дочерними окнами.
  • A окно сообщений или диалоговое окно, тип дочернего окна. Обычно это небольшие базовые окна, которые открывает программа для отображения информации пользователю и / или получения информации от пользователя. У них почти всегда есть одна или несколько кнопок, которые позволяют пользователю закрыть диалог с утвердительным, отрицательным или нейтральным ответом.

Меню

Меню позволяют пользователю выполнять команды, выбирая их из списка выбор. Параметры выбираются с помощью мыши или другого указывающего устройства в графическом интерфейсе. Также можно использовать клавиатуру. Меню удобны, потому что они показывают, какие команды доступны в программном обеспечении. Это ограничивает объем документации, которую пользователь читает для понимания программного обеспечения.

  • A строка меню отображается горизонтально в верхней части экрана и / или в верхней части некоторых или всех окон. Выпадающее меню обычно ассоциируется с этим типом меню. Когда пользователь щелкает пункт меню, появляется раскрывающееся меню.
  • A меню имеет видимый заголовок в строке меню. Его содержимое открывается только тогда, когда пользователь выбирает его с помощью указателя. Затем пользователь может выбирать элементы в раскрывающемся меню. Когда пользователь щелкает в другом месте, содержимое меню исчезает.
  • A контекстное меню невидимо до тех пор, пока пользователь не выполнит определенное действие мыши, например, нажатие правой кнопки мыши. Когда происходит действие мыши, зависящее от программного обеспечения, под курсором появляется меню.
  • Дополнительные элементы меню - это отдельные элементы внутри или сбоку от меню.

Значки

значок - это небольшое изображение, представляющее такие объекты, как файл, программа, веб-страница или команда. Это быстрый способ выполнять команды, открывать документы и запускать программы. Иконки также очень полезны при поиске объекта в списке браузера, потому что во многих операционных системах все документы, использующие одно и то же расширение, будут иметь один и тот же значок.

Элементы управления (или виджеты)

Элементы интерфейса, известные как графические элементы управления, элементы управления или виджеты - это программное обеспечение компоненты, с которыми пользователь компьютера взаимодействует посредством прямого управления для чтения или редактирования информации о приложении. Каждый виджет способствует определенному взаимодействию пользователя с компьютером. Структурирование пользовательского интерфейса с помощью наборов инструментов виджетов позволяет разработчикам повторно использовать код для аналогичных задач и предоставляет пользователям общий язык для взаимодействия, поддерживая согласованность во всей информационной системе.

Обычно виджеты используются для отображения коллекций связанных элементов (например, с различными элементами управления list и canvas ), инициирования действий и процессов в интерфейсе ( кнопки и меню ), навигация внутри пробела информационной системы (ссылки, вкладки и полосы прокрутки ), а также представление и управление значениями данных (например, метки, флажки, переключатели, ползунки и счетчики.)

Вкладки

A вкладка обычно представляет собой небольшой прямоугольный прямоугольник, который обычно содержит текстовую метку или графический значок, связанный с панелью просмотра.. Когда активирована панель просмотра или окно, отображаются виджеты, связанные с этой вкладкой; группы вкладок позволяют пользователю быстро переключаться между различными виджетами. Он используется в веб-браузерах Firefox, Internet Explorer, Konqueror, Opera и Safari. С помощью этих браузеров вы можете одновременно открывать несколько веб-страниц в одном окне и быстро перемещаться между ними, щелкая вкладки, связанные со страницами. Вкладки обычно размещаются группами в верхней части окна, но также могут быть сгруппированы сбоку или внизу окна. Вкладки также присутствуют в панелях настроек многих приложений. Microsoft Windows, например, использует вкладки в большинстве диалогов панели управления.

Элементы взаимодействия

Некоторые общие идиомы для взаимодействия развились в визуальном языке, используемом в графических интерфейсах. Элементы взаимодействия - это объекты интерфейса, которые представляют состояние текущей операции или преобразования либо в виде визуальных остатков пользователя (например, указателя), либо в виде возможностей, показывающих места, где пользователь может взаимодействовать.

Курсор

Курсор - это индикатор, используемый для отображения положения на мониторе компьютера или другом устройстве отображения, которое будет реагировать на ввод с устройства ввода текста или указывающего устройства.

Указатель

Указатель повторяет движения указывающего устройства, обычно мыши или сенсорной панели. Указатель - это место, где выполняются действия, инициируемые с помощью прямого управления жестами, например щелчком, касанием и перетаскиванием.

Точка вставки

Каретка, текстовый курсор или точка вставки представляют точку пользовательского интерфейса, в которой находится фокус. Он представляет собой объект, который будет использоваться в качестве объекта по умолчанию для инициируемых пользователем команд, таких как ввод текста, запуск операции selection или копирования-вставки через клавиатура.

Selection

A selection - это список элементов, над которыми будут выполняться операции пользователя. Пользователь обычно добавляет элементы в список вручную, хотя компьютер может создавать выбор автоматически.

Ручка настройки

A Ручка - это индикатор начальной точки для операции перетаскивания. Обычно форма указателя изменяется при размещении на ручке, показывая значок, который представляет поддерживаемую операцию перетаскивания.

См. Также
Ссылки
На Викискладе есть материалы, относящиеся к Графическому интерфейсу пользователя.
Последняя правка сделана 2021-05-28 09:16:43
Содержание доступно по лицензии CC BY-SA 3.0 (если не указано иное).
Обратная связь: support@alphapedia.ru
Соглашение
О проекте