技法

Left rail navigation

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

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

フレーム
96
動画
41
ブランド
27
カット間隔の中央値
10.2秒

最も多く撮っているのは

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

Timestripe 28フレームdesignmodo 12フレームInfinity Maps 10フレームStonly 4フレームOFFEO 4フレームD-ID AI Video Platform 4フレーム
Manus AI Introducing Scheduled Tasks 2.0 at 0:16
Manus AIIntroducing Scheduled Tasks 2.0
0:16
Base44 Your website, in your own words — build it with Base44. at 0:46
Base44Your website, in your own words — build it with Base44.
0:46
Timestripe Create tasks from the terminal without switching context at 0:22
TimestripeCreate tasks from the terminal without switching context
0:22
Timestripe Create tasks from the terminal without switching context at 0:23
TimestripeCreate tasks from the terminal without switching context
0:23
Timestripe Create tasks from the terminal without switching context at 0:25
TimestripeCreate tasks from the terminal without switching context
0:25
Timestripe Create tasks from the terminal without switching context at 0:25
TimestripeCreate tasks from the terminal without switching context
0:25
Jitter Animate your company Logo at 0:16
JitterAnimate your company Logo
0:16
Timestripe Improve future delivery with evidence based retrospectives at 0:00
TimestripeImprove future delivery with evidence based retrospectives
0:00
Timestripe Keep code changes and project tasks in sync at 0:04
TimestripeKeep code changes and project tasks in sync
0:04
Timestripe Keep code changes and project tasks in sync at 0:07
TimestripeKeep code changes and project tasks in sync
0:07
Timestripe Keep code changes and project tasks in sync at 0:26
TimestripeKeep code changes and project tasks in sync
0:26
Timestripe Keep code changes and project tasks in sync at 0:28
TimestripeKeep code changes and project tasks in sync
0:28
Nanoleaf How To Setup: Nanoleaf PC Screen Mirror Lightstrip | Tutorial at 0:59
NanoleafHow To Setup: Nanoleaf PC Screen Mirror Lightstrip | Tutorial
0:59
Nanoleaf How To Setup: Nanoleaf PC Screen Mirror Lightstrip | Tutorial at 1:01
NanoleafHow To Setup: Nanoleaf PC Screen Mirror Lightstrip | Tutorial
1:01
Timestripe Prioritize technical debt using code and incident history at 0:07
TimestripePrioritize technical debt using code and incident history
0:07
Timestripe Prioritize technical debt using code and incident history at 0:26
TimestripePrioritize technical debt using code and incident history
0:26
Timestripe Prioritize technical debt using code and incident history at 0:33
TimestripePrioritize technical debt using code and incident history
0:33
Timestripe Turn incidents and security findings into prioritized work at 0:11
TimestripeTurn incidents and security findings into prioritized work
0:11
Timestripe Turn incidents and security findings into prioritized work at 0:13
TimestripeTurn incidents and security findings into prioritized work
0:13
Timestripe Turn incidents and security findings into prioritized work at 0:23
TimestripeTurn incidents and security findings into prioritized work
0:23
Timestripe Turn incidents and security findings into prioritized work at 0:52
TimestripeTurn incidents and security findings into prioritized work
0:52
Cursor Meet Cursor 1.0 at 0:55
CursorMeet Cursor 1.0
0:55
Timestripe Flag stalled deals before the quarter ends at 0:13
TimestripeFlag stalled deals before the quarter ends
0:13
designmodo Introducing the All-New Image Library in Postcards by Designmodo at 0:26
designmodoIntroducing the All-New Image Library in Postcards by Designmodo
0:26
designmodo Introducing the All-New Image Library in Postcards by Designmodo at 0:30
designmodoIntroducing the All-New Image Library in Postcards by Designmodo
0:30
designmodo Introducing the All-New Image Library in Postcards by Designmodo at 0:34
designmodoIntroducing the All-New Image Library in Postcards by Designmodo
0:34
designmodo Introducing the All-New Image Library in Postcards by Designmodo at 0:38
designmodoIntroducing the All-New Image Library in Postcards by Designmodo
0:38
designmodo Introducing the All-New Image Library in Postcards by Designmodo at 0:50
designmodoIntroducing the All-New Image Library in Postcards by Designmodo
0:50
designmodo Introducing the All-New Image Library in Postcards by Designmodo at 1:14
designmodoIntroducing the All-New Image Library in Postcards by Designmodo
1:14
designmodo Introducing the All-New Image Library in Postcards by Designmodo at 1:18
designmodoIntroducing the All-New Image Library in Postcards by Designmodo
1:18
designmodo Introducing the All-New Image Library in Postcards by Designmodo at 1:22corner inset
designmodoIntroducing the All-New Image Library in Postcards by Designmodo
1:22
designmodo Introducing the All-New Image Library in Postcards by Designmodo at 1:26wide presenter
designmodoIntroducing the All-New Image Library in Postcards by Designmodo
1:26
designmodo Introducing the All-New Image Library in Postcards by Designmodo at 1:30wide presenter
designmodoIntroducing the All-New Image Library in Postcards by Designmodo
1:30
designmodo Introducing the All-New Image Library in Postcards by Designmodo at 1:34
designmodoIntroducing the All-New Image Library in Postcards by Designmodo
1:34
Timestripe Prepare prospect research before introductory calls at 0:37
TimestripePrepare prospect research before introductory calls
0:37
Timestripe Prepare prospect research before introductory calls at 0:40
TimestripePrepare prospect research before introductory calls
0:40
Opennote Introducing Quizzes on Opennote at 0:04
OpennoteIntroducing Quizzes on Opennote
0:04
Opennote Introducing Quizzes on Opennote at 0:07
OpennoteIntroducing Quizzes on Opennote
0:07
Opennote Introducing Quizzes on Opennote at 0:13
OpennoteIntroducing Quizzes on Opennote
0:13
Uizard The Figma to Uizard plugin is here at 0:34
UizardThe Figma to Uizard plugin is here
0:34
Timestripe Coordinate contract approvals without status chasing at 0:07
TimestripeCoordinate contract approvals without status chasing
0:07
Timestripe Coordinate contract approvals without status chasing at 0:10
TimestripeCoordinate contract approvals without status chasing
0:10
Framer How Planhat builds and scales faster with Framer at 0:18
FramerHow Planhat builds and scales faster with Framer
0:18
ClickUp Maximizing Skills with Brain² | ClickUp at 1:18
ClickUpMaximizing Skills with Brain² | ClickUp
1:18
Runway Getting Started with Runway Ruby | Runway at 2:54
RunwayGetting Started with Runway Ruby | Runway
2:54
Glorify App Create transparent images with background remover at 0:54
Glorify AppCreate transparent images with background remover
0:54
Ramp Ramp presents: Token Spend Management at 0:58
RampRamp presents: Token Spend Management
0:58
Microsoft Design Introducing a new design for Microsoft 365 Copilot at 0:16
Microsoft DesignIntroducing a new design for Microsoft 365 Copilot
0:16
OFFEO OFFEO Tutorial | Basics 18: Branded Design templates (Updated!) at 0:18
OFFEOOFFEO Tutorial | Basics 18: Branded Design templates (Updated!)
0:18
OFFEO OFFEO Tutorial | Basics 18: Branded Design templates (Updated!) at 0:22
OFFEOOFFEO Tutorial | Basics 18: Branded Design templates (Updated!)
0:22
OFFEO OFFEO Tutorial | Basics 18: Branded Design templates (Updated!) at 0:26
OFFEOOFFEO Tutorial | Basics 18: Branded Design templates (Updated!)
0:26
OFFEO OFFEO Tutorial | Basics 18: Branded Design templates (Updated!) at 1:51
OFFEOOFFEO Tutorial | Basics 18: Branded Design templates (Updated!)
1:51
Infinity Maps Tutorial: Team Collaboration at 0:10
Infinity MapsTutorial: Team Collaboration
0:10
Infinity Maps Tutorial: Team Collaboration at 0:13
Infinity MapsTutorial: Team Collaboration
0:13
Infinity Maps Tutorial: Team Collaboration at 0:16
Infinity MapsTutorial: Team Collaboration
0:16
Infinity Maps Tutorial: Team Collaboration at 0:19
Infinity MapsTutorial: Team Collaboration
0:19
Ramp Introducing AI Token Spend Management | Product Demo at 0:54
RampIntroducing AI Token Spend Management | Product Demo
0:54
Timestripe Generate release notes from the commit history at 0:00
TimestripeGenerate release notes from the commit history
0:00
Timestripe Generate release notes from the commit history at 0:01
TimestripeGenerate release notes from the commit history
0:01
Timestripe Generate release notes from the commit history at 0:07
TimestripeGenerate release notes from the commit history
0:07
Timestripe Generate release notes from the commit history at 0:21
TimestripeGenerate release notes from the commit history
0:21
Rask AI Rask AI Teamspaces: Collaborative AI Dubbing for Localization & Marketing Agencies, Enterprise Teams at 0:13
Rask AIRask AI Teamspaces: Collaborative AI Dubbing for Localization & Marketing Agencies, Enterprise Teams
0:13
Rask AI Rask AI Teamspaces: Collaborative AI Dubbing for Localization & Marketing Agencies, Enterprise Teams at 0:25
Rask AIRask AI Teamspaces: Collaborative AI Dubbing for Localization & Marketing Agencies, Enterprise Teams
0:25
Rask AI Rask AI Teamspaces: Collaborative AI Dubbing for Localization & Marketing Agencies, Enterprise Teams at 0:29
Rask AIRask AI Teamspaces: Collaborative AI Dubbing for Localization & Marketing Agencies, Enterprise Teams
0:29
Timestripe Start delivery as soon as a deal closes at 0:04
TimestripeStart delivery as soon as a deal closes
0:04
Timestripe Start delivery as soon as a deal closes at 0:07
TimestripeStart delivery as soon as a deal closes
0:07
Timestripe Start delivery as soon as a deal closes at 0:10
TimestripeStart delivery as soon as a deal closes
0:10
Skydio How Winston-Salem PD Collapsed Emergency Response Times with Skydio and Prepared at 0:58
SkydioHow Winston-Salem PD Collapsed Emergency Response Times with Skydio and Prepared
0:58
Giga AI Giga - AI Agents for Customer Operations at 0:32
Giga AIGiga - AI Agents for Customer Operations
0:32
Giga AI Giga - AI Agents for Customer Operations at 0:35
Giga AIGiga - AI Agents for Customer Operations
0:35
Giga AI Giga - AI Agents for Customer Operations at 0:38
Giga AIGiga - AI Agents for Customer Operations
0:38
Giga AI Giga - AI Agents for Customer Operations at 0:45
Giga AIGiga - AI Agents for Customer Operations
0:45
Infinity Maps Team-Kollaboration | Infinity Maps Tutorial DE at 0:39
Infinity MapsTeam-Kollaboration | Infinity Maps Tutorial DE
0:39
Infinity Maps Team-Kollaboration | Infinity Maps Tutorial DE at 0:40
Infinity MapsTeam-Kollaboration | Infinity Maps Tutorial DE
0:40
Infinity Maps Team-Kollaboration | Infinity Maps Tutorial DE at 0:43
Infinity MapsTeam-Kollaboration | Infinity Maps Tutorial DE
0:43
Infinity Maps Team-Kollaboration | Infinity Maps Tutorial DE at 0:46
Infinity MapsTeam-Kollaboration | Infinity Maps Tutorial DE
0:46
Infinity Maps Team-Kollaboration | Infinity Maps Tutorial DE at 0:49
Infinity MapsTeam-Kollaboration | Infinity Maps Tutorial DE
0:49
Infinity Maps Team-Kollaboration | Infinity Maps Tutorial DE at 0:55
Infinity MapsTeam-Kollaboration | Infinity Maps Tutorial DE
0:55
Stonly Custom Contact Forms in Stonly at 4:10
StonlyCustom Contact Forms in Stonly
4:10
Stonly Custom Contact Forms in Stonly at 4:14
StonlyCustom Contact Forms in Stonly
4:14
Stonly Custom Contact Forms in Stonly at 4:18
StonlyCustom Contact Forms in Stonly
4:18
Stonly Custom Contact Forms in Stonly at 4:22
StonlyCustom Contact Forms in Stonly
4:22
ARLOOPA Augmented Reality / Virtual Reality Build Cross - Platform AR with ARLOOPA at 0:02
ARLOOPA Augmented Reality / Virtual RealityBuild Cross - Platform AR with ARLOOPA
0:02
ARLOOPA Augmented Reality / Virtual Reality Build Cross - Platform AR with ARLOOPA at 0:04
ARLOOPA Augmented Reality / Virtual RealityBuild Cross - Platform AR with ARLOOPA
0:04
HeadshotPro Managed upload on HeadshotPro at 0:18corner inset
HeadshotProManaged upload on HeadshotPro
0:18
HeadshotPro Managed upload on HeadshotPro at 0:22corner inset
HeadshotProManaged upload on HeadshotPro
0:22
HeadshotPro Managed upload on HeadshotPro at 1:34corner inset
HeadshotProManaged upload on HeadshotPro
1:34
Raycast ⚠️ Raycast can now see your screen at 3:38
Raycast⚠️ Raycast can now see your screen
3:38
ClickUp ClickUp Release 4.07: Custom Fields by Task Type, MCP Servers for Super Agents, and more! at 0:36
ClickUpClickUp Release 4.07: Custom Fields by Task Type, MCP Servers for Super Agents, and more!
0:36
D-ID AI Video Platform Learn how to create videos with D-ID V4 Expressive avatars at 0:10
D-ID AI Video PlatformLearn how to create videos with D-ID V4 Expressive avatars
0:10
GitHub Automate recurring developer tasks with the GitHub Copilot app | Tutorial for beginners at 3:30
GitHubAutomate recurring developer tasks with the GitHub Copilot app | Tutorial for beginners
3:30
D-ID AI Video Platform Learn how to Produce a video in D-ID Studio at 0:07wide presenter
D-ID AI Video PlatformLearn how to Produce a video in D-ID Studio
0:07
D-ID AI Video Platform Learn how to Produce a video in D-ID Studio at 0:13corner inset
D-ID AI Video PlatformLearn how to Produce a video in D-ID Studio
0:13
D-ID AI Video Platform So erstellst du Videos mit den D-ID V4 Expressive Avatars at 1:38wide presenter
D-ID AI Video PlatformSo erstellst du Videos mit den D-ID V4 Expressive Avatars
1:38
Sketch Together A design tool for humans and robots at 2:07corner inset
Sketch TogetherA design tool for humans and robots
2:07
designmodo Introducing the All-New Image Library in Postcards by Designmodo at 2:46wide presenter
designmodoIntroducing the All-New Image Library in Postcards by Designmodo
2:46
これで全 96 枚です。

比較できる他の技法

Shallow depth of field 2,121Hard cut on beat 1,049Cursor led reveal 955Full bleed output no chrome 836Ui float with drop shadow 836Centred wordmark on black 761Long lens background compression 419Full bleed ui no chrome 314Text plate left third 268Centred talking head 252Long lens compression 219Full bleed screen recording 216Presenter pip bottom right 189Hard cut to black 176Subject on right third 170Centred wordmark on white 167Generous negative space 167Wide establishing shot 167Full bleed screen capture 159Lower third caption plate 158Full bleed no chrome 155Warm practical lighting 144Lower third caption 137Centred subject 136