BBC GEL
BBC Global Experience Language / 2010– / スタイル / プラットフォームの画面言語
ニュース、映像、音声、子ども向けまで広いBBCのデジタル体験を、読みやすさ、アクセシビリティ、強い見出し、再利用可能なメディア部品で統一するGlobal Experience Language。
ひと目で判断
見た目の特徴
- 黒いヘッダーと白いコンテンツ面
- 太く短い見出しと明確な階層
- 画像比率を揃えたニュースカード
- 焦点、字幕、再生操作を強く可視化
向いている用途
- 記事、音声、映像を同じブランドの入口で扱うメディアサイト
- 多様な端末と支援技術で同じコンテンツへ到達させるとき
このスタイルを使う
短い指針を制作へ持ち込むか、構造化された仕様をAIへ渡せます。
詳しい作り方と出典制作ルール、実在作例、比較、研究、引用形式
辞書情報
- 文字
- 見出しを短く太く、本文を平明にし、画像が無くても内容が判別できるラベルを置く。
- 構成
- カードの画像比率と見出し位置を揃え、記事の重要度で列幅を変える。
- 素材
- 黒と白を強い基礎にし、番組や領域の色を一つだけ加える。
- 注意
- カードを均等に並べるだけではニュースの重要度が消える。編集判断を面積と順序へ反映する。
- 関連研究
- BBC GEL foundations / progressive enhancement / media accessibility
関連項目
- GOV.UK デザインシステム（GOV.UK Design System）同じ「プラットフォームの画面言語」の系統。BBC GELとGOV.UK デザインシステムの違いを見る
- GitHub Primer（GitHub Primer）同じ「プラットフォームの画面言語」の系統。BBC GELとGitHub Primerの違いを見る
プラットフォームの画面言語をさらに見る
同じ「プラットフォームの画面言語」から、共通する印象が多い順に次の項目を選んだ。
- Mozilla Protocol（Mozilla Protocol）共通する印象：技術 / 信頼 / 高揚。
- Elastic UI（Elastic UI）共通する印象：技術 / 信頼 / 高揚。
- モチーフ（Motif）共通する印象：技術 / 信頼。
この項目を引用する
辞典はリンクされるためにある。書いている場所に合う形をそのまま持っていってよい。
- Link
- https://indexstyle.org/ja/styles/bbc-gel
- Markdown
- [BBC GEL（BBC Global Experience Language） — デザインスタイル辞典](https://indexstyle.org/ja/styles/bbc-gel)
- HTML
- <a href="https://indexstyle.org/ja/styles/bbc-gel">BBC GEL（BBC Global Experience Language） — デザインスタイル辞典</a>