手法

Side panel slide in

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

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

帧
33
视频
24
品牌
20
剪辑间隔中位数
27.4 秒

谁最常这样拍

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

Opennote 5 帧Stonly 3 帧Notion 3 帧Cursor 2 帧Figma 2 帧CleanShot X 2 帧
CleanShot X Make your screenshots pop with CleanShot! at 0:10
CleanShot XMake your screenshots pop with CleanShot!
0:10
CleanShot X Make your screenshots pop with CleanShot! at 0:13
CleanShot XMake your screenshots pop with CleanShot!
0:13
Figma Imagine turning any image into a vector (now you actually can) → Con... at 0:18
FigmaImagine turning any image into a vector (now you actually can) → Con...
0:18
Figma Imagine turning any image into a vector (now you actually can) → Con... at 0:19
FigmaImagine turning any image into a vector (now you actually can) → Con...
0:19
Guilherme Rizzo CSS Scan Pro 2.0 - A re-imagined Devtools for web design at 1:40
Guilherme RizzoCSS Scan Pro 2.0 - A re-imagined Devtools for web design
1:40
Guilherme Rizzo CSS Scan Pro 2.0 - A re-imagined Devtools for web design at 1:42
Guilherme RizzoCSS Scan Pro 2.0 - A re-imagined Devtools for web design
1:42
Notion High contrast mode is here. Notion’s muted design can make content h... at 0:10
NotionHigh contrast mode is here. Notion’s muted design can make content h...
0:10
Framer Framer 3.0 with Agents, Branching, and a new Community at 0:43
FramerFramer 3.0 with Agents, Branching, and a new Community
0:43
Cursor You can now delegate tasks to Cursor directly from Notion. It's buil... at 0:31
CursorYou can now delegate tasks to Cursor directly from Notion. It's buil...
0:31
Nanoleaf How To Setup: Nanoleaf PC Screen Mirror Lightstrip | Tutorial at 0:46
NanoleafHow To Setup: Nanoleaf PC Screen Mirror Lightstrip | Tutorial
0:46
Notion Version History shouldn’t be a game of spot the difference. So we’ve ... at 0:07
NotionVersion History shouldn’t be a game of spot the difference. So we’ve ...
0:07
Vercel Themes for @v0 • Create your own theme from a prompt • Modify indivi... at 0:10
VercelThemes for @v0 • Create your own theme from a prompt • Modify indivi...
0:10
Perplexity Perplexity Computer for Microsoft 365 at 0:19
PerplexityPerplexity Computer for Microsoft 365
0:19
Anthropic We’ve developed Claude for Chrome, where Claude works directly in you... at 0:10
AnthropicWe’ve developed Claude for Chrome, where Claude works directly in you...
0:10
Cursor You can now search agent transcripts to find past agent chats. Curso... at 0:01
CursorYou can now search agent transcripts to find past agent chats. Curso...
0:01
Notion Custom Agents 🤝 @SlackHQ Connect your Custom Agent to Slack to moni... at 0:28
NotionCustom Agents 🤝 @SlackHQ Connect your Custom Agent to Slack to moni...
0:28
OFFEO Facebook Ads Manager: NEW FEATURE! at 0:41
OFFEOFacebook Ads Manager: NEW FEATURE!
0:41
Superhuman Mail Schedule Meetings Without Leaving Email | Superhuman Mail Tutorial at 2:02
Superhuman MailSchedule Meetings Without Leaving Email | Superhuman Mail Tutorial
2:02
Stonly Custom Contact Forms in Stonly at 0:46
StonlyCustom Contact Forms in Stonly
0:46
Stonly Custom Contact Forms in Stonly at 0:50
StonlyCustom Contact Forms in Stonly
0:50
Stonly Custom Contact Forms in Stonly at 0:54
StonlyCustom Contact Forms in Stonly
0:54
Mayday Découvrez Mayday, leader des plateformes de knowledge management at 2:46
MaydayDécouvrez Mayday, leader des plateformes de knowledge management
2:46
Opennote Introducing Opennote at 1:56corner inset
Opennote Introducing Opennote
1:56
Opennote Introducing Opennote at 2:04corner inset
Opennote Introducing Opennote
2:04
Opennote Introducing Opennote at 2:12corner inset
Opennote Introducing Opennote
2:12
Opennote Introducing Opennote at 2:20corner inset
Opennote Introducing Opennote
2:20
Opennote Introducing Opennote at 2:28corner inset
Opennote Introducing Opennote
2:28
OpenAI Intro to Agent Builder at 4:20corner inset
OpenAIIntro to Agent Builder
4:20
Contra The AI Tool Powering a $250K Freelance Design Workflow | Flora Tutorial (2026) at 2:10corner inset
ContraThe AI Tool Powering a $250K Freelance Design Workflow | Flora Tutorial (2026)
2:10
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
OpenAI Getting Started with ChatGPT Work at 2:46corner inset
OpenAIGetting Started with ChatGPT Work
2:46
37signals How does Basecamp work? at 1:34corner inset
37signalsHow does Basecamp work?
1:34
Sketch Together Hilos. A place for your team and agents to make stuff at 0:38corner inset
Sketch TogetherHilos. A place for your team and agents to make stuff
0:38
这就是全部 33 帧了。

可比较的其他手法

Shallow depth of field 5,342Hard cut on beat 3,103Full bleed output no chrome 3,091Centred wordmark on black 2,369Cursor led reveal 2,350Ui float with drop shadow 2,096Long lens background compression 1,100Text plate left third 816Full bleed ui no chrome 751Long lens compression 610Hard cut to black 601Centred talking head 554Subject on right third 533Generous negative space 482Centred subject 471Full bleed no chrome 431Centred wordmark on white 414Full bleed screen recording 409Wide establishing shot 390Full bleed screen capture 380Presenter pip bottom right 370Medium close up 367Subject on left third 346Centred medium close up 342