Firefox Photon
Firefox Photon / 2017–2021 / legacy / スタイル / プラットフォームの画面言語
Firefox Quantumと同時に導入され、デスクトップからモバイルまでFirefoxらしい速度感と識別性を揃えた画面言語。四角く締まったブラウザクローム、鮮色、軽い図像、内容を邪魔しない動きを一つの系へまとめた。
ひと目で判断
見た目の特徴
- 角を抑えたタブとコンパクトなブラウザクローム
- 白または濃紺の面に青・紫・橙の鮮色
- 細く単純化した線形アイコン
- 短く速い遷移と明確な選択・焦点状態
向いている用途
- ブラウザ本体、設定、アドオン、モバイルを同じFirefoxの体験へ揃えるとき
- ウェブ内容より前へ出ず、操作の速さと現在状態を強く示すツール画面
このスタイルを使う
短い指針を制作へ持ち込むか、構造化された仕様をAIへ渡せます。
詳しい作り方と出典制作ルール、実在作例、比較、研究、引用形式
辞書情報
- 文字
- システムに馴染むサンセリフと短いラベルを使い、アイコンと文字を重ねて説明しすぎない。
- 構成
- ブラウザクロームを薄く保ち、内容面と設定面では一列の読み順を優先する。
- 素材
- 中立面を基礎に、青・紫・橙を選択、焦点、ブランドの節へ限定する。
- 注意
- Firefoxのグラデーションを足すだけではPhotonではない。ページ内容を主役に残す密度と、操作の即時性まで合わせる。
- 関連研究
- Firefox Quantum and Photon / Photon design for scale / Photon icons and browser chrome
関連項目
- アクア（Aqua）共通する印象：未来。Firefox Photonとアクアの違いを見る
- フルーエント2（Fluent 2）共通する印象：技術。Firefox Photonとフルーエント2の違いを見る
プラットフォームの画面言語をさらに見る
同じ「プラットフォームの画面言語」から、共通する印象が多い順に次の項目を選んだ。
- BeOS インターフェース（BeOS Interface）共通する印象：技術 / 未来。
- ゼロックス・スター・インターフェース（Xerox Star Interface）共通する印象：技術 / 未来。
- BBC GEL（BBC Global Experience Language）共通する印象：技術 / 高揚。
この項目を引用する
辞典はリンクされるためにある。書いている場所に合う形をそのまま持っていってよい。
- Link
- https://indexstyle.org/ja/styles/firefox-photon
- Markdown
- [Firefox Photon（Firefox Photon） — デザインスタイル辞典](https://indexstyle.org/ja/styles/firefox-photon)
- HTML
- <a href="https://indexstyle.org/ja/styles/firefox-photon">Firefox Photon（Firefox Photon） — デザインスタイル辞典</a>