Sceneの配色
旧記述：App 2024の4配色を値のコピーで指定。
現在：Earth Hues v5 / Grounds v1の題材IDと版を参照。旧作例の画像は制作例として保持し、新しいSceneの配色には使わない。
04 / Implementation に戻る
継承台帳・改版履歴
旧ガイドの全セクションについて、現在の掲載先と変更理由を記録します。有効な規範、製品固有の作例、置き換えた定義を区別します。
適用範囲
改版履歴は当時の判断の記録です。本文に古い配色・自動再生などの記述がある場合も、新規制作の指示として使用しません。現在の置き換えは上の継承台帳を参照します。
25セクションの掲載先
| 旧版の情報 | 現在の掲載先 | 扱い |
|---|---|---|
| Design Guidelines / 3つの原則 | 開く | 現行に継承・適用範囲を明示 |
| Design Guidelines / ロゴ | 開く | 現行に継承・適用範囲を明示 |
| Design Guidelines / カラー | 開く | 現行に継承・適用範囲を明示 |
| Design Guidelines / タイポグラフィ | 開く | 現行に継承・適用範囲を明示 |
| Design Guidelines / レイアウトと余白 | 開く | 現行に継承・適用範囲を明示 |
| Design Guidelines / コンポーネント | 開く | 現行に継承・適用範囲を明示 |
| Design Guidelines / モーション | 開く | 現行に継承・適用範囲を明示 |
| Design Guidelines / ボイス＆トーン | 開く | 現行に継承・適用範囲を明示 |
| Design Guidelines / iOS作法（iOS 26 / Liquid Glass対応） | 開く | 現行に継承・適用範囲を明示 |
| Design Guidelines / アクセシビリティ | 開く | 現行に継承・適用範囲を明示 |
| DV Library / 描く技術ではなく、写す技術 | 開く | 現行に継承・適用範囲を明示 |
| DV Library / 三つの工程 — 光を当てる、焦点を結ぶ、写し取る | 開く | 現行に継承・適用範囲を明示 |
| DV Library / 光を当てる — そこにあるものを見えるようにする | 開く | 現行に継承・適用範囲を明示 |
| DV Library / 焦点を結ぶ — 一つを選び、言葉を与える | 開く | 現行に継承・適用範囲を明示 |
| Design Guidelines / データビジュアライゼーション | 開く | 現行に継承・適用範囲を明示 |
| DV Library / 発見の種類から型を引く | 開く | 現行に継承・適用範囲を明示 |
| DV Library / 型の台帳 | 開く | 現行に継承・適用範囲を明示 |
| DV Library / 型の検証 — 外から来た問いと、「もし」 | 開く | 現行に継承・適用範囲を明示 |
| DV Library / 写し取る — 媒体に定着させる | 開く | 現行に継承・適用範囲を明示 |
| DV Library / 検査の契約 | 開く | 現行に継承・適用範囲を明示 |
| DV Library / 少ない規則 × 多い入力 | 開く | 現行に継承・適用範囲を明示 |
| DV Library / 失敗事例 | 開く | 現行に継承・適用範囲を明示 |
| Design Guidelines / 参照と改版 | 開く | 現行に継承・適用範囲を明示 |
| DV Library / 参照 | 開く | 現行に継承・適用範囲を明示 |
| Design Guidelines / 機械可読スペック | 開く | 再生成：重複キー・旧Scene色・自動再生を解消 |
置き換えと適用範囲
UIのダーク配色
旧記述：#0A0A0A・#141414・ネイビーの定義が混在。
現在：地 #0C1428 / 面 #141F36。ガラスは浮く操作に加え、本文・コンテンツカードにも使用可。合成後の可読性を確認する。
再生と回転
旧記述：App 2024の自動開始とv5.3の初期停止が併記。
現在：時系列Sceneは表示時に自動再生。再生・停止、時刻指定を常時操作でき、非表示時と動きを減らす設定で停止。自動回転や編集動画の自動開始は対象外。
文字の最小サイズ
旧記述：本文14px、キッカー10px、タブ9.5pxの旧例外が残存。
現在：本文15px、補助11px。アイコン付きタブラベルに限り9.5pxを許容し、文字拡大に追従する。大きな文字のコントラスト基準は24px通常または18.66px太字。
ボタンとガラス
旧記述：青90%のティントに白文字を載せる旧作例。
現在：ライトのボタン・リンク・アイコンは#006BFFに統一し、ボタン文字は白。白との比は4.62:1（旧版の4.0:1を訂正）。ダークは既定のaction / onAction。ガラスは本文カードにも使用でき、実際の背景との合成後に検証し、不透明な代替を持つ。
製品固有の部品
旧記述：BODY I-OのAIピル・ヘッダー、SORAH AppのNFCや認証が全製品の規範に混在。
現在：製品・機能別の構成例と明示。共通化するのは寸法・可読性・状態・回復導線。
ブランドの表現
旧記述：空をUI背景に使った過去仕様、白数値を広いグラデーションに載せる例。
現在：空はアートワークと大きなタイトル専用。UI背景は単色。ブランド面の白文字は暗い位置または下地でコントラストを確保。
地理Sceneと編集カード
旧記述：凡例禁止・1枚1色相・夜版制限が全媒体の規範に見える。
現在：F/M/T/Xはカード・動画・二言語の対象範囲。地理SceneとCrosspointはS-01〜12。18の型と過去の見本は型の資料として復帰。
分類地図
旧記述：区画の種類という型とF-04の分類色禁止が併存。
現在：分類データには種類ごとの色分けを認め、分類名を併記する。量の大小には順序色、基準との差には発散色を使う。G1の分類色は既存の上限4区分を維持。今回の比較作例の色値は正式パレットではない。
スキャンの動き
旧記述：本文1.8sと詳細表2.6sが不一致。
現在：機能別の作例として2.6s・0.85s間隔・3面に統一。OSシート表示後は停止。
旧DESIGN.md
旧記述：copyキーの重複、旧配色、自動再生、紙面とUIの規定が混在。
現在：Foundations JSONへロゴ・部品・余白・組版・言葉・iOS・動きを統合。詳細本文と43条の制作検査を同じ正本からDESIGN.mdへ収録。
改版履歴と原資料
旧記述：新しい履歴だけが表に出て、過去の判断へ辿りにくい。
現在：旧版25セクションの掲載先を台帳化。両ガイドの過去履歴と参照をこのページに保存。旧DESIGN.mdは原本として保存し、現行規範には使用しない。
D1 / UI比較 A
旧記述：共通の実装・表示規範が未確定。
現在：値と短い状態文で静かに伝える。ゼロ・欠測・対象範囲外・読み込み中・取得失敗を区別し、再試行で地点と時刻を保持。
D2 / UI比較 C
旧記述：共通の実装・表示規範が未確定。
現在：2つの連続面は面＋値付きの等値線。双方の単位・集計期間と期間不一致を明示し、同時発生を暗示しない。
D3 / UI比較 B
旧記述：共通の実装・表示規範が未確定。
現在：主値と補間表示ラベルを常時表示し、元値・時刻・座標・方法は操作できる詳細へ。
D4 / UI比較 B
旧記述：共通の実装・表示規範が未確定。
現在：UI・記事・図版・動画・印刷をPoppins／Noto Sans JPへ統一。実書体とウェイトを同梱し、VI原版ロゴは保持する。
D5 / UI比較 B
旧記述：共通の実装・表示規範が未確定。
現在：更新する部品だけ待機。旧値の日時と未反映の選択を区別し、失敗時は選択を保持して再試行。古い応答を現在の選択へ適用しない。
記事連動コンテンツの適用範囲
旧記述：G1の12秒・30fps、欧文版先行を全ての映像・記事へ適用しがちだった。
現在：G1の既定を保持し、記事連動の動くポスターはCP-01〜07、contentEditorial、editorialPosterを適用。対象媒体・言語・目的から構図と尺を決める。
参照と改版
正典: SORAH VI GUIDE（ロゴ・CI/UIカラー・タイポグラフィの原典。本ページのロゴはVI原版OLデータから抽出）／ SORAH Document Style（資料・ドキュメントのトーン）
原案: SORAH App（2024）── アートディレクターによる画面遷移仕様（2024-09-03）・UIデザイン31画面（SORAH_APP+++ 0902）・Data Scape仕様書（2024-10-18）・実機キャプチャ（2025-01）。v5.2で要素を各セクションに取り込んだ（From SORAH App 2024 の印）
参照: Apple Human Interface Guidelines（iOS 26 / Liquid Glass） · iOS & iPadOS 26 Figma Library · Material 3 Expressive（バネのあるモーション・形態変化） · Google Stitch — DESIGN.md（機械可読スペック形式） · design.md spec（GitHub） · Strava（数値の走査性・動きのあるテクスチャー） · Apple Fitness（ダーク面とリング・大数字） · ChatGPT（抑制されたニュートラル面・会話UI・トーン） · NYT Graphics / The Upshot（注釈層・スクロール前提・再説明テスト） · WSJ Graphics（ダッシュボードからの離脱・連続ものは系として作る） · Dona Wong『WSJ Guide to Information Graphics』（図形式の機能・色は階層） · WIRED（見えないものに形を与える・For Future Reference）
改版: v5.3 — 2026-09-06 アクセシビリティ（10）を追補。SORAHアプリ v0.7 でガイドを実装に当て、自動監査（コントラスト・文字サイズ・タップ領域を light/dark × 100%/200% で走査）にかけた結果を差し戻した。ボタンの地に
このガイドの変更はSORAHの承認を経て改版する。色・コンポーネントの追加は必ずここに反映してから実装する。
原案: SORAH App（2024）── アートディレクターによる画面遷移仕様（2024-09-03）・UIデザイン31画面（SORAH_APP+++ 0902）・Data Scape仕様書（2024-10-18）・実機キャプチャ（2025-01）。v5.2で要素を各セクションに取り込んだ（From SORAH App 2024 の印）
参照: Apple Human Interface Guidelines（iOS 26 / Liquid Glass） · iOS & iPadOS 26 Figma Library · Material 3 Expressive（バネのあるモーション・形態変化） · Google Stitch — DESIGN.md（機械可読スペック形式） · design.md spec（GitHub） · Strava（数値の走査性・動きのあるテクスチャー） · Apple Fitness（ダーク面とリング・大数字） · ChatGPT（抑制されたニュートラル面・会話UI・トーン） · NYT Graphics / The Upshot（注釈層・スクロール前提・再説明テスト） · WSJ Graphics（ダッシュボードからの離脱・連続ものは系として作る） · Dona Wong『WSJ Guide to Information Graphics』（図形式の機能・色は階層） · WIRED（見えないものに形を与える・For Future Reference）
改版: v5.3 — 2026-09-06 アクセシビリティ（10）を追補。SORAHアプリ v0.7 でガイドを実装に当て、自動監査（コントラスト・文字サイズ・タップ領域を light/dark × 100%/200% で走査）にかけた結果を差し戻した。ボタンの地に
--blue-fill #0060E6 を新設（#006BFF に白文字は 4.0:1 で本文AAに届かない。見た目はほぼ同じで 5.5:1）、ダークは明るい青地 #1E8CFF に濃紺 #08122B の文字（白文字は 3.3:1）、--ink4 を文字色から外す（白地 2.1:1。罫線・アイコン専用とし、文字は ink3 #767676 まで）。あわせてタップ領域 44×44pt、文字サイズの下限と rem 化・200%非破綻、自動再生と自動回転も reduced-motion で初期停止、装飾SVGの aria-hidden ＋ focusable="false"、:focus-visible のリングを明文化。02 のスウォッチと semantic トークン表、ダークの対応表も更新。あわせて04に「アプリを広い画面で開いたとき」（PCでは幅460pxの1列に閉じ、ヘッダー・シート・モーダルは列の内側で位置を決める）、08に絵文字と絵文字的記号の禁止（☝ ➡️ ✓ をUIの合図に使わない。チェック・警告・方向はSVGで組む）を追記。DESIGN.md に a11y ブロックを追加（5.3.0）。 v5.2 — 2026-09-05 見出し下のフロスト×ソリッドのディバイダーを全廃（装飾のディバイダーは置かない。区切りは余白と1px罫線のみ）。アートディレクター原案のSORAHアプリ（2024）から要素を取り込み、既存セクションに分配。02 操作色とブランド色の分離（原案の操作青を #006BFF に正規化）と Data Scape のシーン色4種、03 読み出しの対（年｜値＋スパークライン・年スナップのスライダー）と記事ヘッダーの型、04 没入画面／中央モーダル／認証画面のレイアウト規則、05 コーチング・シート／スキャン待機と結果カード／登録モーダル・認証スタック／設定リスト、06 スキャン待機パルス・シーンの自動再生と停止・チュートリアル、07 没入シーン Data Scape の2つの型、08 状態を告げるコピー（状態名→動作と場所→回復手段）、09 NFC標準シート・Sign in with Apple・アカウント削除。DESIGN.md に app / scenes ブロックを追加（5.2.0）。 v5.1 — 2026-08-31 データビジュアライゼーション（07）を新設。図を「プロダクトの図／発信のグラフィック」の二つのレジスターに分け、選択の判定を規定。共通の9法則（1図1メッセージ・色は階層・直接ラベル・基準・注釈が主役・比較を歪めない・隠さない・不確かさ・グレースケール耐性）、図の型と用途、地図を使ってよい条件、データの色（発散／順序／分類とブランド色の扱い、虹スケール禁止）、数字の組み方を追加。ボイス＆トーン（08）をリッチ化し、UIコピー（敬体）と編集文（常体）の二レジスターに分割。見出しの作法、和欧混植の連単位規則、直した文の実例、書いたあとの三問、使わない語を追加。DESIGN.md に dataViz / copy ブロックを追加。 v5.0 — 2026-08-30 実プロダクト（BODY I-O）でのUI構築を経て確定した内容を反映。UI地をフラット2モード（ライト=純白＋ヘアライン罫線カード・影なし／ダーク=#0C1428＋ダークガラス、オート=端末外観連動）に変更し、空のテクスチャーをUI背景から引退させブランドアートワーク専用（アプリアイコン・キービジュアル・Sky Type）に再定義。ヒーロー/表現面はブランドブルーグラデーションを標準化。タブバーを分離ピル構成（メインカプセル＋真円AIピル）に、ヘッダーをセンタリングのタイプロゴのみに規定。スプラッシュ/Pull-to-Refresh/ローディングHUD/キーボード退避の挙動を規範化。表記規定（略号禁止・主要数値は全幅最上段）を追加。v4.4 — 2026-08-29 Nightsky上のダークサーフェスをダークガラス化（黒ベタ廃止）、コントロール内アイコンをグラスアイコンに統一（線アイコン残存を排除）、デバイス別の最低フォントサイズと文字サイズ可変追従を規定。v4.3 — 2026-08-29 Morning Light追加で空4種に、アイコンを「ソリッド＝意味の芯」原則で再設計し21種へ拡充（意味のない丸を全廃）、ダークモード背景にNightskyを採用。v4.2 — 2026-08-29 ガラスの色面（Frost×Solid）をカラーに追加しガイド全体へ適用、Sky Type（空テクスチャー文字）をタイトル・強調用に規定、2色面グラスアイコン体系を新設（線アイコン廃止）。v4.1 — 2026-08-29 空のテクスチャー3種（Daylight/Twilight/Nightsky、sorah.ioトップの空hero-cloud原版）を導入しガラス背景を全面置換、ダークガラス材質を追加。v4.0 — 2026-08-29 コンポーネント言語をLiquid Glassに全面転換（紙／ガラスの2層モデル、同心角丸14/22/30/カプセル、直角廃止、浮遊ナビ・ガラスシート・insetグループリスト）。v3.0 — 2026-08-29 ダークモード規範・表現レイヤー・機械可読DESIGN.md追加、CIパレット修正。v2.0 — 2026-08-29 ロゴをVI原版ベクターに差替え、標準型へ全面改定。v1.0 — 2026-08-29 初版。このガイドの変更はSORAHの承認を経て改版する。色・コンポーネントの追加は必ずここに反映してから実装する。
参照
5 領域・70 事例・約 750 URL のリサーチ、NYT / Bloomberg のディレクター 2 人の作品調査、SORAH の Pinterest・Bloomberg Data Dash・Ryoji Ikeda・Tableau の横断分析（2026-09-02）を基にした。詳細はプロジェクト doc dv_research_A〜H。ここでは台帳の根拠として直接引いたものだけ。2025–2026年に世の中で見られた事例そのもの（587件）は、別ページの事例集にある。この章は台帳が規範を組み立てるときに引いた文献で、事例集とは別のもの。
| 領域 | 出典 | 台帳への寄与 |
|---|---|---|
| 方向性（四つの共感） | Blacki Migliozzi（Bloomberg → NYT）「2014: The Hottest Year」「What's Really Warming the World?」／ F1 App — Live Timing（App Store）／ Refik Anadol Studio「Unsupervised」（MoMA）／ NASA Scientific Visualization Studio ／ 「データビジュアライゼーションの全域地図」v1.1（dv2_I〜P）／ 方向性 v2.1「光を当て、焦点を結び、写し取る」 | 三つの工程、X-06〜X-10、翻訳（analog）の型、STUDY の下の IF、取らないもの |
| 翻訳・思弁 | NYT「How Much Hotter Is Your Hometown Than When You Were Born?」／ The Pudding「What will the climate feel like in 60 years?」／ Ed Hawkins climate spiral（1.5℃・2.0℃ の同心円）／ NYT の 2090 年までの予測の帯 ／ 池田亮司 data.tron ／ 荻原和樹（2020、不安を煽らない配色）／ David Goodsell / PDB-101（「水分子は描かない」） | 翻訳先の選択規則、IF は帯と経路の形しか取らない、基準を先に決めて書く、除外条件を書く |
| 体系 | FT Visual Vocabulary（chart-doctor）／ Datawrapper Chart Chooser ／ From Data to Viz（Caveats）／ Data Viz Project ／ Munzner『Visualization Analysis & Design』／ Cleveland & McGill 1984 ／ Bertin『Sémiologie graphique』／ Wilke『Fundamentals of Data Visualization』／ 総務省統計局「なるほど統計学園」／ 藤・渡部『データビジュアライゼーションの教科書』 | 10 カテゴリ、副キー、上限値、体系間の相違 |
| 報道 | NYT Graphics（Cox・Tse）／ Economist「Mistakes, we've drawn a few」／ Reuters Graphics ／ Bloomberg「What's Really Warming the World?」／ The Pudding ／ 日経ビジュアルデータ ／ 朝日新聞デジタル ／ NHK ／ 東洋経済オンライン | 見出しが先、注釈層、翻訳比較、失敗事例の書式 |
| 報道（作画の階層） | Mira Rojanasakul（Bloomberg → NYT Climate）「See the Ocean Heat Fueling Hurricane Milton, in One Chart」「The World's Troubling New Tempo of Temperature Records」「This Year's Record-Breaking El Niño in 3 Charts」／ Blacki Migliozzi（Bloomberg → NYT）「What's Really Warming the World?」「Earth's Relentless Warming Sets a Brutal New Record」「How Much Hotter Is Your Hometown」— 15 作品（doc F） | 線の太さと色の階層、線末の日付＋値、平均の点線、単位は最上段だけ、図内の図題、パネルごとの数字、暫定データの注記 |
| 科学・気候 | NASA Earth Observatory / SVS ／ Ed Hawkins #ShowYourStripes ／ Climate Central ／ Berkeley Earth ／ Copernicus C3S ／ NOAA Climate.gov ／ NSIDC Charctic ／ Global Forest Watch ／ Our World in Data ／ Carbon Brief ／ IPCC AR6 colour guide ／ cmocean（Thyng 2016）／ Crameri 2020 ／ 気象庁 ／ JAXA・極地研 VISHOP ／ 国土地理院 | 色の規範、不確かさ・観測日・欠測、地図の投影、三本規則、氷縁の慣例 |
| デザイン・アート | Giorgia Lupi（Data Humanism）／ Federica Fragapane ／ Nadieh Bremer ／ Moritz Stefaner ／ Accurat ／ Studio Terp ／ Periscopic ／ Stamen ／ Mona Chalabi ／ Nicholas Felton ／ Takram ／ 木村博之 ／ 永原康史 ／ 中野豪雄 ／ JLReq | 一枚絵の四点セット、余白と三階層のタイポ、手描き表現の3条件、和文組版 |
| 横断（収束点） | Pinterest sorah0000（Maps 34・SORAH ART 72 ほか）／ NYT Blacki Migliozzi 85 作品（Uranium・Hormuz・Toxic House）／ Bloomberg Green「Data Dash」／ Ryoji Ikeda（datamatics・test pattern・data.gram）／ Tableau『Visual Analysis Best Practices』— doc G | 数字の札、なぜこの数か、素材の言葉、本文の数字を図の色で、P の構図（円・地平線・重なる面）、G2 の段、夜版、密度の上限、発行前の 7 問 |
| 自社（商品） | SORAH CLIMATE STRIPES / AQUA FLUXUS / GLACIES LIQUOR #1 / SYLVANIA CONTINUUM（shop.sorah.io、A1・900部限定）と、その用紙・印刷方式・図法・縮尺の仕様 — doc H | 一つのインク、紙が見える、太いのは題だけ、凡例は縮小図か数字の格子、素材と出所を明記。組版の3規則の実測 |
| スタイルガイド | Urban Institute ／ Sunlight Foundation ／ BBC bbplot ／ ONS ／ 英 Analysis Function ／ Datawrapper Academy ／ IBM Carbon ／ Google Material ／ Apple HIG Charts ／ Atlassian ／ CFPB ／ SmartHR | 章立て、型ページの記載項目、色トークン、must/should の口調、Do/Don't の作り方 |