技法

Centred card on flat field

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

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

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

最も多く撮っているのは

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

Figma 9フレームAnthropic 7フレームAdobe 4フレームHiggsfield AI 2フレームThe Browser Company 2フレームPaul Klein IV 1フレーム
Anthropic New Anthropic research: A global workspace in language models. Of ev... at 1:56
AnthropicNew Anthropic research: A global workspace in language models. Of ev...
1:56
Figma FIGMA MOTION IS HERE FIGMA MOTION IS HERE FIGMA MOTION IS HERE Li... at 0:20
FigmaFIGMA MOTION IS HERE FIGMA MOTION IS HERE FIGMA MOTION IS HERE Li...
0:20
Figma All the Launches at Config 2024 | Figma at 0:06
FigmaAll the Launches at Config 2024 | Figma
0:06
Figma wdym of course there’s an agent right on the design canvas that’s flu... at 0:00
Figmawdym of course there’s an agent right on the design canvas that’s flu...
0:00
Figma Generative plugins, built by you and the Figma agent Describe the to... at 0:34
FigmaGenerative plugins, built by you and the Figma agent Describe the to...
0:34
Nothing Phone (2): Lights, camera, less distraction at 0:24
NothingPhone (2): Lights, camera, less distraction
0:24
Claude Introducing Claude Design by Anthropic Labs at 0:04
ClaudeIntroducing Claude Design by Anthropic Labs
0:04
Higgsfield AI Higgsfield MCP is HERE! 🧩 You can now create content end-to-end insi... at 0:07
Higgsfield AIHiggsfield MCP is HERE! 🧩 You can now create content end-to-end insi...
0:07
Higgsfield AI Higgsfield MCP is HERE! 🧩 You can now create content end-to-end insi... at 0:10
Higgsfield AIHiggsfield MCP is HERE! 🧩 You can now create content end-to-end insi...
0:10
Anthropic Introducing two new ways to create with Claude: A dedicated space fo... at 0:07
AnthropicIntroducing two new ways to create with Claude: A dedicated space fo...
0:07
Figma Happy Schema by Figma day. A recap of our announcements (roll out dat... at 1:04
FigmaHappy Schema by Figma day. A recap of our announcements (roll out dat...
1:04
Adobe Honor Heroes | Adobe at 0:28wide presenter
AdobeHonor Heroes | Adobe
0:28
Adobe Honor Heroes | Adobe at 0:31medium presenter
AdobeHonor Heroes | Adobe
0:31
Adobe Honor Heroes | Adobe at 0:34
AdobeHonor Heroes | Adobe
0:34
Adobe Honor Heroes | Adobe at 0:37medium presenter
AdobeHonor Heroes | Adobe
0:37
The Browser Company Dia Browser | Never Explain Yourself Again at 0:43
The Browser CompanyDia Browser | Never Explain Yourself Again
0:43
The Browser Company Dia Browser | Never Explain Yourself Again at 0:46
The Browser CompanyDia Browser | Never Explain Yourself Again
0:46
HubSpot HubSpot: One Platform for ChatGPT, Claude, Copilot & Gemini at 0:19
HubSpotHubSpot: One Platform for ChatGPT, Claude, Copilot & Gemini
0:19
Grok Introducing Grok Voice Agent Builder at 0:22
GrokIntroducing Grok Voice Agent Builder
0:22
Anthropic Claude artifacts are now even better. Upload PDFs, images, code file... at 0:34
AnthropicClaude artifacts are now even better. Upload PDFs, images, code file...
0:34
Anthropic Claude artifacts are now even better. Upload PDFs, images, code file... at 0:37
AnthropicClaude artifacts are now even better. Upload PDFs, images, code file...
0:37
Anthropic We’re expanding Claude for Financial Services, with an Excel add-in, ... at 1:25
AnthropicWe’re expanding Claude for Financial Services, with an Excel add-in, ...
1:25
Anthropic We’re expanding Claude for Financial Services, with an Excel add-in, ... at 1:28
AnthropicWe’re expanding Claude for Financial Services, with an Excel add-in, ...
1:28
Sean Rich This is an absolutely wild idea (and team!) at 0:18
Sean RichThis is an absolutely wild idea (and team!)
0:18
Paul Klein IV Your agents suck when using the web because 85% of it doesn't have an... at 0:04
Paul Klein IVYour agents suck when using the web because 85% of it doesn't have an...
0:04
Wispr Flow How Clay drove 20% faster GTM execution with Wispr Flow at 1:02
Wispr FlowHow Clay drove 20% faster GTM execution with Wispr Flow
1:02
Figma How I build motion design plugins as a product designer | Show Your Work at 3:14corner inset
FigmaHow I build motion design plugins as a product designer | Show Your Work
3:14
Figma How I build motion design plugins as a product designer | Show Your Work at 3:18corner inset
FigmaHow I build motion design plugins as a product designer | Show Your Work
3:18
Figma How I build motion design plugins as a product designer | Show Your Work at 3:22corner inset
FigmaHow I build motion design plugins as a product designer | Show Your Work
3:22
Figma How I build motion design plugins as a product designer | Show Your Work at 3:26corner inset
FigmaHow I build motion design plugins as a product designer | Show Your Work
3:26
HeadshotPro MagicLink for HeadshotPro at 2:39corner inset
HeadshotProMagicLink for HeadshotPro
2:39
これで全 31 枚です。

比較できる他の技法

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