Loading article…
Aquaは、 AppleのmacOSオペレーティングシステムで使用されるグラフィカル ユーザー インターフェイス、デザイン 言語、およびビジュアル テーマです。これは、「水滴のような」コンポーネントと反射効果と半透明性を多用して、水を再現することをテーマにしています。その目標は、macOS アプリケーションで「色、奥行き、複雑なテクスチャを視覚的に魅力的なインターフェイスに組み込む」ことでした。[ 2 ]発表時に、スティーブ ジョブズは「…これは液体です。デザインの目標の 1 つは、これを見たときに舐めたくなるようなものにすることでした」と述べています。[ 3 ]
Aquaは、2000年にサンフランシスコで開催されたMacworldカンファレンスで発表されました。最初にリリースされたのは7月にiMovie 2とともに、翌年にはMac OS X 10.0とともにリリースされました。 [ 4 ] Aquaは、 Mac OS 8、Mac OS 9、およびRhapsodyの開発者向けリリース（Mac OS X Server 1.0を含む）で使用されたPlatinumの後継です。Appleは、 SwiftUIデザイン標準とSwift言語サポートをAquaのインターフェースに追加したり、 iPhoneなどの新しい製品にそのデザインを実装したりするなど、その後のオペレーティングシステムの改訂に合わせてAquaを継続的に改訂しました。2013年、Appleはスキューモーフィックなユーザーインターフェイスを大幅に改訂してフラットデザインを採用しました。2025年、AppleはLiquid Glassデザイン言語をオペレーティングシステム全体に導入しました。
アップルは長年にわたり、ピンク、タリジェント、コープランドといったコードネームのプロジェクトを含め、次世代のMac OSオペレーティングシステムの開発を試みてきたが、いずれも失敗に終わっていた。最終的にMac OS Xは、アップルがNeXTを買収し、そのCEOであったスティーブ・ジョブズが共同創業者であるアップルに復帰した後に、NeXTSTEPをベースに構築された。 [ 5 ]： 8-20
Mac OS X の初期バージョンであるRhapsodyは、MacOS 8の「Platinum」とOpenStep の外観を融合させた暫定的なユーザー インターフェイスを備えた開発者向けリリースでした。[ 6 ] : 27-28 Rhapsody のアプローチは最終的に放棄され、新しいオペレーティングシステムは 1998 年に Mac OS X と名付けられました。[ 5 ] : 71 Mac OS X の初期開発者プレビューは、従来の Mac OS と NextStep を組み合わせた Rhapsody に似たインターフェイスを備えて出荷されました。[ 7 ]最終的なオペレーティングシステム インターフェイスである Aqua は、2000 年 1 月に Macworld Expo で発表されました。[ 8 ]
Aqua は、そのスタイル全体を通して、青、白、グレーを主要な色として使用しています。ウィンドウのツールバー、ウィンドウの背景、ボタン、メニュー、その他のインターフェイス要素はすべて、これらの色のいずれかで表示されます。たとえば、ツールバーとサイドバーはグレーまたは金属色であることが多く、ウィンドウの背景とポップアップ メニューは白で、ボタン (古いシステムではスクロールバーのハンドルも) は明るい青でアクセントが付けられています。OS X Yosemite より前のバージョンのOS Xでは、ほとんどのコントロールに「ガラス」または「ゲル」効果が適用されています。David Pogue はこの効果を「舐められる Crest Berrylicious 歯磨きジェルの塊」と表現しました。[ 9 ]
macOS には、システムの全体的な外観を変更するためのネイティブなカスタマイズ オプションはほとんどありません。ユーザーは、デフォルトの青色の代わりにグラファイト外観を選択できます。グラファイト外観を使用すると、コントロールはスレートのようなグレーブルーまたは灰色になり、デフォルトの外観では赤、黄色、緑色である主要なウィンドウ コントロールも含まれます。[ 10 ]この外観オプションは、青色の外観がけばけばしいまたはプロフェッショナルでないと感じた開発者とユーザーの要望により追加されました。[ 11 ] OS X Yosemite では、主に白色のメニュー バーとDock を暗くするダーク モードが追加されました。ユーザーは、テキストとファイルの選択のハイライト カラーを自由に選択することもできます。
歴史的に、Aqua には 2 つのウィンドウ デザインがありました。デフォルトの Aqua ウィンドウと「ブラッシュド メタル」ウィンドウです。Aqua ウィンドウは通常、金属のような、または灰色のタイトル バーがあり、左側に 3 つのボタン (閉じる、最小化、ズーム、またはフルスクリーン モードへの切り替え用) があります。視覚的には、これらのボタンは以前は上部に配置されていましたが、後にウィンドウに「埋め込まれた」ように見えるようになりました。Aqua ウィンドウにはフレームや外枠がほとんどなく、代わりにドロップ シャドウを使用してアクティブなウィンドウと非アクティブなウィンドウを分離して区別します。ウィンドウの背景の美学は、ピン ストライプから白い背景に変更されました。ブラッシュド メタル ウィンドウは、メタリック テクスチャまたは濃い灰色の背景を持つ太いフレームと、埋め込まれたボタンと内側のフレームを持っていました。タイトル バーとツールバーだけでなく、フレームのすべてのポイントでドラッグできるという追加の特性がありました。 Appleは、実世界のデバイスを模倣するアプリケーション（iTunesなど）や、そのようなデバイスとインターフェースするアプリケーション（iSyncなど）には、つや消し金属のウィンドウを推奨していましたが[ 12 ]、デザイナーからは、Apple自身のガイドラインに従っていない、あるいは一貫性のない適用をしている（SafariやFinderでも使用されている）と批判されました[ 13 ] 。つや消し金属のウィンドウはLeopard以降、ほぼ廃止され、Aquaウィンドウと視覚的に区別がつかなくなりました[ 14 ] 。
タイトルバーに加えて、ウィンドウには個別のボタンを備えたツールバーも配置できます。Leopard までは、ツールバーはタイトルバーとは視覚的に分離されており、ウィンドウフレームと同じ背景、またはピンストライプが付けられていました。[ 15 ] Leopard では、タイトルバーの金属のような背景をツールバーに拡張し、一体化して見える統一スタイルが導入されました。[ 14 ]オプションで、タイトルバーとツールバーの間に区切り線を配置して、以前のスタイルを再現することもできます。OS X Yosemite では、タイトルバーとツールバーを統合し、短くしてウィンドウタイトルを削除した、よりコンパクトなバージョンのツールバーが導入されました (Safari 8 以降など)。[ 16 ]
ドロワーは、ウィンドウの上端を除く任意の端からスライドして出てくるアクセサリサイドバービューです。ウィンドウの端に対して垂直方向にサイズ変更できますが、反対方向にはウィンドウのサイズに追従します。ドロワーはかつて、常に表示する必要のないコントロールや情報を表示するためによく使用されていましたが、Appleは現在、その使用を推奨していません。 [ 17 ]
シートは、特定のウィンドウにモーダル表示されるダイアログボックスです。開くと、紙のようにユーザーの手前に突き出されるため、この名前が付けられています。シートは半透明で、シートの内容にユーザーの注意を集中させます。シートが閉じられるまで親ウィンドウのコントロールは無効になりますが、シートが開いている間も、ユーザーは他のウィンドウ（同じアプリケーション内のウィンドウを含む）で作業を続けることができます。
メニューの背景はやや半透明のグレーで、メニュー項目がハイライトされると青色に変わります。画面上部に1本のバーで表示されるアプリケーションメニューでは、キーボードショートカットはメニューの右側に表示され、実際のメニュー項目は左側に表示されます。Yosemiteでは、メニューの半透明度がさらに高まり、ぼかし効果も加わっています。
ウィンドウ自体で使用するドロップダウンメニューも、いくつかの種類が用意されています。標準の「ポップアップ」メニューは白地に青いエンドキャップがあり、矢印が反対方向を向いています。一方、「プルダウン」メニューはエンドキャップに下向きの矢印が1つだけ付いています。「プルダウン」メニューは4種類のAquaカラーで提供されていますが、そのほとんどは後のmacOSリリースでは使用されなくなりました。
テキスト ボックスは、凹んだ効果のある境界線を持つ白地に黒のテキストです。通常の四角いテキスト ボックスに加えて、丸い検索テキスト ボックスも利用できます。より長いテキスト要件には、複数行のテキスト フィールドもあります。テキスト ボックスとプルダウン メニューが組み合わさったものも利用でき、ユーザーはメニューから選択するだけでなく、値を入力することもできます。テキスト ボックスとピッカー コントロールが組み合わさったものもあり、ユーザーは日付と時刻を入力したり、方向ボタンで編集したりできます。Mac OS X 10.4では、ユーザーが編集できない「トークン」をテキスト ボックスにドラッグして、その間にテキストを入力できる新しいインターフェイス要素が導入されました。トークンの前後の空白はトリミングされます。
角が丸い標準的なプッシュボタンには、白と青の2種類があります。青いボタンはデフォルトの動作を表し、Yosemiteより前のOSでは、点滅してユーザーに動作を促していました。青いボタンの動作は、通常、Enterキーでも実行できます。白いボタンは、通常、その他のすべての動作に関連付けられています。
アイコンを配置できる丸みを帯びたベベルボタン、標準的な四角ボタン、ガラス製の四角ボタン、丸ボタンも用意されています。さらに、クリックすると現在のタスクに関連するヘルプを表示する、円形の紫色のオンラインヘルプボタンも利用可能です。開閉三角形は、厳密にはボタンですが、コントロールの表示/非表示を切り替えることでスペースを節約できます。
macOSでは、空のチェックボックスは小さく白い角丸の長方形です。チェックを入れると青色に変わり、チェックマークが表示されます。これらは基本的にオン/オフを切り替えられるボタンです。ラジオボタンは見た目と動作は似ていますが、円形で、チェックマークの代わりにドットが付いています。ラジオボタンはグループ分けされており、一度にアクティブにできるのはグループ内の1つだけです。
ヨセミテでは、チェックボックスまたはラジオボタンが塗りつぶされる様子を示す短いアニメーションが追加されました。
テーブルとリストは、大きく3つのカテゴリに分類できます。1つ目は、値を入力したり、ボタンなどのインターフェース要素を配置したりできるスペースを備えた標準的な複数列のテーブル。2つ目は、データのセットを表示/非表示にするための開閉三角形を含むアウトラインビュー。3つ目は、Finderの列ビューに似たミラー列ビューです。すべてのテーブルビューで、行の背景色を青と白で交互に使用できます。
読み込み/保存の進行状況を示すインジケーターには、主に2種類あります。プログレスバーと、単色の回転するホイール（回転する風車ではありません）です。プログレスバー自体にも2種類あります。不確定型は、進行状況を示すことなく、青と白の斜めのストライプがアニメーションで表示されるだけです。確定型は、タスクの完了率に応じて、白い背景に青色のバーが点滅して表示されます。回転するホイールのインジケーターは、Mac OS X の起動画面（バージョン 10.2 以降）にも見られますが、これは、時計回りに回転するスポークホイールの側面図のように、円形に配置された12本の濃淡の異なる灰色の線です。FirefoxやCaminoなどのウェブブラウザ、Web 2.0の影響を受けた多くの Web サイトなど、他の多くのインターフェースでもこのデバイスが採用されています。
Yosemiteでは、プログレスバーが細い薄灰色に変更されました。「不確定」バージョンではパルスは維持されますが、よりゆっくりと間隔を空けて表示されます。以前のバージョンにあった回転するホイールインジケーターに代わり、起動時にプログレスインジケーターが表示されるようになりました。
スライダーには3種類あります。目盛りと三角形のスクラバーが付いたもの、丸いスクラバーが付いて目盛りのないもの、そして回転可能な円形スライダーです。いずれも水平方向または垂直方向に取り付けることができます。円形スライダーは、白い円の上に灰色の点が一つだけ表示され、これを回転させて値を設定できます。
macOSには、色を選択するための標準的なコントロールがあり、中央に色のサンプルが表示された四角いボタンとして表示されます。クリックすると、標準のmacOSカラーパレットが表示されます。
macOSのタブはプッシュボタンとほぼ同じで、選択されていないタブは白、選択されているタブは青で表示されます。画像用の「ウェル」も利用できます。これは、画像ファイルをドロップできる小さな窪み状のコンテナです。ウェルに画像が入っている場合、ファイルの内容をサムネイル表示できます。
Apple は、最初のリリース Cheetah から Mavericks まで、システム フォントとしてLucida Grande を使用しました。また、 MailやiPhotoなどのアプリケーションでは、HelveticaやHelvetica Neueも使用していました。システム フォントは Yosemite で Helvetica Neue に変更され、El Capitan では Apple 独自のSan Franciscoフォントに再び変更されました。macOS は、システム全体のフォントアンチエイリアシングを使用して、エッジをより滑らかに見せ、フォントの明確な形状を維持しますが、場合によってはシャープネスと明瞭さが犠牲になります。
アクアはアニメーションを多用している。例としては以下の通り。
これらの効果の多くはユーザーがオフにすることができ、また、対応ハードウェアでのみ利用可能です。
Aquaは、ディスプレイサーバーであるQuartz Compositorによって動作しています。
ジョブズは、Appleがプロフェッショナルユーザー向けにさらに強力なインターフェースを開発すると同時に、コンピュータ初心者にも親しみやすい製品を作るための試みとして、Aquaインターフェースを導入した。[ 5 ]： 75
Mac OS X 10.2「Jaguar」では、新しいボタンやドロップダウンメニューなど、よりフラットなインターフェース要素が導入され、ウィンドウやメニューのピンストライプを抑えるために透明度が下げられました。これらの傾向は、その後のMac OS Xのリリースでも継続されました。
Mac OS X Pantherでは、オペレーティングシステムのインターフェース要素をよりフラット化する一般的な傾向に従い、ボタンが周囲に埋め込まれたように見えるようにしました。従来のピンストライプは、メニューバーで最も顕著な、はるかに控えめなテーマに置き換えられ、透明度の使用は再び削減されました（たとえば、非アクティブなウィンドウのタイトルバーなど）。タブも変更され、よりフラットになり、タブ領域全体が盛り上がるのではなく、埋め込まれました。タブボタンは、タブ領域の上端の中央に配置されました。新しいアイコンがシステム全体に登場し、新しいフラットで光沢のあるFinderアイコンと新しいシステム環境設定アイコンが含まれています。[ 19 ] Pantherでは、「ブラッシュドメタル」ルックの使用が増加し、特にFinderとSafariウェブブラウザーで顕著でした。ブラッシュドメタルは、1999年にQuickTime Player 4.0で初めて登場しました。Appleのヒューマンインターフェースガイドラインでは、ブラッシュドメタルインターフェースは、一般的な現実世界のデバイスの操作またはインターフェースを模倣するプログラム（スキューモーフィズム）に使用するように規定されています。
Mac OS X Tiger では、統一されたタイトルバーのスキームなど、より微妙な変更が加えられました。[ 20 ]メニューバーからピンストライプが完全に削除され、光沢のある白い外観に置き換えられました。タブは通常のセグメントボタンのように見えるように変更されました。Apple メニューアイコンはよりマットな外観にトーンダウンされ、新しいSpotlight検索ユーティリティは、Apple メニューと同じ色とグラデーションでメニューバーの右端に常駐するようになりました。[ 15 ]
Mac OS X Leopard では、 Aqua に広範囲にわたる変更が加えられました。Aqua ウィンドウと「ブラッシュドメタル」ウィンドウは、同じ金属のようなグレーの外観になり、ピンストライプの背景は完全に削除され、ツールバーとタイトルバーは一体化され、アクティブ ウィンドウと非アクティブ ウィンドウの違いは、より太いドロップシャドウと非アクティブ ウィンドウのモノクロ表示によってより明確になり、メニュー バーの色は、対応する Mac ではオプションで半透明の外観を持つグレーに変更され、Dock は反射するガラスのような「床」を持つ 3D の外観になりました。Dock のデザインは、左側または右側に配置された場合、黒い半透明の背景に白い枠線と丸みを帯びた角に変更されました。コンテキスト メニューの角はわずかに丸みを帯び、フォルダ アイコンやシステム環境設定アイコンなど、多数のアイコンが再設計されました。[ 14 ]
Mac OS X Snow Leopardでは Aqua にほとんど変更が加えられなかった。最も顕著な変更点は、Dock 項目のコンテキスト メニューが真っ白から半透明の黒に変更されたことである。[ 21 ]
Mac OS X Lion では、 iOS に影響を受けた多くの変更が導入され、それらは OS X Mavericks や OS X Yosemite にも引き継がれましたが、後者では全体的な美観が変わりました。スクロールバーは削除され、スクロールバーのハンドルは使用されていないときは消える薄い半透明のバーになりました。プッシュボタンの角の半径が小さくなり、Mac OS 8や9に似た外観になりました。ほとんどのコンポーネントのゲル状の外観は、わずかに光沢があり、よりフラットな外観に置き換えられました。ウィンドウの背景はわずかに明るくなり、ウィンドウの角は丸くなりました。Lion ではアニメーションも追加されました。[ 22 ]
OS X Mountain Lionでは、わずかな変更が加えられただけで、Dock の外観が丸みを帯びた角、長方形のインジケーター ライト、新しい斜めの区切り線、新しいゴミ箱アイコンを備えた曇りガラス風に変更されました。[ 23 ]
OS X Mavericksでは、 iOS 7のデザイン刷新を反映して、多くの豪華で装飾的なデザインが廃止されました。カレンダー、連絡先、メモの各アプリケーションは、それぞれ革、本、メモ帳のスキューモーフィックな外観（すべて Lion で導入）を失いました。通知センターと Launchpad のリネン テクスチャも削除され、シンプルなグレーの背景に置き換えられました。Dock は横向きにポップアップするように設定すると白く表示されるようになり、その場合の元のデザインにいくらか似ていますが、全体的なデザインは以前のスキューモーフィック バージョンから維持されています。[ 24 ]
OS X Yosemiteでは、 iOS 7と同様のデザイン変更に倣い、Aqua の要素やアイコンの多くが簡略化され、フラット化されました。Apple は、システム全体に「Vibrancy」と呼ばれる彩度の高い曇りガラス効果を採用しました。例としては、Dock、メニューバー、サイドバー、通知センター、Mission Controlなどがあります。ツールバーにも同様の効果が適用されましたが、グレーの外観は維持されました。ツールバーのボタンは白になり、Apple はウィンドウタイトルを削除したがツールバーボタンは残した、よりコンパクトなタイプのツールバーを導入しました ( Safariなど)。チェックボックスやラジオボタンなどの特定のコントロールにはアニメーションが追加されましたが、Dock からアイコンを削除する際の「poof」アニメーションや、別のユーザーアカウントに素早く切り替える際の「cube」アニメーションなど、他の場所のアニメーションは削除されました。Apple はシステムフォントをHelvetica Neueに変更しました。Yosemite には、ユーザーが設定で有効にできる「ダークテーマ」も追加され、Dock とメニューバーが黒になります。[ 16 ]
OS X El Capitanでは、Aqua にわずかな変更が加えられただけです。白いツールバー ボタンはわずかに光沢のある外観を取り戻し、回転する風車は再設計され、 Mission Controlなどの特定の領域では Vibrancy 効果が軽減されました。システム フォントは、iOS 9と同時にApple 独自のSan Franciscoフォントに変更され、 2015 年 4 月にwatchOSでフォントがリリースされた後、再び変更されました。 [ 25 ]これらの変更は、macOS Sierra、High Sierra、Mojave、Catalinaを通じて継続されました。
macOS Big Surでは、Aqua デザインに大きな変更が加えられ、 iOSやiPadOSなどの他の Apple プラットフォームと統一されました。Dock は画面の端から分離され、すべての角がより丸みを帯びるようになりました。アイコンはすべてスクワークル型になり、全体的に奥行きが目立つようになりました。タイトルバーはグラデーションのクロームがなくなり、フラットな白に変更され、タイトルバーのテキストは太字になり、ツールバーの項目と揃い、ツールバーはもはや個別の背景内には含まれていません。モーダルダイアログは大きく変更され、内部のコンテンツと同じサイズになり、上部に大きなアイコン、中央にテキスト、下部にボタンが配置されました。シートはタイトルバーの下から紙のようにスライドして出てくるのではなく、ウィンドウの中央からよりシンプルにフェードインするようになりました。統合されたサイドバーがより一般的になり、すべてのアプリケーションのデフォルトになりました。ウィンドウは角がより丸みを帯び、Windows 11の Mica 効果のように、ユーザーの壁紙の色合いを帯びるようになりました。メニューバーは完全に透明になり、背景との区別をつけるために強いぼかし処理が施された。このAquaの改訂版は、macOS Monterey、Ventura、Sonoma、Sequoiaでも引き続き使用された。
製品全体で視覚的なデザイン言語を標準化するという大きな動きの一環として、macOSはmacOS TahoeでLiquid Glassを採用し、Aquaに置き換えた。
Aqua の当初のデザインの多くは、当時の Apple のハードウェアの半透明の 2 トーンの外観に似ていました。[ 26 ] 2003 年と 2004 年に、Apple は工業デザインにつや消しアルミニウムを使用するようになりました(アルミニウム製のApple Cinema Displaysなど)。Aqua のデザインもそれに合わせて変更されました。このやや一貫性のないインターフェース スタイルの組み合わせは、Mac コミュニティの間で物議を醸しています。[ 27 ] [ 28 ] [ 29 ] [ 13 ] [ 30 ] [ 31 ] [ 32 ]
過去には、Apple は自社の外観や雰囲気に似たテーマを作成する者に対して法的措置を取ると脅迫したことがある。[ 33 ] Mac スキンコミュニティは、Apple が Aqua に似たすべてのテーマに対して強硬な措置を取ったことに異議を唱えた。StardockのBrad Wardell は、同社の訴訟的なアプローチを、MicrosoftがサードパーティのスキンをWindows XPに組み込むアプローチと対比させた。[ 34 ]
{{cite web}}: CS1メンテナンス: アーカイブサービスは非推奨になりました (リンク)ドロワーは、現代のMacアプリではほとんど使用されていません。可能な限り、ドロワーの使用を避けるようにUIを再設計してください。新しいアプリを作成する場合は、デザインにドロワーを追加しないようにしてください。
の赤/黄/緑/青のキャンディーカラーの透明な要素は、古い G3 iMac や Power Mac のハードウェアに似ています。
OS X のユーザーインターフェイスに関する大きな不満の 1 つは、OS のリリースごとに Aqua の外観が一貫性を欠き、変化しすぎていることです。
インターフェースはJaguarよりも複雑で一貫性に欠ける。