手法

Three column app layout

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

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

帧
26
视频
18
品牌
15
剪辑间隔中位数
10.4 秒

谁最常这样拍

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

Linear 4 帧Figma 3 帧Superhuman Mail 3 帧Nanoleaf 2 帧Minerva 2 帧Mobbin 2 帧
Perplexity Today we’re launching Portable Computer on @NVIDIA DGX Spark. Portab... at 0:12
PerplexityToday we’re launching Portable Computer on @NVIDIA DGX Spark. Portab...
0:12
Linear Introducing Linear Agent. Built directly into Linear and accessible ... at 0:37
LinearIntroducing Linear Agent. Built directly into Linear and accessible ...
0:37
Linear Introducing Linear Agent. Built directly into Linear and accessible ... at 0:40
LinearIntroducing Linear Agent. Built directly into Linear and accessible ...
0:40
Figma Figma Motion basics: Animation styles at 0:10
FigmaFigma Motion basics: Animation styles
0:10
Nanoleaf How To Setup: Nanoleaf PC Screen Mirror Lightstrip | Tutorial at 1:04
NanoleafHow To Setup: Nanoleaf PC Screen Mirror Lightstrip | Tutorial
1:04
Nanoleaf How To Setup: Nanoleaf PC Screen Mirror Lightstrip | Tutorial at 1:07
NanoleafHow To Setup: Nanoleaf PC Screen Mirror Lightstrip | Tutorial
1:07
Opennote Introducing Papers on Opennote at 1:10
OpennoteIntroducing Papers on Opennote
1:10
Opennote Introducing Papers on Opennote at 1:14
OpennoteIntroducing Papers on Opennote
1:14
Limitless Rewind Demo at 0:22
LimitlessRewind Demo
0:22
Linear The Linear MCP server has been upgraded with new product management c... at 0:40
LinearThe Linear MCP server has been upgraded with new product management c...
0:40
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
Descript What's new in Descript (June 2026) | Telethon recap, tone tags, 11 new effects + DescriptMCP at 1:58
DescriptWhat's new in Descript (June 2026) | Telethon recap, tone tags, 11 new effects + DescriptMCP
1:58
Notion The data’s in…🥁 We looked across 300,000+ Custom Agents to find the ... at 0:30
NotionThe data’s in…🥁 We looked across 300,000+ Custom Agents to find the ...
0:30
Spline Deep Dive into Hana’s New Features: Figma Import, Pencil Tool, Frame as Fill & More at 0:46corner inset
SplineDeep Dive into Hana’s New Features: Figma Import, Pencil Tool, Frame as Fill & More
0:46
Linear Introducing Customer Requests › Capture customer feedback › Understa... at 2:02corner inset
LinearIntroducing Customer Requests › Capture customer feedback › Understa...
2:02
Superhuman Mail Connect Claude and ChatGPT to Superhuman Mail with MCP | Setup + First Prompt (2 Minutes) at 2:10
Superhuman MailConnect Claude and ChatGPT to Superhuman Mail with MCP | Setup + First Prompt (2 Minutes)
2:10
Superhuman Mail Connect Claude and ChatGPT to Superhuman Mail with MCP | Setup + First Prompt (2 Minutes) at 2:14
Superhuman MailConnect Claude and ChatGPT to Superhuman Mail with MCP | Setup + First Prompt (2 Minutes)
2:14
Superhuman Mail Connect Claude and ChatGPT to Superhuman Mail with MCP | Setup + First Prompt (2 Minutes) at 2:18
Superhuman MailConnect Claude and ChatGPT to Superhuman Mail with MCP | Setup + First Prompt (2 Minutes)
2:18
Lobe Introducing Lobe | Build your first machine learning model in ten minutes. at 1:32
LobeIntroducing Lobe | Build your first machine learning model in ten minutes.
1:32
Basedash Building an internal content moderation app with Basedash in 5 minutes at 0:26corner inset
BasedashBuilding an internal content moderation app with Basedash in 5 minutes
0:26
Minerva Not Quite One-Minute Tour at 0:37wide presenter
MinervaNot Quite One-Minute Tour
0:37
Minerva Not Quite One-Minute Tour at 0:40wide presenter
MinervaNot Quite One-Minute Tour
0:40
Midjourney We're testing two new features today: our image editor for uploaded i... at 2:34
MidjourneyWe're testing two new features today: our image editor for uploaded i...
2:34
Figma Publish and install skills from the Figma Community at 0:30corner inset
FigmaPublish and install skills from the Figma Community
0:30
Figma Publish and install skills from the Figma Community at 0:38corner inset
FigmaPublish and install skills from the Figma Community
0:38
这就是全部 26 帧了。

可比较的其他手法

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