アドワイタ（デザイン言語）

アドワイタ
開発者GNOMEプロジェクト
初回リリース2011年4月6日; 14年前 （2011年4月6日）
安定版リリース
1.8.1 / 2025年10月9日; 46日前 ( 2025-10-09 )
リポジトリgitlab.gnome.org/GNOME/libadwaita
書かれたC、サス
オペレーティング·システムBSD、Linux、Unix
含まれるものGNOME
前任者クリアルックス
タイプデザイン言語
ライセンスLGPLv2.1+ [1]
Webサイトdeveloper.gnome.org/hig

Adwaitaは、 GNOMEデスクトップ環境のデザイン言語です。実装としては、GNOME ShellとPhoshのデフォルトのテーマとアイコンセット、そしてGNOMEでの使用を目的としたアプリケーションのウィジェットとして存在します。Adwaitaは、 Clearlooks [2]で使用されていたデザイン原則の代替として、 2011年のGNOME 3.0のリリースで初めて登場し、段階的な近代化と改良を経て、現在のバージョンリリースにも引き継がれています。

2021年まで、AdwaitaのテーマはGTK ウィジェットツールキットの一部として含まれていましたが、 GTKのGNOMEからの独立性と異なるリリーススケジュールをさらに高めるために、libadwaitaに移行されました。libadwaitaは、全体的なプロジェクトとして、 GTKの基本ウィジェットをGNOMEヒューマンインターフェースガイドラインに特に準拠したものに拡張する役割を果たします。[3]

発達

バージョン3.0より前のGNOMEデスクトップ環境は、 Clearlooksテーマを使用していました。2008年10月、デザイナーと開発者はボストンで開催されたGNOME User Experience Hackfestで会合を開きました。[4]このイベントで、 GNOME Shellのコンセプトが考案されました。初期のモックアップがいくつか作成され、以前のGNOMEとは異なるデザインの可能性も検討されました。[5] Red HatのデザイナーであるJon McCannとJeremy Perryは、幅広い共同作業による合意に基づき、GNOMEのデザインの標準と方向性を定めることを目的とした文書を作成しました。[6] 2010年2月、GNOMEのデザイナーたちは再び会合を開き、さらにいくつかの公開モックアップを作成しました。[7]

2010年の会議では、 Cantarellをデフォルトの書体として使用するという決定も行われました。 [8] Cantarellは、前年にレディング大学タイポグラフィ・グラフィックコミュニケーション学部在学中のデイブ・クロスランドによって設計されました。2011年2月にGNOME Shellに正式に追加され、 [9] GNOMEプロジェクトは必要に応じてこのフォントを保守・拡張することに合意しました。

2011年1月19日、カルロス・ガルナチョは、GNOMEで利用できるAdwaitaのGTKテーマ実装が完了したことを発表しました。[10]

GNOME 3.0とAdwaitaをデフォルトとして搭載した最初の主要なLinuxディストリビューションは、2011年5月24日にバージョン15がリリースされたFedora Linuxでした。 [11] [12]

GTKはGNOMEと強い結びつきを持っていたため、2014年にはAdwaitaのテーマが「Raleigh」に取って代わりGTKのデフォルトテーマとなった。[13]しかし、libadwaitaのリリースに備えて、2021年1月14日にこのテーマはGTKから削除され、よりシンプルな別のテーマに変更された。[14] [3]この明確な区別により、独自のデザインニーズを持つGNOMEと、下流のプロジェクトによって拡張可能なシンプルなテーマを必要とするGTKの両方が同時に繁栄することができた。LibadwaitaはGNOME 42のリリースで初めて出荷された。[15] [16]

2025年1月24日のGNOME 48アルファ版リリースでは、Cantarellがデフォルトのフォントとして、人気のフォントInterをベースにした新しいフォントAdwaita Sansに置き換えられ、デフォルトの等幅フォントがSource Code ProからIosevkaをベースにしたAdwaita Monoに変更されることが発表されました。[17]

デザイン言語

Adwaitaは、クリーンでモダンな美観と使いやすさへの重点を特徴としています。GNOMEヒューマンインターフェースガイドラインに基づき、Adwaitaのデザイン原則はシンプルさ、一貫性、そしてアクセシビリティに根ざしています。[18] [19]

