Study 01 / Spatial orchestration
One beat, many directions
同時に動くことと、同じ動きをすることは違う。時間を共有し、方向だけを分けると、物量が一つの意思に見える。
Original grammar study / neutral assets
One Beat, Many Directions
01 / Reusable principles
What to carry forward
- 01
Shared progress × individual vector
各面へ別の delay を配らず、共通の progress と easing を使う。translate3d・rotation・size の差だけで別方向を作る。
- 02
Camera as a reading cursor
カメラを任意の軌道へ走らせず、字画や輪郭の接線を読むように移動させ、次の線へ4–8 frames重ねる。
- 03
Build mass, then select one
小さなカード投入と、束全体を拡大する大きな motion を分離する。最後の push-in で見る対象を一つに決める。
- 04
Promote color into space
紹介した色面を捨てず、全画面化して次の scene の床として使う。説明と転換を一つの motion にする。
02 / Parameters
Implementation starting points
| Control | Value | Use |
|---|---|---|
| Shared move | 1,700–1,900 ms | 同一 easing、element stagger は0–40 ms |
| Perspective | 1,200–1,600 px | background z は -900 … -250 px |
| Artboards | 9–15 | 最終的に残す主題は3枚以下 |
| Card entrance | 360–440 ms | stagger は後半ほど320 → 220 msへ圧縮 |
| Selection push | 720 ms | scale 2.4–2.8、selected content を維持 |
03 / Application
Use the grammar,
not the signature
Good fit
- 複数のページやポスターを一度に展開するブランド映像
- カード束から一つの成果物へ着地する紹介動画
- 色面を次の場面の背景として受け渡す転換
Do not copy
- Podium の custom wordmark と末尾の導線
- 工業設備・回路図を暗い grid 上でつなぐ世界
- 固有の黄色とブランドコピー
04 / Source notes
Read the evidence
数値の根拠、ショット表、署名との分離は repository の原文に残している。