Из Википедии, свободной энциклопедии
Перейти к навигации Перейти к поиску

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

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

Структурные элементы [ править ]

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

Окно [ править ]

Основная статья: Окно (вычисления)

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

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

Меню [ редактировать ]

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

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

Иконки [ править ]

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

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

Основная статья: Виджет (GUI)

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

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

Вкладки [ править ]

Вкладка обычно представляют собой прямоугольный небольшой ящик , который обычно содержит текстовую метку или графический значок , связанную с панелью просмотра. Когда активирована панель просмотра или окно, отображаются виджеты, связанные с этой вкладкой; группы вкладок позволяют пользователю быстро переключаться между различными виджетами. Это используется во всех современных веб-браузерах . [6] [7] [8] [9] [10]С помощью этих браузеров вы можете одновременно открывать несколько веб-страниц в одном окне и быстро перемещаться между ними, щелкая вкладки, связанные со страницами. Вкладки обычно помещаются в группы вверху окна, но также могут быть сгруппированы сбоку или внизу окна. Вкладки также присутствуют в панелях настроек многих приложений. Microsoft Windows, например, использует вкладки в большинстве диалогов панели управления.

Элементы взаимодействия [ править ]

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

Курсор [ править ]

Основная статья: Курсор (пользовательский интерфейс)

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

Указатель [ править ]

Основная статья: Указатель (пользовательский интерфейс)

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

Точка вставки [ править ]

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

Выбор [ править ]

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

Ручка регулировки [ править ]

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

См. Также [ править ]

  • Техника взаимодействия
  • Геометрический примитив

Ссылки [ править ]

  1. ^ "Определение окна" . Linfo.org. 9 августа 2004 . Проверено 19 сентября 2006 года .
  2. ^ "меню" . Foldoc.org . Проверено 19 сентября 2006 года .
  3. ^ a b «Как пользоваться меню» . Java.sun.com . Проверено 19 сентября 2006 года .
  4. ^ "контекстное меню" . Foldoc.org . Проверено 19 сентября 2006 года .
  5. ^ "выпадающее меню" . Foldoc.org. 19 сентября 2006 г.
  6. ^ "Использовать вкладки в Chrome" . Справка Google Chrome . Google . Архивировано 14 декабря 2020 года . Проверено 14 декабря 2020 года .
  7. ^ Участники mozilla.org. «Используйте вкладки, чтобы организовать множество веб-сайтов в одном окне» . Поддержка Mozilla . Корпорация Mozilla . Архивировано 14 декабря 2020 года . Проверено 14 декабря 2020 года .
  8. ^ «Используйте вкладки для веб-страниц в Safari на Mac» . Руководство пользователя Safari . Apple Inc. Архивировано 14 декабря 2020 года . Проверено 14 декабря 2020 года .
  9. ↑ Хоффман, Крис (28 октября 2020 г.). «Как включить и использовать вертикальные вкладки в Microsoft Edge» . How-To Geek . LifeSavvy Media. Архивировано 14 декабря 2020 года . Проверено 14 декабря 2020 года .
  10. ^ «7 функций Opera, которые позволяют легко управлять множеством вкладок» . Блоги Opera . Программное обеспечение Opera . 18 ноября 2015. Архивировано 14 декабря 2020 года . Проверено 14 декабря 2020 года .