技法

Split panel layout

ライブラリのうち21フレームがSplit panel layoutに一致し、11ブランドの動画12本にまたがっています。どれも動画そのものから計測したもので、説明文から読み取ったものではありません。つまりこれは、スタイルガイドが説くあるべき姿ではなく、実際にどう使われているかです。

このページにレンダリング画像も機材リストもありません。下にあるのはどれも実際に見に行ける動画の本物の1秒であり、どの数値もサンプルからの推定ではなく実フレームを数えたものです。

フレーム
21
動画
12
ブランド
11
カット間隔の中央値
4.4秒

最も多く撮っているのは

各ブランドがこの切り口にどれだけフレームを出しているかの順です。

Ramp Meet Ramp: A smart finance operations platform that saves you time and money at 1:02
RampMeet Ramp: A smart finance operations platform that saves you time and money
1:02
Icons8 How to create Apple Liquid Glass effect in After Effects at 0:55
Icons8How to create Apple Liquid Glass effect in After Effects
0:55
Icons8 How to create Apple Liquid Glass effect in After Effects at 0:58
Icons8How to create Apple Liquid Glass effect in After Effects
0:58
Icons8 How to create Apple Liquid Glass effect in After Effects at 1:01
Icons8How to create Apple Liquid Glass effect in After Effects
1:01
Anthropic New Anthropic research: Natural Language Autoencoders.  Models like C... at 2:30
AnthropicNew Anthropic research: Natural Language Autoencoders. Models like C...
2:30
Lovable Lovable – An AI Full-Stack Engineer at 0:43
LovableLovable – An AI Full-Stack Engineer
0:43
The Browser Company How to hack any website’s design with no code (Arc Boosts) at 0:48
The Browser CompanyHow to hack any website’s design with no code (Arc Boosts)
0:48
Limitless Rewind Demo at 1:46wide presenter
LimitlessRewind Demo
1:46
Limitless Rewind Demo at 1:50wide presenter
LimitlessRewind Demo
1:50
Limitless Rewind Demo at 1:54wide presenter
LimitlessRewind Demo
1:54
Limitless Rewind Demo at 1:58wide presenter
LimitlessRewind Demo
1:58
Microsoft Design Microsoft Commercial Design Studio Photography Reel FY25 at 0:22corner inset
Microsoft DesignMicrosoft Commercial Design Studio Photography Reel FY25
0:22
Microsoft Design Microsoft Commercial Design Studio Photography Reel FY25 at 0:34close presenter
Microsoft DesignMicrosoft Commercial Design Studio Photography Reel FY25
0:34
GitHub Demo: end-to-end agentic development with GitHub Copilot at 0:00
GitHubDemo: end-to-end agentic development with GitHub Copilot
0:00
GitHub Demo: end-to-end agentic development with GitHub Copilot at 0:20
GitHubDemo: end-to-end agentic development with GitHub Copilot
0:20
GitHub Demo: end-to-end agentic development with GitHub Copilot at 4:04
GitHubDemo: end-to-end agentic development with GitHub Copilot
4:04
Notion New: you can now add Custom Agents to private @SlackHQ channels.  Add... at 0:19
NotionNew: you can now add Custom Agents to private @SlackHQ channels. Add...
0:19
Notion New: you can now add Custom Agents to private @SlackHQ channels.  Add... at 0:22
NotionNew: you can now add Custom Agents to private @SlackHQ channels. Add...
0:22
Figma Live from Config: Meet Code Layers, bringing the full power of code d... at 7:56wide presenter
FigmaLive from Config: Meet Code Layers, bringing the full power of code d...
7:56
Figma Figma Live: Codex to Figma with OpenAI at 19:13corner inset
FigmaFigma Live: Codex to Figma with OpenAI
19:13
FireCut How to Add Dynamic Captions in Premiere Pro & DaVinci Resolve with FireCut at 0:13wide presenter
FireCutHow to Add Dynamic Captions in Premiere Pro & DaVinci Resolve with FireCut
0:13
これで全 21 枚です。

比較できる他の技法