リバドワイタ

libadwaitaライブラリは、AdwaitaをGNOMEヒューマンインターフェースガイドラインにさらに準拠したコンポーネントとして開発するために作成されました。libadwaitaは、GNOMEヒューマンインターフェースガイドラインに準拠した方法でGTKウィジェットツールキットを拡張するライブラリです。libadwaitaは、利用可能な画面スペースに基づいてアプリケーションのレイアウトを変更し、Adwaitaスタイルシートを統合し、名前付きカラーによる実行時の色変更を可能にし、クロスデスクトップのダークスタイル設定をサポートするAPIを追加します。[20]

レスポンシブデザインとLinuxスマートフォン

Libadwaitaは、レスポンシブデザインのアプリケーションを作成するためのツールを提供しており、利用可能な画面スペースに基づいてアプリケーションのレイアウトを調整できるため、スマートフォン対応のGNOMEアプリケーションの開発に役立ちます。[21]

リバンディ

Libhandyは、Libadwaitaの前身であるPurismが支援するライブラリです。libhandyプロジェクトはlibadwaitaの基盤として利用されました。

GNOME ヒューマンインターフェースガイドライン

GNOMEヒューマンインタフェースガイドライン（HIG）は、GNOMEデスクトップ環境向けアプリケーション設計のための包括的なガイドとして機能します。これは、GNOMEの設計理念に沿ったユーザーインタフェースの作成に役立ち、 [22] Adwaita独自のスタイルとデザイン標準の基礎となっています。[18]

要素

色

Adwaitaのカラーパレットは、アプリケーションアイコンやイラストのデザインに使用されます。複数のカラーシェードファミリーで構成されており、番号で示される以外に名前は付けられていません。彩度が低いものは「ライト」と「ダーク」と呼ばれます。この命名規則は、ユーザーインターフェーススタイルの応用概念にも適用され、ユーザーは画面上のウィジェットコンポーネントの基本スタイルを選択することで、全体的なルックアンドフィールを明るくしたり暗くしたりできます。

色
名前16進数
（RGB）		赤
（RGB）		緑
（RGB）		青
（RGB）		色相
（HSL/HSV）		土星
（HSL）		ライト
（HSL）		飽和
（HSV）		値
（HSV）
青1#99C1F160%76%95%213 °76%77%37%95%
青2#62A0EA38%63%92%213 °76%65%58%92%
青3#3584E421%52%89%213 °76%55%77%89%
青4#1C71D811%44%85%213 °77%48%87%85%
青5#1A5FB410%37%71%213 °75%40%86%71%
グリーン1#8FF0A456%94%64%133 °76%75%40%94%
グリーン2#57E38934%89%54%141 °71%62%62%89%
グリーン3#33D17A20%82%48%147 °63%51%76%82%
グリーン4#2EC27E18%76%49%152 °62%47%76%76%
グリーン5#26A26915%64%41%152 °62%39%77%64%
イエロー1#F9F06B98%94%42%56 °92%70%57%98%
イエロー2#F8E45C97%89%36%52 °92%67%63%97%
イエロー3#F6D32D96%83%18%50 °92%57%82%97%
イエロー4#F5C21196%76%7%47 °92%51%93%96%
イエロー5#E5A50A90%65%4%43 °92%47%96%90%
オレンジ1#FFBE6F100%75%44%33 °100%72%57%100%
オレンジ2#FFA348100%64%28%30 °100%64%72%100%
オレンジ3#FF7800100%47%0%28 °100%50%100%100%
オレンジ4#E6610090%38%0%25 °100%45%100%90%
オレンジ5#C6460078%27%0%21 °100%39%100%78%
赤1#F6615196%38%32%6 °90%64%67%97%
赤2#ED333B93%20%23%357 °84%57%79%93%
赤3#E01B2488%11%14%357 °79%49%88%88%
赤4#C01C2875%11%16%356 °75%43%85%75%
赤5#A51D2D65%11%18%353 °70%38%82%65%
紫1#DC8ADD86%54%87%299 °55%70%38%87%
紫2#C061CB75%38%80%294 °51%59%52%80%
紫3#9141AC57%25%67%285 °45%47%62%68%
紫4#813D9C51%24%61%283 °44%43%61%61%
紫5＃61358338%21%51%274 °42%36%60%51%
ブラウン1#CDAB8F80%67%56%27 °38%68%30%80%
ブラウン2#B5835A71%51%35%27 °38%53%50%71%
ブラウン3#986A4460%42%27%27 °38%43%55%60%
ブラウン4#865E3C53%37%24%28 °38%38%55%53%
ブラウン5#63452C39%27%17%27 °39%28%56%39%
ライト1#FFFFFF100%100%100%0 °0%100%0%100%
ライト2#F6F5F496%96%96%30 °10%96%1%97%
ライト3#デダダ87%87%85%45 °6%86%2%87%
ライト4#C0BFBC75%75%74%45 °3%75%2%75%
ライト5#9A999660%60%59%45 °2%60%3%60%
ダーク1#77767B47%46%48%252 °2%47%4%48%
ダーク2#5E5C6437%36%39%255 °4%38%8%39%
ダーク3#3D384624%22%27%261 °11%25%20%28%
ダーク4#241F3114%12%19%257 °23%16%37%19%
ダーク5#0000000%0%0%0 °0%0%0%0%

