Firefox Proton
Firefox Proton / 2021–2026 / スタイル / プラットフォームの画面言語
2021年のFirefox 89で導入され、ブラウザを明るく穏やかに見せるため、ツールバーとメニューを整理し、丸く浮くタブ、軽い図像、広い間隔、紫を含む配色へ更新した画面言語。デスクトップ、iOS、Androidを同じ声へ揃えた。
ひと目で判断
見た目の特徴
- ツールバーから浮く丸いアクティブタブ
- 余分なアイコンを減らした文字中心のメニュー
- 広い間隔と軽い線形アイコン
- 白または濃色のクロームに紫・青の選択状態
向いている用途
- ブラウザのツールバー、タブ、メニュー、通知を、内容を邪魔しない穏やかな一系統へ整理するとき
- デスクトップ、iOS、Androidで主要操作の語と図像を揃えるとき
このスタイルを使う
短い指針を制作へ持ち込むか、構造化された仕様をAIへ渡せます。
詳しい作り方と出典制作ルール、実在作例、比較、研究、引用形式
辞書情報
- 文字
- ラベルは短い動詞と名詞へ整理し、不要なアイコンを外して文字の可読性を上げる。
- 構成
- ツールバーを薄くし、アクティブタブだけを丸い独立面として浮かせ、メニューは優先操作から一列に並べる。
- 素材
- 明るい中立面と広い間隔を基礎に、紫と青を選択・焦点へ、影を浮くタブへ限定する。
- 注意
- 角丸と余白だけを増やすと操作密度を下げただけになる。削った図像の代わりに、語と順序で目的を即座に読ませる。
- 関連研究
- Firefox 89 redesign / floating tab model / cross-platform iconography and menu simplification
関連項目
- Firefox Photon（Firefox Photon）同じ「プラットフォームの画面言語」の系統。Firefox ProtonとFirefox Photonの違いを見る
- Material You（Material You）共通する印象：親密 / 技術。Firefox ProtonとMaterial Youの違いを見る
プラットフォームの画面言語をさらに見る
同じ「プラットフォームの画面言語」から、共通する印象が多い順に次の項目を選んだ。
- elementary OS（elementary OS）共通する印象：親密 / 静けさ / 技術。
- ネクストステップ・インターフェース（NeXTSTEP Interface）共通する印象：技術 / 静けさ。
- アドワイタ（Adwaita）共通する印象：技術 / 静けさ。
この項目を引用する
辞典はリンクされるためにある。書いている場所に合う形をそのまま持っていってよい。
- Link
- https://indexstyle.org/ja/styles/firefox-proton
- Markdown
- [Firefox Proton（Firefox Proton） — デザインスタイル辞典](https://indexstyle.org/ja/styles/firefox-proton)
- HTML
- <a href="https://indexstyle.org/ja/styles/firefox-proton">Firefox Proton（Firefox Proton） — デザインスタイル辞典</a>