SORAH Design System
このプレビューはパスワードで保護されています
DESIGN SYSTEM 2026.09
03 / Scene Patterns に戻る

記事・動くポスターの制作

現象を大きく、条件を読みやすく。淡水コンテンツの制作から、図版・記事・映像の共通規範を定義します。

適用範囲
承認済み作例から採用したコンテンツ制作規範。Poppins/Noto Sans JPと既存のScene配色を継承します。18秒・60fpsや淡水の配色は全題材の固定値ではありません。

01 / EDITORIAL HIERARCHY

現象を主役に。日付を、読むための軸に。

見出しだけを大きくして図を押し出さない。現象、コピー、観測期間、値と単位・分母、凡例、注記の順に役割を分けます。観測期間と記事の公開日は別々に扱います。

淡水の承認済み日本語図版。地球と河川を主役に、2025年と36%の分母を添えた制作例。
淡水 / 2026年9月25日承認版の作例。過去の図版を保存し、新たな観測値や全題材の標準配色とは扱いません。
文字の階層 / 配置の見本

世界の大河で
流量が平年割れに。

36%

年間流量が平年を下回った
世界の流域面積の割合

記事本文は17px、注記は14pxを開始値に。画像は1080px原寸だけでなく、スマートフォンで表示される幅でも確認します。既存UIの最小文字サイズを一律変更するものではありません。

文字と注記のトークンを取得
02 / READING RHYTHM

本文は前へ。補足は、そのすぐそばへ。

湿地を潤し、畑に水を届け、魚を育てる。大河の流れは、自然の循環と人々の暮らしを支えている。

Rivers sustain wetlands, carry water to farms, and support fish. Their flow connects ecosystems and everyday life.

注記は短いラベル、補助色、余白と左罫で区別します。淡くして消さず、本文色とのコントラストを保ちます。原稿の保存ではラベル・本文・出典を残します。

写真クレジットの構成:場所 / 撮影年月日 / 撮影者 / 出典 / ライセンス / 加工の有無。「無料で利用可能」と「著作権なし」を区別します。

03 / VISUAL MEANING

見た目の違いに、意味を対応させる。

青の主流低流量と評価された流域を見つける目印

青緑の河川網地理的な背景。正常という評価ではない

点線+ラベル推定・シナリオなど。意味を言葉でも示す

上記は凡例の説明用見本で、数値を符号化した地図ではありません。青・青緑は淡水の採用配色であり、既存RIVERレジストリの上書きではありません。

  • 色・線幅・面積・高さ・動きが表す量を、出典・単位・期間・分母と一緒に記録する。
  • 支流の全体像と、評価済みの主流の強調を分ける。線の太さで減少率を暗示しない。
  • 観測、補間、予測、シナリオを区別する。未評価・欠測・対象外をゼロや平年並みに置き換えない。
  • 背景の写真・陰影と、測定された量を区別する。施設数から電力使用量、面積から体積を推定しない。
04 / FORMATS & LANGUAGES

同じ現象を、画角と言語に合わせて組む。

4:5
主図
日付・凡例・注記
フィードの構図例
9:16
主図
日付・凡例・注記
縦長動画の構図例
2:3
主図
日付・凡例・注記
ポスターの構図例

枠内の円は配置用の模式図で、地球データではありません。各媒体の操作UIやクロップ位置は配信時に確認します。安全な余白を全媒体共通の固定値とせず、主役・地名・注記が欠ける場合は再配置します。

淡水コンテンツの日本語図版
日本語:語のまとまりで改行
The same freshwater data in the English layout
English:文字量に合わせて再配置

両言語で値・期間・尺度・出典を一致させます。日本語記事には日本語図版を用意し、欧文先行を全記事の必須工程にしません。文字のない写真は共通利用し、キャプションと代替テキストを翻訳します。

05 / MOTION POSTER

回転と時間変化を、混同させない。

START

冒頭で題材、観測期間、主役が見える。

MIDDLE

移動するのは視点か、データの時点かを明確にする。

LOOP

姿勢・文字・数値・音声が冒頭へ自然につながる。

自転を表す場合は西から東。球体回転とカメラ周回では画面上の見かけが変わるため、既知の地点と経度で検証します。光の移動を実際の流速や個体数と誤認させません。