タイポグラフィ

Cantarell は 2011 年から 2025 年まで Adwaita の主要な書体でした。

GNOME 48以降、Adwaitaは「Adwaita Fonts」と呼ばれる新しい書体ファミリーを採用しました。[23] Adwaita FontsファミリーはInter書体ファミリーをわずかに改良したものですが、 「Adwaita Mono」と呼ばれる等幅フォントも含まれています。これはIosevkaの改良版です。[24]この変更により、GNOMEのデフォルトの書体は「Adwaita Sans」と呼ばれるようになります。

以前、AdwaitaはDave Crosslandがデザインした現代的なヒューマニスト・サンセリフ体 Cantarell書体を使用していました。2018年のGNOMEバージョン3.28リリースに合わせて、Cantarellは細字と極太字のウェイトが追加されました。

図像学

Adwaitaは、アプリケーションとユーザーインターフェースで使用される概念を区別するために、2つの異なるスタイルのアイコンクラスを定義しています。アプリケーションでは主要なアイコンにフルカラーが使用されるのに対し、「シンボリック」アイコンは設計上単色で、ユーザーインターフェース用です。[25] [26]

アプリアイコン

GNOME向けの各アプリケーションには、プライマリアイコンが必要です。GNOMEヒューマンインターフェースガイドラインでは、アプリケーションのアイコンはシンプルで認識しやすいメタファーに対応するべきであると規定されています。[27]アイコンは平面的ではなく、むしろシンプルで、ある程度の奥行きを持たせることができます。ただし、影は避けてください。アプリケーション開発者は、GitLabリポジトリでGNOMEデザインチームにアイコンをリクエストできます。

象徴的なアイコン

ユーザーインターフェースでは、小さいサイズで表示しても見やすい、よりシンプルな単色のアイコンが使用されます。色が必要な場合は、プログラムで色を変更することが期待されます。

実装

GNOME Shellは、Adwaitaのテーマとアイコンの開発において主要な手段でした。現在でも主要な実装であり続けています。同様に、 PurismのモバイルシェルであるPhoshも同様の役割を果たしています。

参照

