技法

Sidebar left third

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

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

フレーム
32
動画
18
ブランド
15
カット間隔の中央値
12.6秒

最も多く撮っているのは

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

Lobe 6フレームRaycast 5フレームDave de Céspedes 3フレームCursor 3フレームOpenAI 2フレームIdeaPunch 2フレーム
Perplexity Announcing Personal Computer. Personal Computer is an always on, loc... at 0:15
PerplexityAnnouncing Personal Computer. Personal Computer is an always on, loc...
0:15
IdeaPunch Introducing Breveto - A Beautiful Writing App at 0:11
IdeaPunchIntroducing Breveto - A Beautiful Writing App
0:11
IdeaPunch Introducing Breveto - A Beautiful Writing App at 0:11
IdeaPunchIntroducing Breveto - A Beautiful Writing App
0:11
OpenAI Introducing workspace agents in ChatGPT at 0:10
OpenAIIntroducing workspace agents in ChatGPT
0:10
OpenAI Introducing workspace agents in ChatGPT at 0:46
OpenAIIntroducing workspace agents in ChatGPT
0:46
Perplexity Personal Computer is now available in the Perplexity app for Windows.... at 0:10
PerplexityPersonal Computer is now available in the Perplexity app for Windows....
0:10
Base44 More clients. Same you. Agencies build bigger with Base44 at 0:37
Base44More clients. Same you. Agencies build bigger with Base44
0:37
Yasser Here is how to build the best possible onboarding experience for B2B ... at 0:55
YasserHere is how to build the best possible onboarding experience for B2B ...
0:55
Dave de Céspedes 👀 at 0:00
Dave de Céspedes👀
0:00
Dave de Céspedes 👀 at 0:04
Dave de Céspedes👀
0:04
Dave de Céspedes 👀 at 0:07
Dave de Céspedes👀
0:07
Cursor It’s now easier to move local agents to the cloud so they can keep wo... at 0:00
CursorIt’s now easier to move local agents to the cloud so they can keep wo...
0:00
Cursor It’s now easier to move local agents to the cloud so they can keep wo... at 0:04
CursorIt’s now easier to move local agents to the cloud so they can keep wo...
0:04
Cursor Cursor now shows you a leaderboard of the most popular plugins, skill... at 0:00
CursorCursor now shows you a leaderboard of the most popular plugins, skill...
0:00
The Browser Company We’re not building a web browser at 2:19
The Browser CompanyWe’re not building a web browser
2:19
The Browser Company We’re not building a web browser at 2:19
The Browser CompanyWe’re not building a web browser
2:19
Raycast Settings in Raycast at 0:18
RaycastSettings in Raycast
0:18
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
Linear PR reviews in Linear. Now in public alpha. at 0:00
LinearPR reviews in Linear. Now in public alpha.
0:00
Raycast ⚠️ Raycast can now see your screen at 1:05
Raycast⚠️ Raycast can now see your screen
1:05
Raycast ⚠️ Raycast can now see your screen at 1:16
Raycast⚠️ Raycast can now see your screen
1:16
Raycast ⚠️ Raycast can now see your screen at 3:37
Raycast⚠️ Raycast can now see your screen
3:37
Raycast ⚠️ Raycast can now see your screen at 3:48
Raycast⚠️ Raycast can now see your screen
3:48
rabbit getting started with DLAM on rabbit r1 at 2:42corner inset
rabbitgetting started with DLAM on rabbit r1
2:42
folk Meet folk MCP at 1:38
folkMeet folk MCP
1:38
Lobe Introducing Lobe | Build your first machine learning model in ten minutes. at 6:20medium presenter
LobeIntroducing Lobe | Build your first machine learning model in ten minutes.
6:20
Lobe Introducing Lobe | Build your first machine learning model in ten minutes. at 6:28medium presenter
LobeIntroducing Lobe | Build your first machine learning model in ten minutes.
6:28
Lobe Introducing Lobe | Build your first machine learning model in ten minutes. at 6:36medium presenter
LobeIntroducing Lobe | Build your first machine learning model in ten minutes.
6:36
Lobe Introducing Lobe | Build your first machine learning model in ten minutes. at 6:44medium presenter
LobeIntroducing Lobe | Build your first machine learning model in ten minutes.
6:44
Lobe Introducing Lobe | Build your first machine learning model in ten minutes. at 6:52medium presenter
LobeIntroducing Lobe | Build your first machine learning model in ten minutes.
6:52
Lobe Introducing Lobe | Build your first machine learning model in ten minutes. at 7:00medium presenter
LobeIntroducing Lobe | Build your first machine learning model in ten minutes.
7:00
Google How to build apps and automate tasks with Google Antigravity 2.0 at 0:22corner inset
GoogleHow to build apps and automate tasks with Google Antigravity 2.0
0:22
これで全 32 枚です。

比較できる他の技法

Shallow depth of field 5,319Hard cut on beat 3,096Full bleed output no chrome 3,088Centred wordmark on black 2,360Cursor led reveal 2,339Ui float with drop shadow 2,092Long lens background compression 1,099Text plate left third 815Full bleed ui no chrome 742Long lens compression 605Hard cut to black 600Centred talking head 553Subject on right third 532Generous negative space 482Centred subject 471Full bleed no chrome 431Centred wordmark on white 413Full bleed screen recording 409Wide establishing shot 390Full bleed screen capture 377Medium close up 367Presenter pip bottom right 359Subject on left third 346Centred medium close up 342