Элементы графического интерфейса

Что такое графический интерфейс

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

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

Развитие графического интерфейса

Первый графический интерфейс был создан только после экспериментов с электронно-вычислительными машинами американца Дугласа Энгельбарта в 60-х годах прошлого века.  

Так выглядел Д. Энгельбарт: 

Источник: ru.wikipedia.org

Потом графический интерфейс начали использовать исследователи из компании Xerox в 70-х годах 20 века. Компания сформировала целую лабораторию креативных и юных специалистов, которые могли делать все что захотят. Они и создали графический интерфейс, который кратко назвали WIMP, то есть окна, иконки, меню и стрелочки. Именно с таким концептом был создан компьютер Alto. Его не производили массово, однако в рамках Xerox он очень активно использовался. На базе данного компьютера в начале 80-х годов одна из компаний, занимающаяся компьютерами, создала свою станцию для работы под названием PERQ. 

Только в середине 80-х годов 20 века графический интерфейс начал использовать в коммерции компанией Apple. Очень многие современники не поняли, почему компания отказалась от строки команд, использовала интерфейс. Потом интерфейс попробовали совместить с режимом выполнения большого количества задач, что воплотилось в AmigaOS. Только потом графический интерфейс стал повсеместно использоваться в различных программах на рынке. Сейчас им пользуются Mac OS, Microsoft и многие другие. 

Однако стоит сказать, что в большинстве своем графический интерфейс представляет собой дополнение к операционной системе. Некоторые системы и вовсе могут работать без ОС. 

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

Возможно разделить все графические интерфейсы на следующие разновидности: 

1. Простая система. Это стандартные экраны и обычные составляющие интерфейса, работа которых обеспечивается подсистемой графического интерфейса. 
2. Настоящий графический интерфейс. В нем представлены необычные составляющие интерфейса, неочевидные метафорические переносы, которые создаются не заимствованными средствами приложений или же посредством встроенной библиотеки. 
3. Трехмерная система. 

Требование к графическому интерфейсу 

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

Плюсы и минусы элементов графического интерфейса

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

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

С какой целью применяют графический интерфейс

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

Графический интерфейс Linux

Кнопки в рамках окна диалога, кнопки для подтверждения и отмены действий

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

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

Кнопка управления

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

При запуске приложения определенная кнопка в группе уже избрана, однако со стороны техники можно не выбирать кнопки вообще. Однако так нельзя сделать при помощи только самых кнопок управления. Регулировать работу радиокнопок можно посредством мыши и клавиатуры. 

Флажок

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

Список

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

Иерархический список

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

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

Комбинированный список

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

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

Поле редактирования

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

Меню

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

Составляющими меню считаются: 

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

Избрание составляющих и перемещение между ними можно сделать при помощи нажатия мыши и клавиатуры. 

Главное меню

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

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

Контекстное меню

Вызвать такого типа меню возможно посредством нажатия правой кнопки на компьютерной мыши. Ее также называют контекстной кнопкой. 

Панель инструментов

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

• кнопки; 
• меню; 
• текстового или визуального поля; 
• раскрывающегося списка.

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

Строчка состояния

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

Прокруточная полоса 

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

Графический интерфейс Windows

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

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

1. Щелчок левой кнопкой. Нажать нужно один раз и отпустить главную кнопку (левую). 
2. Щелчок правой кнопкой. Нажать нужно один раз и отпустить вспомогательную кнопку (правую). 
3. Двойное нажатие на кнопку. Два раза нажать на главную кнопку с небольшим промежутком между нажатиями. 
4. Перетащить элементы. Нажать левую кнопку мыши или же правую, переместить элемент, при этом не отпуская нажим. 

Рабочий стол

Большая часть экрана отведена под Рабочий стол. На нем находятся различные ярлыки и знаки. Посредством знаков и ярлыков, на которые пользователь нажимает два раза кнопкой мыши, можно получить доступ к различным файлам, приложениям, дискам и т.д. Различные значки на Рабочем столе проявляются только после того, как будет произведена их установка. Левая сторона экрана хранит такие иконки, как Компьютер, Корзина, Документы и т.д. 

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

Как работать с графическим интерфейсом ОС Windows:

1. Сформируйте на столе работы ярлыки всех инструментов, которыми чаще всего пользуетесь: диски, сканеры и т.д. Также можно добавить ярлыки приложений и документации, которая очень часто применяется в работе. 
2. Возможно настроить графический интерфейс под свои нужды. Это можно сделать посредством щелчка мышью (правой стороной) на стол работы. Появится контекстное меню, из которого можно избрать раздел Свойства. На панели диалогов нужно выбрать характеристику экрана и выбрать тот стиль, который больше подходит вам. 

