技法

Split pane ui

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

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

フレーム
20
動画
9
ブランド
7
カット間隔の中央値
12.5秒

最も多く撮っているのは

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

Cursor 8フレームWarp 3フレームAmjad Masad 3フレームTimestripe 2フレームConcept Central 2フレームPaul Klein IV 1フレーム
Cursor Cursor is now on iPad. All the power of Cursor on iPhone, with more ... at 0:04
CursorCursor is now on iPad. All the power of Cursor on iPhone, with more ...
0:04
Cursor Cursor is now on iPad. All the power of Cursor on iPhone, with more ... at 0:16
CursorCursor is now on iPad. All the power of Cursor on iPhone, with more ...
0:16
Paul Klein IV The next billion dollar company will be powered by Browserbase. We a... at 0:48
Paul Klein IVThe next billion dollar company will be powered by Browserbase. We a...
0:48
Things Inc Introducing Rooms.xyz for web at 0:58
Things IncIntroducing Rooms.xyz for web
0:58
Timestripe Keep code changes and project tasks in sync at 0:00
TimestripeKeep code changes and project tasks in sync
0:00
Timestripe Keep code changes and project tasks in sync at 0:08
TimestripeKeep code changes and project tasks in sync
0:08
Warp How to hand off local agents to the cloud in Warp at 2:14
WarpHow to hand off local agents to the cloud in Warp
2:14
Warp How to hand off local agents to the cloud in Warp at 2:26
WarpHow to hand off local agents to the cloud in Warp
2:26
Warp How to hand off local agents to the cloud in Warp at 2:34
WarpHow to hand off local agents to the cloud in Warp
2:34
Cursor Manage a fleet of cloud agents, directly from Cursor. Now with faste... at 0:25
CursorManage a fleet of cloud agents, directly from Cursor. Now with faste...
0:25
Cursor Manage a fleet of cloud agents, directly from Cursor. Now with faste... at 0:28
CursorManage a fleet of cloud agents, directly from Cursor. Now with faste...
0:28
Concept Central The New YouTube at 1:08wide presenter
Concept CentralThe New YouTube
1:08
Concept Central The New YouTube at 1:12wide presenter
Concept CentralThe New YouTube
1:12
Amjad Masad AI is incredible at writing code. But that's not enough to create so... at 1:54medium presenter
Amjad MasadAI is incredible at writing code. But that's not enough to create so...
1:54
Amjad Masad AI is incredible at writing code. But that's not enough to create so... at 1:58medium presenter
Amjad MasadAI is incredible at writing code. But that's not enough to create so...
1:58
Amjad Masad AI is incredible at writing code. But that's not enough to create so... at 2:02medium presenter
Amjad MasadAI is incredible at writing code. But that's not enough to create so...
2:02
Cursor A computer for every agent at 2:11corner inset
CursorA computer for every agent
2:11
Cursor A computer for every agent at 2:20corner inset
CursorA computer for every agent
2:20
Cursor A computer for every agent at 2:20corner inset
CursorA computer for every agent
2:20
Cursor A computer for every agent at 2:21corner inset
CursorA computer for every agent
2:21
これで全 20 枚です。

比較できる他の技法

Shallow depth of field 5,289Full bleed output no chrome 3,081Hard cut on beat 3,077Centred wordmark on black 2,355Cursor led reveal 2,333Ui float with drop shadow 2,091Long lens background compression 1,096Text plate left third 814Full bleed ui no chrome 741Long lens compression 601Hard cut to black 595Centred talking head 550Subject on right third 530Generous negative space 481Centred subject 465Full bleed no chrome 430Centred wordmark on white 412Full bleed screen recording 408Wide establishing shot 386Full bleed screen capture 377Medium close up 366Subject on left third 344Centred medium close up 342Presenter pip bottom right 336