IMMERSIVE RATIO DESIGN™
没入比率設計
IMAXが選んだ1.43:1という比率。
それは「デザイン」ではなく「思想」だった。
THE PROBLEM
なぜ16:9だけでは不十分なのか
視線が流れる
横長は目が左右に動き、情報が記憶に残りにくい
スクロールが止まらない
同じ比率の連続は、脳が「パターン」と認識してスキップ
没入感が生まれない
16:9は「妥協の比率」。どちらにも最適化されていない
RATIO SYSTEM
5つの比率、5つの役割
なぜ1.43:1なのか
映画初期の35mmフィルムは縦に走り、4:3の比率を生んだ。 IMAXは発想を逆転。70mmフィルムを横に走らせ、 1フレームを最大化した。
その結果が1.43:1。 これは「デザイン」ではなく「物理構造」から生まれた必然だった。
PSYCHOLOGICAL FLOW
比率で視線をコントロールする
ユーザーの心理フェーズに合わせて比率を変える。 これが「没入比率設計」の核心。
01
1.43:1
IMMERSE
没入させる
02
4:3
UNDERSTAND
理解させる
03
16:9
INFORM
情報を与える
04
4:5
STOP
停止させる
05
9:16
DOMINATE
画面を支配
PLATFORM OPTIMIZATION
SNS別最適比率
Instagram Feed
フィード占有最大化
Story / Reels
全画面没入
X (Twitter)
タイムライン最適化
YouTube
プラットフォーム標準
LP DESIGN
LPは「比率の段階設計」
HERO
1.43:1
視線を中央に集中
EXPLAIN
4:3
理解を促進
COMPARE
16:9
情報を整理
CTA
4:5
停止 → 行動
IMPLEMENTATION
実装チェックリスト
記事設計
- 導入画像は1.43:1で没入させる
- 説明図は4:3で理解を促す
- 比較表は16:9で情報整理
- CTA直前は4:5で停止効果
- 同じ比率を3つ以上連続させない
LP設計
- FVは1.43:1相当の視線集中
- 問題提起→解決策は4:3
- 事例・比較は16:9グリッド
- CTA前に4:5の停止セクション
- スクロールは「流れ」でなく「段階」
NEXT STEP
テンプレートを
ダウンロード
CSS/HTML/ABテストシート。
今日から実践できる設計資料を用意しました。