技法

Presenter overlay bottom right

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

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

フレーム
41
動画
7
ブランド
6
カット間隔の中央値
22.5秒

最も多く撮っているのは

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

37signals 12フレームSamraaj Bath 10フレームFigma 6フレームSketch Together 6フレームGoogle 5フレームMobbin 2フレーム
Google What is Nano Banana? at 0:31corner inset
GoogleWhat is Nano Banana?
0:31
Google What is Nano Banana? at 0:34corner inset
GoogleWhat is Nano Banana?
0:34
Google What is Nano Banana? at 0:40corner inset
GoogleWhat is Nano Banana?
0:40
Google What is Nano Banana? at 0:43corner inset
GoogleWhat is Nano Banana?
0:43
Google What is Nano Banana? at 0:46corner inset
GoogleWhat is Nano Banana?
0:46
Mobbin I Gave Claude 600,000 UI Screens… Then This Happened at 1:54corner inset
MobbinI Gave Claude 600,000 UI Screens… Then This Happened
1:54
Mobbin I Gave Claude 600,000 UI Screens… Then This Happened at 1:58corner inset
MobbinI Gave Claude 600,000 UI Screens… Then This Happened
1:58
Figma Tired: code or canvas Wired: code AND canvas Introducing Claude Code... at 1:46corner inset
FigmaTired: code or canvas Wired: code AND canvas Introducing Claude Code...
1:46
Figma Tired: code or canvas Wired: code AND canvas Introducing Claude Code... at 1:50corner inset
FigmaTired: code or canvas Wired: code AND canvas Introducing Claude Code...
1:50
Figma Tired: code or canvas Wired: code AND canvas Introducing Claude Code... at 1:54corner inset
FigmaTired: code or canvas Wired: code AND canvas Introducing Claude Code...
1:54
Figma Tired: code or canvas Wired: code AND canvas Introducing Claude Code... at 1:58corner inset
FigmaTired: code or canvas Wired: code AND canvas Introducing Claude Code...
1:58
Figma Tired: code or canvas Wired: code AND canvas Introducing Claude Code... at 2:02corner inset
FigmaTired: code or canvas Wired: code AND canvas Introducing Claude Code...
2:02
Figma Tired: code or canvas Wired: code AND canvas Introducing Claude Code... at 2:06corner inset
FigmaTired: code or canvas Wired: code AND canvas Introducing Claude Code...
2:06
37signals Take a tour of HEY at 0:00corner inset
37signalsTake a tour of HEY
0:00
37signals Take a tour of HEY at 12:35corner inset
37signalsTake a tour of HEY
12:35
37signals Take a tour of HEY at 12:52corner inset
37signalsTake a tour of HEY
12:52
37signals Take a tour of HEY at 13:34corner inset
37signalsTake a tour of HEY
13:34
37signals Take a tour of HEY at 14:35corner inset
37signalsTake a tour of HEY
14:35
37signals Take a tour of HEY at 21:36corner inset
37signalsTake a tour of HEY
21:36
Samraaj Bath ⚡️Introducing ion design (YC W24)⚡️ We instantly turn Figma designs ... at 0:00corner inset
Samraaj Bath⚡️Introducing ion design (YC W24)⚡️ We instantly turn Figma designs ...
0:00
Samraaj Bath ⚡️Introducing ion design (YC W24)⚡️ We instantly turn Figma designs ... at 0:02corner inset
Samraaj Bath⚡️Introducing ion design (YC W24)⚡️ We instantly turn Figma designs ...
0:02
Samraaj Bath ⚡️Introducing ion design (YC W24)⚡️ We instantly turn Figma designs ... at 0:06corner inset
Samraaj Bath⚡️Introducing ion design (YC W24)⚡️ We instantly turn Figma designs ...
0:06
Samraaj Bath ⚡️Introducing ion design (YC W24)⚡️ We instantly turn Figma designs ... at 0:10corner inset
Samraaj Bath⚡️Introducing ion design (YC W24)⚡️ We instantly turn Figma designs ...
0:10
Samraaj Bath ⚡️Introducing ion design (YC W24)⚡️ We instantly turn Figma designs ... at 0:14corner inset
Samraaj Bath⚡️Introducing ion design (YC W24)⚡️ We instantly turn Figma designs ...
0:14
Samraaj Bath ⚡️Introducing ion design (YC W24)⚡️ We instantly turn Figma designs ... at 0:36corner inset
Samraaj Bath⚡️Introducing ion design (YC W24)⚡️ We instantly turn Figma designs ...
0:36
Samraaj Bath ⚡️Introducing ion design (YC W24)⚡️ We instantly turn Figma designs ... at 1:09corner inset
Samraaj Bath⚡️Introducing ion design (YC W24)⚡️ We instantly turn Figma designs ...
1:09
Samraaj Bath ⚡️Introducing ion design (YC W24)⚡️ We instantly turn Figma designs ... at 1:25corner inset
Samraaj Bath⚡️Introducing ion design (YC W24)⚡️ We instantly turn Figma designs ...
1:25
Samraaj Bath ⚡️Introducing ion design (YC W24)⚡️ We instantly turn Figma designs ... at 1:56corner inset
Samraaj Bath⚡️Introducing ion design (YC W24)⚡️ We instantly turn Figma designs ...
1:56
Samraaj Bath ⚡️Introducing ion design (YC W24)⚡️ We instantly turn Figma designs ... at 1:56corner inset
Samraaj Bath⚡️Introducing ion design (YC W24)⚡️ We instantly turn Figma designs ...
1:56
37signals How does Basecamp work? at 0:34corner inset
37signalsHow does Basecamp work?
0:34
37signals How does Basecamp work? at 0:38corner inset
37signalsHow does Basecamp work?
0:38
37signals How does Basecamp work? at 0:42corner inset
37signalsHow does Basecamp work?
0:42
37signals How does Basecamp work? at 0:46corner inset
37signalsHow does Basecamp work?
0:46
37signals How does Basecamp work? at 0:50corner inset
37signalsHow does Basecamp work?
0:50
37signals How does Basecamp work? at 0:54corner inset
37signalsHow does Basecamp work?
0:54
Sketch Together Hilos. A place for your team and agents to make stuff at 1:46corner inset
Sketch TogetherHilos. A place for your team and agents to make stuff
1:46
Sketch Together Hilos. A place for your team and agents to make stuff at 1:50corner inset
Sketch TogetherHilos. A place for your team and agents to make stuff
1:50
Sketch Together Hilos. A place for your team and agents to make stuff at 1:54corner inset
Sketch TogetherHilos. A place for your team and agents to make stuff
1:54
Sketch Together Hilos. A place for your team and agents to make stuff at 1:58corner inset
Sketch TogetherHilos. A place for your team and agents to make stuff
1:58
Sketch Together Hilos. A place for your team and agents to make stuff at 2:02corner inset
Sketch TogetherHilos. A place for your team and agents to make stuff
2:02
Sketch Together Hilos. A place for your team and agents to make stuff at 2:06corner inset
Sketch TogetherHilos. A place for your team and agents to make stuff
2:06
これで全 41 枚です。

比較できる他の技法

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