手法

Card grid layout

库中有 20 帧匹配Card grid layout，分布在 10 个品牌的 12 条视频里。每一帧都是从视频本身测出来的，不是从描述文字里读来的，所以这里呈现的是这种镜头实际怎么用，而不是风格指南说它该怎么用。

这个页面没有渲染图，也没有器材清单。下面每一张都是你可以去看的视频里真实的一秒，每个数字都是数出来的真实帧数，而不是按样本估算的。

帧
20
视频
12
品牌
10
剪辑间隔中位数
6.4 秒

谁最常这样拍

按各品牌为这一切面贡献的帧数排序。

Figma 4 帧Hold 3 帧Supabase 2 帧Lovable 2 帧Notion 2 帧Infinity Maps 2 帧
Cursor You can now create and manage automations in the same workspace as yo... at 0:19
CursorYou can now create and manage automations in the same workspace as yo...
0:19
Notion Notion 3.4 is a big one! New building blocks. New AI. A lot shipped ... at 0:58
NotionNotion 3.4 is a big one! New building blocks. New AI. A lot shipped ...
0:58
Notion Notion 3.4 is a big one! New building blocks. New AI. A lot shipped ... at 1:02
NotionNotion 3.4 is a big one! New building blocks. New AI. A lot shipped ...
1:02
Infinity Maps Team-Kollaboration | Infinity Maps Tutorial DE at 0:40
Infinity MapsTeam-Kollaboration | Infinity Maps Tutorial DE
0:40
Supabase Codex Helped Me Put the World Cup on My Desk at 2:13
SupabaseCodex Helped Me Put the World Cup on My Desk
2:13
Supabase Codex Helped Me Put the World Cup on My Desk at 2:14
SupabaseCodex Helped Me Put the World Cup on My Desk
2:14
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: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
Infinity Maps Tutorial: Team Collaboration at 0:39
Infinity MapsTutorial: Team Collaboration
0:39
Hold HOLD V2 demo, Product Hunt at 1:46corner inset
HoldHOLD V2 demo, Product Hunt
1:46
Hold HOLD V2 demo, Product Hunt at 1:50corner inset
HoldHOLD V2 demo, Product Hunt
1:50
Hold HOLD V2 demo, Product Hunt at 1:54corner inset
HoldHOLD V2 demo, Product Hunt
1:54
Opennote Introducing Communities at 0:37
OpennoteIntroducing Communities
0:37
Opennote Introducing Communities at 1:23
OpennoteIntroducing Communities
1:23
OpenAI Use Your Computer and Browser at 0:18corner inset
OpenAIUse Your Computer and Browser
0:18
Lovable How Two Friends Built a €1.3M Charity Platform at 2:10medium presenter
LovableHow Two Friends Built a €1.3M Charity Platform
2:10
Lovable How Two Friends Built a €1.3M Charity Platform at 2:14wide presenter
LovableHow Two Friends Built a €1.3M Charity Platform
2:14
Minerva Not Quite One-Minute Tour at 0:43wide presenter
MinervaNot Quite One-Minute Tour
0:43
Figma Publish and install skills from the Figma Community at 2:18corner inset
FigmaPublish and install skills from the Figma Community
2:18
这就是全部 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