Панель задач

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

При помощи кнопки Пуск можно активировать Главное меню. Именно оно позволяет добраться до всех элементов системы. В Главном меню можно запустить абсолютно любое приложение, найти настройки ОС, найти документацию, приложения, ярлыки, файлы, получить доступ к системе сведений и т.д. Основное преимущество системы Windows в том, что она очень многозадачна. Таким образом можно работать одновременно в нескольких приложениях, открывать их. Все приложения, которые запускает пользователь, располагаются в виде кнопок на Панели задач. Активировать нужное приложение можно посредством щелчка по конкретной кнопке. Приложение в работе будет отображаться на Панели задач посредством яркой кнопки, в нажатии. 

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

Окна в системе

Самой важной составляющей графического интерфейса Windows считаются окна. И не только потому, что с английского языка наименование системы переводится как окна. В системе есть только два вида окон: 

• окна приложений; 
• окна документов. 

Окна приложений

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

1. Область работы. Это окна приложений внутри, в них располагаются папки вложений или документы. 
2. Граница. Это область, которая лимитирует величину открытия окна с различных сторон. Величина окна может быть изменена, перемещена при помощи мыши. 
3. Заголовок. Это строчка, которая располагается под верхом окна. В ней находится именование окна. 
4. Знак меню системы. Кнопка с левой стороны в заголовочной строке способствует открытию меню перемещения и смены величины окон. 
5. Строка горизонтального меню. Находится под строкой заголовка, в ней содержатся разделы меню. Посредством этой строки можно получить доступ к различным действиям с файлами. 
6. Панель инструментов. Она находится под меню и является общностью разных кнопок, при помощи которых можно получить быстрый доступ к различным операциям. 

Кнопки для сворачивания, разворачивания, восстановления и закрытия находятся в верхней части окна с правой стороны. 

Окно документа

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

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

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

Как только приложение запускается, окно этого приложения можно увидеть на Рабочем столе. При открытии двух документов одного приложения, в окне приложения будут располагаться окна этих документов. Можно разворачивать один из них и делать его активным, а другой сворачивать и делать пассивным.  

Меню

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

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

Диалоговые панели

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

Кнопки команд

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

Текстовое поле

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

Списки

Список является комплектом значений, которые предлагаются пользователю для избрания. Список, который раскрывается, имеет формат поля с текстом. Также у него есть кнопка и стрелочка, которая имеет направление вниз. Раскрыть список возможно посредством нажатия левой кнопки мыши на кнопку списка. 

Найти раскрывающийся список возможно в панели диалога Найти все элементы. В этой диалоговой панели можно установить параметры поиска на конкретную папку или диск. При поиске откроется раскрывающийся список. 

Переключатели

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

Посмотрите на вкладку Дата в панели диалога Найти все файлы. Здесь можно наблюдать переключатель двух видов: главный (распространяется на два варианта) и вспомогательный (распространяется на три варианта). Если пользователь захочет найти файлы с установкой главного переключателя на поиск всех файлов, а вспомогательный на промежуточное положение, возможно лимитировать поисковую область временем внесения корректировок в файлы (например, с периода 12.12.2001 по 12.12.2005). 

Флажки

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

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

Счетчики

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

Ползунок

Посредством ползунка возможно постепенно менять величину определенного параметра на компьютере. К примеру, посредством ползунков возможно изменять значение громкости видео- или аудио-материалов на компьютере. Также можно отрегулировать при помощи ползунков гармонию правого и левого каналов. 

Если щелкнуть два раза на значок величины громкости воспроизведения, что располагается в задачной панели, на экране можно будет увидеть панель диалога под названием Регулятор величины звука — там будут ползунки величины звучания, а также гармонии каналов. 

Контекстное меню 

Посредством ориентированности операционной системы Windows на объекты, стало возможным считать все программные папки, встроенные и съемные диски, файлы в качестве объектов. У всех данных объектов существуют конкретные характеристики, на базе которых можно совершать различные действия с этими элементами. К примеру, у документа (а документом является каждый файл, что обрабатывается посредством различных компьютерных приложений) есть собственный размер. С документом можно совершать различные действия вроде создания копии, перемещения в другие папки, также можно дать ему другое имя. У окон в операционной системе также есть своя величина, они подвержены различным изменениям со стороны пользователя и т.д. 

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

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

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