Первая версия интерфейса Aqua, от. | |
Разработчик (и) | Apple Inc. |
---|---|
Первый выпуск | 6 января 2000 г.; 20 лет назад (2000-01-06) |
Написано на | C ++ |
Операционная система | macOS |
Тип | Среда рабочего стола |
Лицензия | Собственная Лицензионное соглашение |
Веб-сайт | разработчик.apple.com / design / human-interface -guidelines / macos / overview / themes / |
Aqua - это графический пользовательский интерфейс, язык дизайна и визуальная тема в Apple macOS операционная система. Изначально он был основан на теме воды с каплевидными компонентами и широким использованием эффектов отражения и прозрачности. Его цель - «объединить цвет, глубину, полупрозрачность и сложные текстуры в визуально привлекательный интерфейс» в приложениях macOS. На его представлении Стив Джобс отметил, что «... он жидкий, одна из целей дизайна заключалась в том, что когда вы его видели, вы хотели его лизнуть».
Aqua впервые была представлена на выставке 2000 Macworld Conference Expo в Сан-Франциско. Его первое появление в коммерческом продукте было в выпуске iMovie 2 в июле 2000 г., а годом позже - в Mac OS X 10.0. Aqua является преемником Platinum, который использовался в Mac OS 8, Mac OS 9 и Mac OS X Server 1.2. Внешний вид Aqua часто менялся на протяжении многих лет, последний раз и резко с выпуском OS X Yosemite в 2014 году, который представил более плоский вид и покончил с гелеобразными элементами управления. и металлоподобные компоненты.
Mac OS X 10.2 «Jaguar» стала более плоской элементы интерфейса, такие как новые кнопки и раскрывающиеся меню, а также уменьшение прозрачности, чтобы смягчить тонкие полосы в окнах и меню. Эти тенденции продолжились и в последующих выпусках Mac OS X.
В Mac OS X Panther матовый металл переносился в Finder. Новые кнопки были сделаны так, чтобы они казались утопленными в их окружении, следуя общей тенденции к более плоским элементам интерфейса в операционной системе. Традиционные полоски были заменены более тонкой темой, в первую очередь в строке меню , и использование прозрачности было снова уменьшено (например, в строках заголовков неактивных окон). Вкладки также изменились; они были сделаны более плоскими, а вся область выступов скорее утоплена, чем поднята. Кнопки вкладок располагались по центру верхней границы области вкладок. В системе появились новые значки, в том числе новый более плоский, более глянцевый значок Finder и новый значок Системные настройки.
Mac OS X Tiger привнес более тонкие изменения, включая единую схему заголовков. Полоски были полностью удалены из строки меню и заменены глянцевыми, белыми. Вкладки были изменены, чтобы они выглядели как обычные сегментированные кнопки. Значок меню Apple стал более матовым, а новая поисковая утилита Spotlight была навсегда привязана к самому правому краю строки меню и имела тот же цвет и градиент, что и меню Apple.
Mac OS X Leopard внесла в Aqua самые разные изменения. Окна цвета морской волны и окна из «матового металла» приобрели одинаковый металлический серый вид, полосатый фон был полностью удален, панели инструментов и заголовки были объединены в единое целое, различия между активными и неактивными окнами стали более отчетливыми за счет более толстых теней и монохромный вид неактивных окон, цвет строки меню был изменен на серый с дополнительной полупрозрачностью на способных Mac, а док-станция приобрела трехмерный вид с отражающим стеклянным «полом». Дизайн Dock при размещении слева или справа изменился на черный полупрозрачный фон с белой рамкой и закругленными углами. Контекстные меню имели слегка закругленные углы, и были переработаны многие значки, в том числе значки папок и значки Системные настройки.
Mac OS X Snow Leopard почти не изменил Aqua. В частности, контекстное меню элементов Dock изменилось с сплошного белого на полупрозрачный черный.
Mac OS X Lion внесли много изменений, вдохновивших от iOS, которая сохранилась в OS X Mavericks, а также OS X Yosemite, хотя последняя изменила общую эстетику. Полосы прокрутки были удалены, а ручки полос прокрутки превратились в тонкие полупрозрачные полосы, которые исчезают, когда не используются. Угловые радиусы кнопок были уменьшены, придавая им внешний вид, аналогичный Mac OS 8 и 9. Гелеобразный вид большинства компонентов был заменен на слегка глянцевый и более плоский. Фоны окон стали немного ярче, а углы окон скруглены. Lion также добавил больше анимации.
OS X Mountain Lion внесла лишь незначительные изменения и изменила внешний вид док-станции в стиле матового стекла с закругленными углами, прямоугольными индикаторами, новым диагональным разделителем и новым значком корзины.
OS X Mavericks обошлось без нескольких богатых и декоративных дизайнов, отражающих капитальный ремонт дизайна в iOS 7. Приложения Календарь, Контакты и Заметки соответственно потеряли внешний вид кожи, книги и блокнота (все они представлены в Lion). Текстуры льна в Центре уведомлений и Панели запуска также были удалены и заменены простым серым фоном.
В OS X Yosemite многие из Аква-элементы и значки были упрощены и сглажены, после аналогичного изменения дизайна в iOS 7. Apple включила тот же эффект насыщенного матового стекла, называемый «Вибрация», по всей системе. Примеры включают Dock, панель меню, боковые панели, Центр уведомлений и Mission Control. Аналогичный эффект был применен к панелям инструментов, но они сохранили свой серый цвет. Кнопки панели инструментов стали белыми, и Apple представила более компактный тип панели инструментов, в которой убрали заголовок окна, но сохранили кнопки панели инструментов (например, в Safari ). Некоторые элементы управления, такие как флажки и переключатели, получили анимацию, тогда как анимация в других местах была удалена, например, анимация «пуф» при удалении значка из док-станции и анимация «куб» при быстром переключении на учетную запись другого пользователя. Apple изменила системный шрифт на Helvetica Neue. Йосемити также добавил «темную тему», которую можно включить в настройках, которая делает док и панель меню черными.
OS X El Capitan внесла в Aqua лишь незначительные изменения. Белые кнопки панели инструментов приобрели слегка глянцевый вид, вращающаяся вертушка была переработана, а эффект вибрации был уменьшен в некоторых областях, таких как Mission Control. Системный шрифт был снова изменен на собственный шрифт Apple San Francisco, одновременно с iOS 9 и после выпуска шрифта в watchOS в апреле 2015 года.
Aqua также была встроена в приложения Apple для Microsoft Windows, такие как iTunes, QuickTime и Safari (хотя и не в Safari 4). iTunes для Windows обычно использует те же разработки, что и параллельная версия macOS, за исключением использования собственных элементов управления пользовательского интерфейса Windows и кнопок строки заголовка в стиле Windows в верхнем правом углу окна проигрывателя. Версия Safari для Windows в версии 3 содержала функциональный внешний вид Aqua, очень похожий на macOS. Начиная с версии 4, использовалась тема, более похожая на Windows, с использованием стандартных элементов управления пользовательского интерфейса Windows и границы окна. QuickTime для Windows использует ту же тему, что и в более старых версиях QuickTime для macOS, с окошками из матового металла и кнопками цвета морской волны сверху.
Серый, белый и синий - три основных цвета, которые определяют стиль Aqua. Панели инструментов окон, фоны окон, кнопки, меню и другие элементы интерфейса могут быть окрашены в любой из этих цветов. Например, панели инструментов и боковые панели часто бывают серыми или металлическими, фон окон и всплывающие меню белые, а кнопки (в старых системах также ручки полос прокрутки) выделены ярко-синим цветом. В версиях OS X до OS X Yosemite к большинству элементов управления применен эффект «стекла» или «геля». Дэвид Пог описал этот эффект как «слизывающиеся шарики гелевой зубной пасты Crest Berrylicious ".
. В macOS есть несколько встроенных опций настройки для изменения общего вида системы. Пользователи могут выбрать графитовый вид вместо по умолчанию - синий. При использовании графитового внешнего вида элементы управления имеют грифельный -подобный, серо-синий или серый цвет, включая элементы управления главного окна, которые имеют красный, желтый и зеленый цвет с внешним видом по умолчанию. был добавлен по указанию разработчиков и пользователей, которые сочли синий внешний вид ярким или непрофессиональным. OS X Yosemite добавила темный режим, который затемняет преимущественно белую строку меню и панель Dock. Пользователи также могут свободно выбирать цвет выделения для текста и выбора файла.
Исторически у Aqua было два дизайна окон: окна Aqua по умолчанию и окна из матового металла. Окна Aqua обычно имеют металлическую или серую строку заголовка с три кнопки с левой стороны (для закрытие, сворачивание и масштабирование или переход в полноэкранный режим). Визуально эти кнопки раньше располагались сверху, но потом оказались «утопленными» в окне. Окна цвета Aqua почти не имеют рамки или внешней границы, вместо этого используются тени, чтобы отделить и отличить активные окна от неактивных. Эстетический фон окон изменился с полосатого на белый фон. Окна из матового металла имели толстую раму с металлической текстурой или темно-серым фоном, утопленные пуговицы и внутренние рамы. Они обладали дополнительным свойством перетаскивания в каждую точку кадра, а не только в строке заголовка и панели инструментов. Apple рекомендовала окна из матового металла для приложений, которые имитируют реальные устройства (например, iTunes ) или используются для взаимодействия с такими устройствами (например, iSync ), но были раскритикованы дизайнерами. за несоблюдение собственных рекомендаций или непоследовательное их применение (оно также использовалось в Safari или Finder). Окна из матового металла были в значительной степени прекращены со времен Leopard и стали визуально неотличимы от окон Aqua.
В дополнение к заголовкам окна могут также иметь панели инструментов с отдельными кнопками. Вплоть до Leopard панели инструментов были визуально отделены от заголовка и имели тот же фон, что и оконная рама, или были полосатыми булавками. Leopard представил единый стиль, который расширил металлический фон строки заголовка до панели инструментов, сделав ее единым целым. При желании можно разместить разделитель между строкой заголовка и панелью инструментов, чтобы имитировать предыдущий стиль. OS X Yosemite представила более компактную версию панели инструментов, которая объединила строку заголовка и панель инструментов вместе, сделала ее короче и удалила заголовок окна (например, в Safari 8 и более поздних версиях).
Выдвижные панели - вспомогательная боковая панель виды, которые могут выдвигаться из любого края окна, кроме верхнего края. Их размер можно изменить перпендикулярно их краю, но следовать размеру окна в другом направлении. Когда-то ящики часто использовались для отображения элементов управления и информации, которая не должна быть всегда видимой, но теперь Apple рекомендует не использовать их.
Таблицы - это диалоговые окна, которые модальны в конкретное окно. В открытом состоянии они толкаются к пользователю, как лист бумаги, отсюда и название. Они частично прозрачны и акцентируют внимание на содержании листа. Элементы управления родительского окна отключены, пока лист не будет закрыт, но пользователь может продолжить работу в других окнах (в том числе в том же приложении), пока лист открыт.
Меню имеют слегка полупрозрачный сплошной серый цвет, а когда пункты меню выделены, они становятся синими. В меню приложения, которые запускаются в виде одной полосы в верхней части экрана , сочетания клавиш отображаются в правой части меню, в то время как фактический пункт меню находится слева. В Йосемити меню намного более прозрачные и имеют эффект размытия.
Выпадающие меню для использования в самих окнах также доступны в нескольких вариантах. Стандартное «всплывающее» меню белого цвета с синей заглушкой с противоположными стрелками, в то время как «раскрывающиеся» меню имеют только одну направленную вниз стрелку на заглушке. Выпадающие меню доступны в четырех различных вариантах Aqua, большинство из которых вышли из употребления в более поздних выпусках macOS.
Текстовые поля представляют собой черный текст на белом фоне с утопленной рамкой. В дополнение к обычным квадратным текстовым полям доступны закругленные текстовые поля поиска. Для более обширных требований к тексту имеется также многострочное текстовое поле. Доступно комбинированное текстовое поле и раскрывающееся меню, которое позволяет пользователю вводить значение в дополнение к выбору из меню. Существует также комбинированное текстовое поле и элемент управления, которое позволяет пользователю вводить дату и время или редактировать их с помощью кнопок со стрелками. Mac OS X 10.4 представил новый элемент интерфейса, который позволяет пользователю перетаскивать нередактируемые «токены» в текстовое поле, между которыми можно вводить текст. Пробелы до и после маркеров обрезаны.
Стандартные кнопки с закругленными углами доступны в двух вариантах: белом и синем. Синяя кнопка - это действие по умолчанию, и в выпусках ОС до Yosemite она будет мигать, предлагая пользователю выполнить это действие. Действие синей кнопки обычно также можно вызвать с помощью клавиши возврата. Белые кнопки обычно связаны со всеми другими действиями.
Также доступны закругленные скошенные кнопки, предназначенные для удержания значка; стандартные квадратные кнопки; стеклянные квадратные кнопки и круглые кнопки. Кроме того, доступны круглые фиолетовые кнопки интерактивной справки, при нажатии на которые отображается справка по текущей задаче. Треугольники раскрытия, хотя технически являются кнопками, позволяют отображать и скрывать виды элементов управления для экономии места.
В macOS пустые флажки представляют собой маленькие белые прямоугольники с закругленными углами. Когда они отмечены флажком, они становятся синими и отображается галочка. По сути, это кнопки, которые можно включать или выключать. Радиокнопки похожи по внешнему виду и поведению, за исключением того, что они круглые и содержат точку вместо флажка. Радиокнопки подразделяются на группы, из которых только одна может быть активирована одновременно.
В Йосемити была добавлена короткая анимация, чтобы показать заполнение флажка или переключателя.
Таблицы и списки можно разделить на три общих категории: Стандартная многоколоночная таблица с пространством для ввода значений или других элементов интерфейса, например кнопок; Обзорное представление, которое может содержать раскрывающиеся треугольники для отображения и скрытия наборов данных; и представление Miller columns, аналогичное представлению столбцов в Finder. Во всех представлениях таблиц можно использовать чередующийся синий и белый фон строк.
Доступны два основных типа индикаторов процесса загрузки / сохранения: индикатор выполнения или монохроматическое вращающееся колесо (не вращающееся колесо ). Сама шкала выполнения доступна в двух вариантах: неопределенная, которая просто показывает диагональные синие и белые полосы в анимации без измерения прогресса; или детерминированный, который показывает синюю пульсирующую полосу на белом фоне, пропорциональную проценту выполненной задачи. Индикатор вращающегося колеса, который также присутствует на стартовом экране Mac OS X начиная с версии 10.2, представляет собой просто серию из 12 все более темных серых линий, расположенных по кругу, как вид сбоку колеса со спицами, вращающегося по часовой стрелке. Это устройство принято во многих других интерфейсах, включая веб-браузеры Firefox и Camino, а также многие веб-сайты, на которые влияет Web 2.0.
В Йосемити индикатор выполнения был изменен на тонкий, светло-серый. «Неопределенное» изменение сохраняло импульсы, но медленнее и с большим интервалом. Индикатор прогресса теперь появляется во время загрузки, заменяя индикатор вращающегося колеса, который был в более ранних версиях.
Бегунки бывают трех типов: один с делениями и треугольный ползунок, второй с круглым ползунком и без делений и круглый ползунок, который можно вращать. Все доступны по горизонтали или вертикали. Круглый ползунок - это просто серая точка на белом круге, которую можно вращать для установки значений.
В macOS есть стандартный элемент управления для выбора цветов, который отображается в виде обычной квадратной кнопки с образцом цвета посередине. При нажатии отображается стандартная цветовая палитра macOS .
. Вкладки в macOS почти идентичны кнопкам: невыбранные вкладки белые, а выбранные вкладки - синего цвета. Также доступны «колодцы» изображений: небольшой затонувший контейнер, в который можно сбрасывать файлы изображений. Когда колодец содержит изображение, он может отображать эскизное представление содержимого файла.
Apple использовала Lucida Grande в качестве системного шрифта от первого выпуска Cheetah до Mavericks. Иногда Apple также использовала Helvetica и Helvetica Neue, например, в таких приложениях, как Mail и iPhoto. Системный шрифт был изменен на Helvetica Neue в Йосемити и снова изменен в El Capitan на собственный шрифт Apple San Francisco. macOS использует общесистемный шрифт сглаживание, чтобы края выглядели более гладкими и сохраняли четкие формы шрифтов, иногда за счет резкости и ясности.
Aqua активно использует анимацию. Примеры включают:
Многие из них эффекты могут быть отключены пользователем или доступны только на поддерживаемом оборудовании.
Aqua работает на сервере отображения Quartz Compositor.
Большая часть оригинального дизайна Aqua напоминала полупрозрачный двухцветный вид современного оборудования Apple. В 2003 и 2004 годах Apple перешла на использование матового алюминия в своем промышленном дизайне (например, с алюминиевыми дисплеями Apple Cinema ). Соответственно изменился и дизайн Aqua. Это несколько непоследовательное сочетание стилей интерфейса вызвало споры среди сообщества Mac.
В прошлом Apple угрожала судебным иском против тех, кто делает темы похожими на их внешний вид и чувствовать. Сообщество скинов Mac возмутилось жесткими действиями Apple против всех двойников Aqua. Stardock 's Брэд Wardell контрастируют сутяжническом подход компании с Microsoft ' подход s включению сторонних скинов в Windows XP.