技法

Cursor in input field

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

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

フレーム
21
動画
20
ブランド
14
カット間隔の中央値
11.7秒

最も多く撮っているのは

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

Opennote 3フレームNotion 3フレームOpenAI 3フレームTimestripe 2フレームFireCut 1フレームHeadshotPro 1フレーム
Cursor Cursor can now create new components and frontends in Figma using you... at 0:13
CursorCursor can now create new components and frontends in Figma using you...
0:13
Opennote Flashcards on Opennote at 0:22
OpennoteFlashcards on Opennote
0:22
Notion We heard you. Database agents are back to being called Autofill (keep... at 0:10
NotionWe heard you. Database agents are back to being called Autofill (keep...
0:10
Timestripe Prioritize technical debt using code and incident history at 0:19
TimestripePrioritize technical debt using code and incident history
0:19
Notion Introducing @claudeai agents in Notion. Your task board is Claude’s t... at 0:58
NotionIntroducing @claudeai agents in Notion. Your task board is Claude’s t...
0:58
FireCut How to AUTOMATICALLY Censor Swear Words at 0:40corner inset
FireCutHow to AUTOMATICALLY Censor Swear Words
0:40
Timestripe Generate release notes from the commit history at 0:16
TimestripeGenerate release notes from the commit history
0:16
Notion Image Gen is here. If you can make a page, you can make a graphic fo... at 0:19
NotionImage Gen is here. If you can make a page, you can make a graphic fo...
0:19
Prettysmart Prettysmart.co - An AI based graphic designer and content writer. at 0:19
PrettysmartPrettysmart.co - An AI based graphic designer and content writer.
0:19
Stonly Custom Contact Forms in Stonly at 2:38
StonlyCustom Contact Forms in Stonly
2:38
Opennote Introducing Communities at 1:25
OpennoteIntroducing Communities
1:25
Opennote Introducing Communities at 1:28
OpennoteIntroducing Communities
1:28
Y Combinator YouLearn is an AI tutor personalized to each student. It turns your learning materials into concise notes, an AI tutor you can talk to, and personalized tests to help you study smarter. at 0:52
Y CombinatorYouLearn is an AI tutor personalized to each student. It turns your learning materials into concise notes, an AI tutor you can talk to, and personalized tests to help you study smarter.
0:52
OpenAI Use Your Computer and Browser at 0:46corner inset
OpenAIUse Your Computer and Browser
0:46
OpenAI Intro to Agent Builder at 5:00corner inset
OpenAIIntro to Agent Builder
5:00
Warp Your agent skills should improve themselves at 1:22
WarpYour agent skills should improve themselves
1:22
OpenAI Build a Shareable Site at 1:26
OpenAIBuild a Shareable Site
1:26
Google Workspace How to create interactive dashboards and apps in Google Sheets at 1:09corner inset
Google WorkspaceHow to create interactive dashboards and apps in Google Sheets
1:09
Wispr Flow Watch Flow in Action at 0:31corner inset
Wispr FlowWatch Flow in Action
0:31
Figma Publish and install skills from the Figma Community at 0:46corner inset
FigmaPublish and install skills from the Figma Community
0:46
HeadshotPro MagicLink for HeadshotPro at 0:32corner inset
HeadshotProMagicLink for HeadshotPro
0:32
これで全 21 枚です。

比較できる他の技法

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