Aqua — это графический интерфейс пользователя , язык дизайна и визуальная тема операционных систем Apple MacOS и iOS . Первоначально он был основан на теме воды с каплевидными компонентами и щедрым использованием эффектов отражения и полупрозрачности. Его цель — «объединить цвет, глубину, полупрозрачность и сложные текстуры в визуально привлекательный интерфейс» в приложениях macOS. [2] Во время презентации Стив Джобс отметил, что «… он жидкий, одна из целей дизайна заключалась в том, что когда вы его видите, вам хочется его лизнуть». [3]
Впервые Aqua была представлена на выставке Macworld Conference & Expo в 2000 году в Сан-Франциско . Его первое появление в коммерческом продукте состоялось в выпуске iMovie 2 в июле 2000 года, за которым в следующем году последовала Mac OS X 10.0 . [4] Aqua является преемником Platinum , который использовался в Mac OS 8 , Mac OS 9 и версиях Rhapsody для разработчиков (включая Mac OS X Server 1.2). Внешний вид Aqua часто менялся на протяжении многих лет, последний раз радикально с выпуском macOS Big Sur в 2020 году, который Apple называет «крупнейшим обновлением дизайна с момента появления Mac OS X». [5]
В течение многих лет Apple безуспешно пыталась создать операционную систему Mac OS следующего поколения , включая проекты под кодовыми названиями Pink, Taligent и Copland . Mac OS X в конечном итоге была построена на NeXTSTEP после того, как Apple приобрела NeXT , а ее генеральный директор Стив Джобс вернулся в Apple, компанию, которую он основал. [6] : 8–20
Ранние версии Mac OS X, называвшиеся Rhapsody , представляли собой выпуск для разработчиков с временным пользовательским интерфейсом, сочетающим в себе внешний вид MacOS 8 «Platinum» и OpenStep . [7] : 27–28 От подхода Rhapsody в конечном итоге отказались, и в 1998 году новая операционная система получила название Mac OS X. [6] : 71 Ранние предварительные версии Mac OS X для разработчиков поставлялись с интерфейсом, похожим на Rhapsody, сочетающим в себе классический Mac ОС и NextStep. [8] Окончательный интерфейс операционной системы Aqua будет представлен на Macworld Expo в январе 2000 года. [9]
Aqua использует синий, белый и серый цвета в качестве основных цветов во всем своем стиле. Панели инструментов окон, фон окон, кнопки, меню и другие элементы интерфейса выполнены в любом из этих цветов. Например, панели инструментов и боковые панели часто имеют серый или металлический цвет, фон окон и всплывающие меню — белые, а кнопки (в старых системах также ручки полос прокрутки) выделены ярко-синим цветом. В версиях OS X , предшествующих OS X Yosemite, к большинству элементов управления применен эффект «стекла» или «геля». Дэвид Пог описал этот эффект как «лизанные шарики гелевой зубной пасты Crest Berrylicious ». [10]
В macOS есть несколько встроенных возможностей настройки, позволяющих изменить общий вид системы. Пользователи могут выбрать графитовый цвет вместо синего, используемого по умолчанию. При использовании графитового оформления элементы управления имеют грифельный , серо-синий или серый цвет, включая элементы управления основного окна, которые имеют красный, желтый и зеленый цвет по умолчанию. Параметр внешнего вида был добавлен по просьбе разработчиков и пользователей, которые сочли синий цвет ярким или непрофессиональным. [ нужна цитация ] В OS X Yosemite добавлен темный режим, который затемняет преимущественно белую строку меню и Dock. Пользователи также могут свободно выбирать цвет выделения текста и файлов.
Исторически сложилось так, что у Aqua было две конструкции окон: стандартные окна Aqua и окна из «матового металла». Окна Aqua обычно имеют металлическую или серую строку заголовка с тремя кнопками на левой стороне (для закрытия, сворачивания и масштабирования или перехода в полноэкранный режим). Визуально эти кнопки раньше располагались сверху, но позже оказались «утопленными» в окно. Окна Aqua почти не имеют рамки или внешней границы, вместо этого используются тени , чтобы отделить и отличить активные окна от неактивных. Эстетика фона окон изменилась с полосатого на белый фон. Окна из матового металла имели толстую раму с металлической фактурой или темно-серым фоном и утопленными кнопками и внутренними рамами. У них было дополнительное свойство: их можно было перетаскивать в каждой точке кадра, а не только в строке заголовка и панели инструментов. Apple рекомендовала окна из полированного металла для приложений, которые имитируют реальные устройства (например, iTunes ) или используются для взаимодействия с такими устройствами (например, iSync ), [11] , но дизайнеры раскритиковали ее за несоблюдение собственных рекомендаций или их применение. непоследовательно (он также использовался в Safari или Finder). [12] Окна из матового металла практически исчезли со времен Leopard и стали визуально неотличимы от окон Aqua. [13]
Помимо заголовков окна также могут иметь панели инструментов с отдельными кнопками. Вплоть до Leopard панели инструментов были визуально отделены от строки заголовка и имели тот же фон, что и рама окна, или имели полоску. [14] Leopard представил единый стиль, который распространил металлический фон заголовка на панель инструментов, сделав ее единым целым. [13] При желании между строкой заголовка и панелью инструментов можно разместить разделитель, чтобы имитировать предыдущий стиль. OS X Yosemite представила более компактную версию панели инструментов, которая объединила заголовок и панель инструментов, сделала ее короче и удалила заголовок окна (например, в Safari 8 и более поздних версиях). [15]
Ящики — это дополнительные виды боковой панели , которые могут выдвигаться из любого края окна, кроме верхнего. Их размер можно изменить перпендикулярно краю окна, но следовать размеру окна в другом направлении. Когда-то выдвижные ящики часто использовались для отображения элементов управления и информации, которая не обязательно должна быть всегда на виду, но теперь Apple рекомендует не использовать их. [16]
Листы — это диалоговые окна , которые являются модальными для определенного окна. При открытии они притягиваются к пользователю, как лист бумаги, отсюда и название. Они частично прозрачны и акцентируют внимание на содержимом листа. Элементы управления родительского окна отключены до тех пор, пока лист не будет закрыт, но пользователь может продолжать работу в других окнах (в том числе в том же приложении), пока лист открыт.
Меню выделено слегка полупрозрачным сплошным серым цветом, а когда пункты меню выделены, они кажутся синими. В меню приложений , которое отображается в виде одной полосы в верхней части экрана , сочетания клавиш отображаются в правой части меню, а сам элемент меню — в левой. В Yosemite меню гораздо более полупрозрачные и имеют эффект размытия.
Выпадающие меню для использования в самих окнах также доступны в нескольких вариантах. Стандартное «всплывающее» меню имеет белый цвет с синей заглушкой и противоположными стрелками, в то время как «раскрывающиеся» меню имеют только одну стрелку, направленную вниз, в заглушке. «Раскрывающиеся» меню доступны в четырех различных вариантах Aqua, большинство из которых вышли из употребления в более поздних выпусках macOS.
Текстовые поля представляют собой черный текст на белом фоне с затонувшей рамкой. Помимо обычных квадратных текстовых полей, доступны закругленные текстовые поля поиска. Для более обширных текстовых требований имеется также многострочное текстовое поле. Доступно комбинированное текстовое поле и раскрывающееся меню, которое позволяет пользователю вводить значение в дополнение к выбору из меню. Существует также комбинированное текстовое поле и элемент управления выбора, который позволяет пользователю вводить дату и время или редактировать их с помощью кнопок со стрелками. В Mac OS X 10.4 появился новый элемент интерфейса, который позволяет пользователю перетаскивать нередактируемые «токены» в текстовое поле, между которыми можно вводить текст. Пробелы до и после токенов обрезаются .
Стандартные кнопки со скругленными углами доступны в двух вариантах: белом и синем. Синяя кнопка является действием по умолчанию, и в версиях ОС, предшествующих Yosemite, она пульсировала, предлагая пользователю выполнить это действие. Действие синей кнопки обычно также можно вызвать с помощью клавиши возврата . Белые кнопки обычно связаны со всеми остальными действиями.
Также доступны кнопки с закругленной фаской, предназначенные для размещения значка; стандартные квадратные кнопки; стеклянные квадратные и круглые пуговицы. Кроме того, доступны круглые фиолетовые кнопки онлайн-справки , которые при нажатии отображают справку относительно текущей задачи. Треугольники раскрытия , хотя технически и являются кнопками, позволяют отображать и скрывать элементы управления для экономии места.
В macOS пустые флажки представляют собой маленькие белые прямоугольники с закругленными углами. Когда они отмечены, они становятся синими и появляется галочка . По сути, это кнопки, которые можно включать и выключать. Переключатели похожи по внешнему виду и поведению, за исключением того, что они имеют круглую форму и вместо галочки содержат точку. Радиокнопки разделены на группы, из которых одновременно можно активировать только одну.
В Yosemite была добавлена короткая анимация, показывающая заполнение флажка или переключателя.
Таблицы и списки можно разделить на три основные категории: стандартная таблица с несколькими столбцами, в которой есть место для ввода значений или размещения других элементов интерфейса, таких как кнопки; Структурное представление, которое может содержать треугольники раскрытия для отображения и скрытия наборов данных; и представление столбцов Миллера , похожее на представление столбцов в Finder . Во всех представлениях таблиц можно использовать чередующийся синий и белый фон строк.
Доступны два основных типа индикатора выполнения загрузки/сохранения: индикатор выполнения или одноцветное вращающееся колесо (не вращающееся колесо ). Сам индикатор выполнения доступен в двух вариантах: неопределенный, который просто показывает в анимации диагональные сине-белые полосы без указания прогресса; или определенный, при котором на белом фоне отображается синяя пульсирующая полоса, пропорциональная проценту выполнения задачи. Индикатор вращающегося колеса, который также присутствует на стартовом экране Mac OS X начиная с версии 10.2, представляет собой просто серию из 12 все более темных серых линий, расположенных по кругу, как вид сбоку колеса со спицами , вращающегося по часовой стрелке. Многие другие интерфейсы используют это устройство, включая веб-браузеры Firefox и Camino , а также многие веб-сайты, созданные под влиянием Web 2.0 .
В Yosemite индикатор выполнения стал тонким светло-серым. В «неопределенном» варианте пульсы сохранялись, но были медленнее и разнесеннее. Индикатор прогресса теперь появляется во время загрузки, заменяя индикатор вращающегося колеса, который использовался в более ранних версиях.
Ползунки доступны в трех типах: один с делениями и треугольным ползунком, один с круглым ползунком без делений и круглый ползунок, который можно вращать. Все они доступны как горизонтально, так и вертикально. Круглый ползунок представляет собой просто серую точку на белом круге, которую можно вращать для установки значений.
В macOS есть стандартный элемент управления для выбора цвета, который выглядит как обычная квадратная кнопка с образцом цвета посередине. При нажатии отображается стандартная цветовая палитра macOS .
Вкладки в macOS почти идентичны кнопкам: невыделенные вкладки имеют белый цвет, а выбранная вкладка — синий. Также доступны «колодцы» изображений: небольшой затонувший контейнер, в который можно сбросить файлы изображений. Если ячейка содержит изображение, она может отображать миниатюрное представление содержимого файла.
Apple использовала Lucida Grande в качестве системного шрифта от первого выпуска Cheetah до Mavericks. Иногда Apple также использовала Helvetica и Helvetica Neue , например, в таких приложениях, как Mail и iPhoto . Системный шрифт был изменен на Helvetica Neue в Йосемити, а в Эль-Капитане снова изменен на собственный шрифт Apple в Сан-Франциско . macOS использует общесистемное сглаживание шрифтов , чтобы края выглядели более гладкими и сохраняли четкие формы шрифтов, иногда за счет резкости и четкости.
В Aqua активно используется анимация . Примеры включают в себя:
Многие из этих эффектов могут быть отключены пользователем или доступны только на поддерживаемом оборудовании.
Aqua работает на базе сервера отображения Quartz Compositor .
Джобс представил интерфейс Aqua как попытку Apple создать более мощный интерфейс для профессиональных пользователей, одновременно сделав продукт доступным для новых пользователей компьютеров. [6] : 75
В Mac OS X 10.2 «Jaguar» появились более плоские элементы интерфейса, такие как новые кнопки и раскрывающиеся меню, а также уменьшена прозрачность, чтобы смягчить тонкие полоски в окнах и меню. Эти тенденции продолжились и в последующих выпусках Mac OS X.
В Mac OS X кнопки Panther выглядели утопленными в окружающей среде, следуя общей тенденции к более плоским элементам интерфейса в операционной системе. Традиционные полоски были заменены гораздо более тонкой темой, особенно в строке меню , а использование прозрачности снова было сокращено (например, в заголовках неактивных окон). Вкладки также изменились; они стали более плоскими, а вся область вкладок была затоплена, а не приподнята. Кнопки вкладок располагались по центру верхней границы области вкладок. В системе появились новые значки, в том числе новый более плоский и глянцевый значок Finder и новый значок Системных настроек . [18] Panther также стала чаще использовать внешний вид «Почищенный металл», особенно в веб-браузере Finder и Safari . Матовый металл впервые появился в QuickTime Player 4.0 в 1999 году. В рекомендациях Apple по пользовательскому интерфейсу указано, что интерфейс из матового металла следует использовать для программ, имитирующих работу или интерфейс обычных реальных устройств ( скевоморфизм ).
Mac OS X Tiger внесла более тонкие изменения, включая унифицированную схему заголовка. [19] Полоски были полностью удалены из строки меню и заменены глянцевыми белыми. Вкладки были изменены и теперь выглядят как обычные сегментированные кнопки. Значок меню Apple стал более матовым, а новая поисковая утилита Spotlight была постоянно привязана к самому правому краю строки меню и имела тот же цвет и градиент, что и меню Apple. [14]
Mac OS X Leopard внесла в Aqua масштабные изменения. Окна цвета морской волны и окна «матовый металл» приобрели такой же металлический серый вид, полосатый фон был полностью удален, панели инструментов и заголовки были объединены в единое целое, различия между активными и неактивными окнами стали более отчетливыми за счет более толстых теней и монохромный внешний вид неактивных окон, цвет строки меню был изменен на серый с дополнительным полупрозрачным видом на совместимых компьютерах Mac, а док-станция приобрела трехмерный вид с отражающим стеклянным «полом». Дизайн Dock при размещении слева или справа менялся на черный полупрозрачный фон с белой рамкой и закругленными углами. Контекстные меню имели слегка закругленные углы, а дизайн многих значков был изменен, включая значки папок и значки системных настроек . [13]
Mac OS X Snow Leopard почти не внесла изменений в Aqua. В частности, контекстное меню элементов Dock изменилось с сплошного белого на полупрозрачный черный. [20]
В Mac OS X Lion появилось множество изменений, вдохновленных iOS, которые сохранились в OS X Mavericks, а также в OS X Yosemite, хотя последняя изменила общую эстетику. Полосы прокрутки были удалены, а их ручки превратились в тонкие полупрозрачные полосы, которые исчезают, когда не используются. Угловые радиусы кнопок были уменьшены, что придало им внешний вид, аналогичный Mac OS 8 и 9 . Гелеобразный вид большинства компонентов был заменен слегка глянцевым и более плоским. Фон окон стал немного ярче, а углы окон скруглены. Лев также добавил больше анимаций. [21]
OS X Mountain Lion внесла лишь незначительные изменения и изменила внешний вид Dock на стиль матового стекла с закругленными углами, прямоугольными индикаторами, новым диагональным разделителем и новым значком корзины. [22]
OS X Mavericks отказалась от нескольких богатых и декоративных дизайнов, что отражает пересмотр дизайна в iOS 7 . Приложения «Календарь» , «Контакты» и «Заметки» соответственно утратили внешний вид кожи, книги и блокнота (все они появились в Lion). Текстуры льна в Центре уведомлений и панели запуска также были удалены и заменены простым серым фоном. [23]
В OS X Yosemite многие элементы и значки Aqua были упрощены и сглажены после аналогичного изменения дизайна в iOS 7 . Apple внедрила во всю систему тот же насыщенный эффект матового стекла , называемый «Vibrancy». Примеры включают Dock, строку меню, боковые панели, Центр уведомлений и Mission Control . Аналогичный эффект был применен к панелям инструментов, но они сохранили свой серый вид. Кнопки панели инструментов стали белыми, и Apple представила более компактный тип панели инструментов, в которой удален заголовок окна, но сохранены кнопки панели инструментов (например, в Safari ). Некоторые элементы управления, такие как флажки и переключатели, получили анимацию, тогда как анимация в других местах была удалена, например анимация «пуф» при удалении значка из Dock и анимация «куб» при быстром переключении на другую учетную запись пользователя. Apple изменила системный шрифт на Helvetica Neue . Yosemite также добавил «темную тему», которую можно включить в настройках, которая делает док-станцию и строку меню черными. [15]
OS X El Capitan внесла в Aqua лишь незначительные изменения. Белые кнопки панели инструментов приобрели слегка глянцевый вид, вращающееся колесо было переработано, а эффект вибрации был уменьшен в некоторых областях, таких как «Управление полетом» . Системный шрифт был снова изменен на собственный шрифт Apple San Francisco , одновременно с iOS 9 и после выпуска шрифта в watchOS в апреле 2015 года . [24] Эти изменения продолжались во всех macOS Sierra , High Sierra , Mojave и Catalina .
macOS Big Sur внесла серьезные изменения в дизайн Aqua, что привело его в соответствие с другими платформами Apple, такими как iOS и iPadOS . Док теперь отделен от края экрана и стал более закругленным по всем углам . Все значки теперь имеют форму прямоугольника и в целом приобретают более заметную глубину. Заголовки теряют свой градиентный хром, выбирая плоский белый вид, а текст заголовка теперь выделен жирным шрифтом и встроен в элементы панели инструментов, которые больше не содержатся в отдельном фоне. Модальные диалоги значительно изменились, их размер равен размеру содержимого внутри; с большим значком вверху, текстом в центре и кнопками внизу. Листы больше не выскальзывают, как бумага, из-под заголовка, а просто исчезают из центра окна. Унифицированные боковые панели стали более распространенными и используются по умолчанию для всех приложений. У Windows теперь более закругленные углы, принимающие оттенок обоев пользователя, что похоже на эффект Mica в Windows 11 . Строка меню теперь полностью прозрачна, и для ее отличия от фона используется сильное размытие. Эта версия Aqua продолжала использоваться в macOS Monterey , Ventura и Sonoma .
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 сверху.
Большая часть оригинального дизайна Aqua напоминала полупрозрачный двухцветный вид современного оборудования Apple. [25] В 2003 и 2004 годах Apple перешла на использование матового алюминия в своем промышленном дизайне (например, в алюминиевых дисплеях Apple Cinema ). Соответственно изменился дизайн Aqua. Это несколько противоречивое сочетание стилей интерфейса вызвало споры среди сообщества Mac. [26] [27] [28] [29] [30] [31] [32]
В прошлом Apple угрожала судебным иском тем, кто создает темы, похожие на их внешний вид . [33] Сообщество любителей скинов Mac выразило недовольство жесткими действиями Apple против всех двойников Aqua. Брэд Уорделл из Stardock противопоставил спорный подход компании подходу Microsoft к включению сторонних скинов в Windows XP . [34]
Ящики редко используются в современных приложениях для Mac.
Насколько это возможно, измените дизайн своего пользовательского интерфейса, чтобы избежать использования ящиков;
если вы создаете новое приложение, избегайте добавления ящика в дизайн.
Красные, желтые, зеленые и синие прозрачные элементы Aqua конфетного цвета напоминают аппаратное обеспечение старых компьютеров G3 iMac и Power Mac.
Одна из самых больших проблем с пользовательским интерфейсом Mac OS X заключается в том, что с каждым выпуском ОС Aqua становилась непоследовательной и слишком разнообразной по своему внешнему виду.
Интерфейс также более загружен и менее последователен, чем у Jaguar.