elementary OS

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

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

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

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

辞書情報

向いている用途
Linuxデスクトップ向けの小さな単機能アプリを、OSの既定アプリと同じ声で作るとき。技術用語を出さず、初見でも操作の結果が読めるデスクトップ画面を設計するとき
文字
短い日常語と具体的な動詞を使い、ボタン名に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>

一覧内の位置へ戻る