技法

Ui float on gradient

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

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

フレーム
38
動画
13
ブランド
12
カット間隔の中央値
2.6秒

最も多く撮っているのは

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

Timestripe 8フレームHeadshotPro 6フレームSuperhuman Mail 5フレームGlorify App 4フレームBase44 3フレームElevenLabs 3フレーム
Sajeel Purewal Lovable for hardware is here. Introducing now with CAD generation. ... at 0:31
Sajeel PurewalLovable for hardware is here. Introducing now with CAD generation. ...
0:31
Sajeel Purewal Lovable for hardware is here. Introducing now with CAD generation. ... at 0:34
Sajeel PurewalLovable for hardware is here. Introducing now with CAD generation. ...
0:34
ElevenLabs Introducing Productions - our new managed service offering for orderi... at 0:25
ElevenLabsIntroducing Productions - our new managed service offering for orderi...
0:25
ElevenLabs Introducing Productions - our new managed service offering for orderi... at 0:37
ElevenLabsIntroducing Productions - our new managed service offering for orderi...
0:37
ElevenLabs Introducing Productions - our new managed service offering for orderi... at 0:40
ElevenLabsIntroducing Productions - our new managed service offering for orderi...
0:40
Glorify App Transform AI Images into Stunning Videos with Glorify's AI Image to Motion Converter! at 0:01
Glorify AppTransform AI Images into Stunning Videos with Glorify's AI Image to Motion Converter!
0:01
Glorify App Transform AI Images into Stunning Videos with Glorify's AI Image to Motion Converter! at 0:04
Glorify AppTransform AI Images into Stunning Videos with Glorify's AI Image to Motion Converter!
0:04
Glorify App Transform AI Images into Stunning Videos with Glorify's AI Image to Motion Converter! at 0:07
Glorify AppTransform AI Images into Stunning Videos with Glorify's AI Image to Motion Converter!
0:07
Glorify App Transform AI Images into Stunning Videos with Glorify's AI Image to Motion Converter! at 0:10
Glorify AppTransform AI Images into Stunning Videos with Glorify's AI Image to Motion Converter!
0:10
Timestripe Create tasks from the terminal without switching context at 0:00
TimestripeCreate tasks from the terminal without switching context
0:00
Timestripe Create tasks from the terminal without switching context at 0:01
TimestripeCreate tasks from the terminal without switching context
0:01
Timestripe Improve future delivery with evidence based retrospectives at 0:16
TimestripeImprove future delivery with evidence based retrospectives
0:16
Timestripe Improve future delivery with evidence based retrospectives at 0:19
TimestripeImprove future delivery with evidence based retrospectives
0:19
Timestripe Improve future delivery with evidence based retrospectives at 0:22
TimestripeImprove future delivery with evidence based retrospectives
0:22
Timestripe Improve future delivery with evidence based retrospectives at 0:25
TimestripeImprove future delivery with evidence based retrospectives
0:25
Timestripe Improve future delivery with evidence based retrospectives at 0:28
TimestripeImprove future delivery with evidence based retrospectives
0:28
Timestripe Improve future delivery with evidence based retrospectives at 0:31
TimestripeImprove future delivery with evidence based retrospectives
0:31
Base44 Turn any idea into an app with Base44 at 0:30
Base44Turn any idea into an app with Base44
0:30
Base44 Turn any idea into an app with Base44 at 0:38
Base44Turn any idea into an app with Base44
0:38
Base44 Turn any idea into an app with Base44 at 0:41medium presenter
Base44Turn any idea into an app with Base44
0:41
Acapela Acapela.com - Product Overview at 0:16
AcapelaAcapela.com - Product Overview
0:16
Acapela Acapela.com - Product Overview at 0:19
AcapelaAcapela.com - Product Overview
0:19
Jitter How to resize a video at 0:31
JitterHow to resize a video
0:31
The Browser Company How to hack any website’s design with no code (Arc Boosts) at 0:52
The Browser CompanyHow to hack any website’s design with no code (Arc Boosts)
0:52
Dennis Müller Amie Beta Launch at 0:24
Dennis MüllerAmie Beta Launch
0:24
Dennis Müller Amie Beta Launch at 0:35
Dennis MüllerAmie Beta Launch
0:35
tobi lutke Agents will become a common way people shop. So today we are releasin... at 1:56
tobi lutkeAgents will become a common way people shop. So today we are releasin...
1:56
Superhuman Mail 3 Prompts That Save Hours Every Week | Superhuman Mail MCP at 1:34
Superhuman Mail3 Prompts That Save Hours Every Week | Superhuman Mail MCP
1:34
Superhuman Mail 3 Prompts That Save Hours Every Week | Superhuman Mail MCP at 2:22
Superhuman Mail3 Prompts That Save Hours Every Week | Superhuman Mail MCP
2:22
Superhuman Mail 3 Prompts That Save Hours Every Week | Superhuman Mail MCP at 2:26
Superhuman Mail3 Prompts That Save Hours Every Week | Superhuman Mail MCP
2:26
Superhuman Mail 3 Prompts That Save Hours Every Week | Superhuman Mail MCP at 2:30
Superhuman Mail3 Prompts That Save Hours Every Week | Superhuman Mail MCP
2:30
Superhuman Mail 3 Prompts That Save Hours Every Week | Superhuman Mail MCP at 2:34
Superhuman Mail3 Prompts That Save Hours Every Week | Superhuman Mail MCP
2:34
HeadshotPro Removing backgrounds in HeadshotPro at 0:00wide presenter
HeadshotProRemoving backgrounds in HeadshotPro
0:00
HeadshotPro Removing backgrounds in HeadshotPro at 0:01corner inset
HeadshotProRemoving backgrounds in HeadshotPro
0:01
HeadshotPro Removing backgrounds in HeadshotPro at 0:02wide presenter
HeadshotProRemoving backgrounds in HeadshotPro
0:02
HeadshotPro Removing backgrounds in HeadshotPro at 0:04wide presenter
HeadshotProRemoving backgrounds in HeadshotPro
0:04
HeadshotPro Removing backgrounds in HeadshotPro at 0:08
HeadshotProRemoving backgrounds in HeadshotPro
0:08
HeadshotPro Removing backgrounds in HeadshotPro at 0:11
HeadshotProRemoving backgrounds in HeadshotPro
0:11
これで全 38 枚です。

比較できる他の技法

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