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

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

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

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

制作の上位方針はクリエイティブの方向性へ。以下は文字・注記・媒体別制作の実務と、2026年9月25日の淡水作例です。見出しや文字帯をすべての映像へ追加する指定ではありません。

01 / EDITORIAL HIERARCHY

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

見出しだけを大きくして図を押し出さない。現象、必要なコピー、観測期間、値と単位・分母、凡例、注記の役割を分けます。これは全要素を上から積む固定順序ではありません。観測期間と記事の公開日は別々に扱います。

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

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

36%

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

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

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

出来事をたどり、注記は文末へ。

本文は出来事・仕組み・生活や生態系への影響をたどる。データの取得・描画手順、欠測、網羅性、比較限界は本文の結びの後に「データと表現」としてまとめる。対象年・単位・分母・モデルや予測という主張を変える条件は、該当する図や数値の近くにも残す。詳細注記は原稿保存にも含める。

本文の役割

時事的な背景から、具体的な場所・規模・歴史・生活への影響へ進みます。地図による俯瞰と、調査・採掘・復旧などの記録写真を往復し、タイトルの問いへ戻って結びます。

Data and interpretation

Place methods, coverage gaps and comparison limits after the article's conclusion. Keep essential dates, units and model labels next to the visual. Preserve these notes in the saved manuscript.

写真:場所 / 撮影日(不明なら不明)/ 作者 / 出典 / ライセンス / 加工の有無。公開日を撮影日に置き換えません。

Data Scapeへの小さな共通ボタンは図の直下に中央配置し、図注はその下へ。大きなCTAや斜め矢印を加えません。

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

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

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

確認状態 承認済み · r14

配信状態 引き渡し済み

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

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

P1

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

P2

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

P2

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

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

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入口を維持し、R1 → R2 → P1 → P2で制作する。P1は実データ試作と切り口、P2は最終動画・日英記事全文・関連写真と図版・原稿・権利情報・Data Scapeの本番実操作までを揃える。制作段階、確認状態、配信状態を分け、PRマージだけで本番確認済みにしない。旧P3の仕上げをP2に統合し、過去の履歴は書き換えない。

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

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

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

P2で制作を最終化する。

1テーマ1入口を維持し、R1 → R2 → P1 → P2で制作する。P1は実データ試作と切り口、P2は最終動画・日英記事全文・関連写真と図版・原稿・権利情報・Data Scapeの本番実操作までを揃える。制作段階、確認状態、配信状態を分け、PRマージだけで本番確認済みにしない。旧P3の仕上げをP2に統合し、過去の履歴は書き換えない。

2026年10月8日採用。受け手への効果を実証したという意味ではありません。各記事に歴史や復旧など同じ章を強制せず、題材との関連と資料の厚さから選びます。

EDITORIAL / 2026.10.08

データから、地球と人々の物語へ。

記事は初期4記事(北極海・森林・河川・気温)の厚みを参照し、データの見え方だけで終えない。物質・現象の仕組み、観測や発見の歩み、具体的な土地、そこで測る・働く・暮らす人々、産業や生態系への関係を、根拠に支えられたナラティブとしてつなぐ。節ごとに新しい事実とその意味を加え、抽象的な結びや図の説明の反復で文字数を増やさない。全記事に同一の章立てや長さを強制せず、参照記事と比較して欠ける説明を埋める。

タイトルは、何の記事かを先に届ける。

記事タイトルには、扱うデータの一般に認知された対象名・現象名・関連事項を必ず含める(リチウム・コバルト・レアアース、海洋プラスチック、北極圏の氷河など)。データセットの略称だけを入口にしない。具体語を自然に前方へ置き、場所・時間・変化や本文が答える問いを組み合わせ、検索前に内容と読む意味が伝わる見出しにする。キーワードの羅列、根拠のない最大・急増、本文にない約束で注目を集めない。記事見出し・ページtitle・説明文・共有カード・保存原稿を同じ主題へ同期し、公開時は検索可能なHTMLにも反映する。検索順位の効果は未検証。

具体名から問いを開く

海洋プラスチックはどこへ流れる? 太平洋の海流と、陸の暮らし

「光の行方」などの抽象語だけで主題を隠さず、読者が知っている言葉から本文の問いへつなぎます。

一節ごとに、理解を深める

海流の仕組み → 漂流ブイの観測 → 海で試料を集める人 → 漁具と生き物 → 陸で変えられる仕組み。これは一例で、全記事の固定テンプレートではありません。

