elementary OS

elementary OS / 2011– / スタイル / プラットフォームの画面言語

一貫して美しく、すぐ理解できるデスクトップ体験を目標に、簡潔な言葉、単一ウィンドウ中心の構造、固有形のアプリアイコン、控えめな奥行きを揃えるelementary OSの画面言語。

elementary OS — AI生成の解釈イメージ 1
AI生成の解釈イメージ(参考作品ではありません)
elementary OS — AI生成の解釈イメージ 2
AI生成の解釈イメージ(参考作品ではありません)
elementary OS — AI生成の解釈イメージ 3
AI生成の解釈イメージ(参考作品ではありません)

ひと目で判断

見た目の特徴

  • 上端ツールバーに主要操作を少数だけ置く
  • 短い文と具体的な動詞で状態を伝える
  • 固有の輪郭と1pxの暗い縁を持つ多色アイコン
  • 白い作業面、淡い灰のクローム、青い推奨操作

向いている用途

  • Linuxデスクトップ向けの小さな単機能アプリを、OSの既定アプリと同じ声で作るとき
  • 技術用語を出さず、初見でも操作の結果が読めるデスクトップ画面を設計するとき

このスタイルを使う

短い指針を制作へ持ち込むか、構造化された仕様をAIへ渡せます。

詳しい作り方と出典制作ルール、実在作例、比較、研究、引用形式

辞書情報

文字
短い日常語と具体的な動詞を使い、ボタン名にOKのような曖昧語を使わない。
構成
一つの窓へ主題を一つ置き、主要操作を上端、内容を中央、補助情報を必要時だけ開く。
素材
白と淡い灰を基礎に、細い影と青い推奨操作を使う。アイコンは固有の輪郭と暗い1px縁を持たせる。
注意
macOS風の壁紙や丸いアイコンだけを借りると、簡潔な文と一画面一目的という操作原則が抜ける。
関連研究
elementary HIG philosophy / Granite widgets / elementary icon composition and outlines

関連項目

プラットフォームの画面言語をさらに見る

同じ「プラットフォームの画面言語」から、共通する印象が多い順に次の項目を選んだ。

プラットフォームの画面言語の全項目を見る

この項目を引用する

辞典はリンクされるためにある。書いている場所に合う形をそのまま持っていってよい。

Link
https://indexstyle.org/ja/styles/elementary-os
Markdown
[elementary OS(elementary OS) — デザインスタイル辞典](https://indexstyle.org/ja/styles/elementary-os)
HTML
<a href="https://indexstyle.org/ja/styles/elementary-os">elementary OS(elementary OS) — デザインスタイル辞典</a>

一覧内の位置へ戻る