ループを求められた場合は、エンコード後の終端と冒頭を連続再生して確認します。角度を時間から求め、等速回転の終端だけを減速させない。重複フレームや長い静止による停止感にも注意します。

06 / ONE TOPIC, ONE PROJECT

制作段階と、配信の状態を分ける。

制作段階 P3 · 動画+記事全文

確認状態 承認済み · r14

配信状態 引き渡し済み

更新 2026-09-25 · 注記と写真を追加

上は淡水の制作記録を使った状態表示の作例です。「引き渡し済み」は公開完了ではありません。公開状態は配信先ごとに確認し、承認後の変更を新しい版として区別します。

P1

主張・データの成立性・静止画の比較。

P2

記事構成・図版・日英組版・映像の主要場面。

P3

記事全文・媒体別素材・出典・権利・受け渡し。

一覧はサムネイルと状態を軽く表示し、テーマを開いて必要な図版を読み込みます。動画はポスターを先に見せ、再生時に読み込み、非表示時に停止します。原稿更新で全動画を再生成・再配信しない構成を採用します。

07 / REVIEW CONTRACT

制作時に確認する7条。

CP-01〜07は人が成果物で確認する規範です。SDSの文書ビルドが通ったことを、別作品のデータ検証・知覚評価が完了した証拠にはしません。

条規範・根拠判定
CP-01主張とデータの範囲を揃える

制作前に対象期間・地域・単位・基準期間・分母・網羅性を記録する。観測、補間、推定、シナリオ、地理的背景を区別する。施設数を電力消費へ、流域面積の割合を水量の減少率へ読み替えない。

2026-09-26 content production retrospective / freshwater approved example
人が確認
CP-02本文と注記の階層を分ける

本文は現象と自然・暮らしの関係を進める。比較条件や図の読み方は近くに見出し付き注記を置く。対象年・予測・分母など主張を変える条件は数値の近くにも残す。注記は色と余白で区別し、十分なコントラストを保ち、原稿保存でも落とさない。

2026-09-26 content production retrospective / freshwater approved example
人が確認
CP-03現象を主役に、日付と単位を読める位置へ

図版の主役を文字で隠さない。コピー、観測期間、数値と単位・分母、凡例、注記に階層を設ける。文字トークンは開始値として使い、実際のスマートフォン表示で確認する。凡例の色・線幅・高さの意味を記し、背景や未評価を正常値として見せない。

2026-09-26 content production retrospective / freshwater approved example
人が確認
CP-04日英と媒体別の構図を同じデータから組む

日本語記事には日本語図版を用意し、日英の値・期間・尺度・出典を揃える。文字量に合わせて改行と配置を変える。4:5・9:16・2:3は対象媒体に応じた作例で、主役や注記を切る単純クロップをしない。写真は各言語の説明と作者・ライセンス・撮影日・加工の有無を付す。

2026-09-26 content production retrospective / freshwater approved example
人が確認
CP-05データの変化と視点の移動を分ける

動画化前に開始・中間・終了の構図を確認する。固定時点の地球回転を時間変化と見せず、自転を表す場合は西から東を地点で検証する。ループ指定時は姿勢・ラベル・データ・音声の接続と停止感をエンコード後に確認する。18秒・60fpsを他作品の固定条件にしない。

2026-09-26 content production retrospective / freshwater approved example
人が確認
CP-06制作・承認・配信を別の状態として見せる

1テーマ1入口を維持し、P1〜P3、確認状態、媒体別の配信状態を別に記録する。配信に回した状態を公開済みと呼ばない。承認revision・更新日・更新内容を表示し、更新前のサイトを最新版と案内しない。P1は主張と絵、P2は構成と主要場面、P3は全文と配信素材を揃える。

2026-09-26 content production retrospective / freshwater approved example
人が確認
CP-07必要な素材だけ読み込み、更新する

一覧は軽いサムネイルと状態を表示し、詳細ページで必要な画像を読み込む。レビュー動画はポスターと再生操作から始める。原本・レビュー用・配信用を区別し、原稿更新で未変更の動画を再生成しない。素材の不変URLと版を維持し、保存先を分ける場合も閲覧権限を変えない。

2026-09-26 content production retrospective / freshwater approved example
人が確認