参考文献

  1. ^ "COPYING". GNOME GitLab . 2018年2月7日. 2022年9月26日閲覧。
  2. ^ Paul, Ryan (2011年4月6日). 「Linuxの芝生に輝く新しい装飾：ArsがGNOME 3.0をレビュー」. Ars Technica . 2022年1月2日閲覧。
  3. ^ ab Plazas, Adrien (2021年3月31日). 「Introducing Libadwaita」 . 2022年1月2日閲覧。
  4. ^ McCann, Jon; Perry, Jeremy (2011年4月6日). 「How We Got Here: Part I of a Design History of GNOME 3 the Shell」. The GNOME Journal (インタビュー). インタビュー：Harries, Daf . 2022年1月3日閲覧。
  5. ^ “Window Management and More”. GNOME. 2008年11月2日時点のオリジナルよりアーカイブ。2022年1月2日閲覧。
  6. ^ McCann, William Jon; Perry, Jeremy (2009年7月1日). 「GNOME Shell: 個人向け統合デジタル作業環境の設計」(PDF) . GNOMEプロジェクト. 2020年11月24日時点のオリジナル(PDF)からアーカイブ。 2022年1月3日閲覧。
  7. ^ Paul, Ryan (2010年2月26日). 「「Task Pooper」はGNOMEデスクトップに革命を起こす可能性がある」. Ars Technica . 2022年1月2日閲覧。
  8. ^ Spalinger, Nicolas (2011年4月6日). 「GNOME 3のフォント：Cantarell、微調整、そして先駆者」. The GNOME Journal . 2022年1月3日閲覧。
  9. ^ Day, Allan (2011年2月15日). 「GNOME 3: 日々進化」 . 2022年1月3日閲覧。
  10. ^ カルロス、ガルナチョ (2011 年 1 月 19 日)。 「アドワイタは終わった」。GNOME プロジェクト。2022 年1 月 2 日に取得。
  11. ^ Paul, Ryan (2011年5月25日). 「First look: Fedora 15 arrived with GNOME 3.0 and systemd」. Ars Technica . 2022年1月2日閲覧。
  12. ^ Vaughan-Nichols, Steven (2011年5月24日). 「Fedora 15の5つの優れた機能」ZDNet . 2022年1月2日閲覧。
  13. ^ Clasen, Matthias (2014年6月13日). 「GTK+の新しいデフォルトテーマ」 . 2022年1月3日閲覧。
  14. ^ Mikhaylenko, Alice (2021年12月31日). 「Libadwaita 1.0」. GNOMEプロジェクト. 2022年1月3日閲覧。
  15. ^ Proven, Liam (2022年3月16日). 「GNOME 42では多くの調整と改善が予定されています」. The Register . 2024年9月15日閲覧。
  16. ^ “Libadwaita 1.0 – Just another blog”. 2021年12月31日. 2024年9月13日閲覧。
  17. ^ "GNOME / Adwaita Fonts · GitLab". GitLab . 2025年2月1日閲覧。
  18. ^ ab 「UI Styling - GNOME Human Interface Guidelines」. developer.gnome.org . 2025年9月21日時点のオリジナルよりアーカイブ。 2025年10月31日閲覧。
  19. ^ 「GNOME 2.0 リリースノート」。help.gnome.org。2025年2月9日時点のオリジナルよりアーカイブ。2025年10月31日閲覧。
  20. ^ “Libadwaita - RustとGTK 4によるGUI開発”. gtk-rs.org . 2024年9月13日閲覧。
  21. ^ 「野生のリバドワイタ」.ピュリズム. 2022年12月15日. 2024年9月13日閲覧。
  22. ^ "Design/HIG - GNOME Wiki!". wiki.gnome.org . 2024年9月12日閲覧。
  23. ^ Larabel, Michael (2025年1月31日). 「GNOME 48、デフォルトフォントとして「Adwaita Sans」を採用」. Phoronix . 2025年2月6日閲覧。
  24. ^ Sneddon, Joey (2025年2月2日). 「GNOME、新しいUIと等幅Adwaitaフォントを導入」. OMG! Ubuntu . 2025年2月6日閲覧。
  25. ^ 「アプリアイコン - GNOMEヒューマンインターフェースガイドラインドキュメント」。developer.gnome.org 。2022年8月11日閲覧。
  26. ^ 「UIアイコン - GNOMEヒューマンインターフェースガイドラインドキュメント」。developer.gnome.org 。2022年8月11日閲覧。
  27. ^ 「設計原則 - GNOMEヒューマンインターフェースガイドラインドキュメント」。developer.gnome.org 。2022年9月26日閲覧。
  • GNOME ヒューマンインターフェースガイドライン
  • Cantarell書体公式サイト
「https://en.wikipedia.org/w/index.php?title=Adwaita_(design_language)&oldid=1322547981」より取得