図中の短いheadline向けの17字上限・疑問形回避は記事タイトルに適用しません。方針はユーザー採用済み、検索順位や読者効果は未検証です。

P2 / INSTAGRAM / 2026.10.08

映像は全面に。情報はUIの内側に。

実投稿で年月・図題が上部のプロフィールに隠れ、下部の凡例・出典がキャプションや返信欄と重なり、都市名が右の操作列に接触しました。9:16という画角だけでは確認が足りません。

背景の地図や地球は全面に描きます。年月、主値と単位、意味に必要な凡例、主要地名、必要な出典は表示面ごとの領域に組み直します。左上・左下はキャンバスの端ではなく、この領域の中での整列位置です。

Reels必須情報をこの内側へ
Reels:実線は必須情報の領域。右側と上下のUIから文字を離す。
Stories必須情報をこの内側へ
Stories:実線は必須情報の領域。破線はリンクスタンプの予約位置。

出力プロファイルの初期値

単位は書き出した動画のpx、左上を原点とし、矩形は [x, y, 幅, 高さ]。2026年10月8日のユーザー提供iPhone実機画像6点を受けたSORAHの制作初期値です。Metaの公式固定寸法ではなく、この数値での新規出力は実機未検証です。端末や表示方法が変われば更新します。スクリーンショット全体を動画の座標に換算せず、動画部分・クロップ・拡大率を特定してください。

profileキャンバス必須情報の領域避けるもの
instagram-reels-v11080 × 1920[96, 300, 804, 1140]上部操作・右側の操作列・下部アカウントとキャプション
instagram-stories-v11080 × 1920[72, 250, 936, 1150]上部プロフィール・下部返信欄。リンクスタンプ用 [72, 1460, 828, 140] を別途予約
instagram-feed-v11080 × 1350[72, 180, 912, 1030]投稿内のプロフィール・音源・下部操作。Reel共有とは別プロファイル

同じ9:16でも、同じ配置とは限らない

ReelsとStoriesは別profileで確認します。両方で合格したときだけ同一ファイルを共用でき、比率や尺が同じという理由では共用しません。Storiesのリンクはネイティブの操作可能なスタンプ用に予約し、ボタンやURLを映像へ焼き込んで代用しません。Feedへの共有表示とカバーのクロップも別に確認します。背景の全面表示と、情報をUIから離す余白は両立させます。

重要な地名は座標を変えず、文字位置と必要な引出線を調整します。字が収まらない場合は改行・簡潔な表記・配置を見直し、全体縮小、小さすぎる文字、地理の引き伸ばし、単位や必要な出典の削除で解決しません。詳細な技術注記は記事やキャプションへ分担できますが、モデルや基準など解釈に必須の条件は動画でも読める位置に残します。

P2で確認するもの

  1. 最終MP4から開始・中間・終了と、日付・数値・ラベルが最も長い場面、切替時を取り出す。
  2. 通常表示の上部UI・右の操作列・アカウント・キャプションを検査用に重ねる。Storiesは予定する大きさのリンクスタンプも置く。文字の起点だけでなく行全体を確認する。
  3. スマートフォン相当の大きさで読めるか確認し、UI付き検査画像とUIを含まない納品MP4を分けて保存する。UI模擬と実機での確認を別々に記録する。
  4. profileと版、実際に採用した矩形、参照日、検査画像、未確認の表示面、納品ファイルのSHA-256をmanifestへ残す。

コメントやキャプションを展開した状態、全端末での可視性は保証しません。最新UIを確認できない場合は同梱profileから進め、実機確認済みとは記録しません。この規範の更新だけでは、レビュー中のP1の段階移行、既存動画の再出力、公開済み投稿の置換は行いません。

条規範・根拠判定
CP-15投稿UIの中でも情報を読めるようにする

P2のSNS動画は画角だけでなく表示面で組む。背景の可視化は全面に保ち、年月・主値・単位・凡例・主要地名・必要な出典は、その表示面のUIを避けた領域へ再配置する。Reelsは上部操作・右の操作列・下部アカウントとキャプションを避け、Storiesは上部プロフィール・下部返信欄に加えてリンクスタンプの場所を確保する。Feed共有時のクロップも別に確認する。安全域の数値はSORAHの制作初期値であり、Instagramの恒久仕様や全端末での保証ではない。最終MP4の開始・中間・終了と文字の最大幅になる場面へUIを重ねて検査し、媒体別profile・確認日・検査画像・ファイルのハッシュを残す。

2026-10-08 user iPhone Instagram feedback; SORAH initial profiles, not platform guarantees
人が確認