FLY FPV 2.0FLY FPV 2.0
An FPV module upgrade in DJI Fly for a new generation of tracking drones, focused on portrait flight control.DJI Fly 面向新一代跟拍机的 FPV 模块升级,聚焦竖屏飞行控制体验。

PORTRAIT EXPERIENCE竖屏体验现状
A small live view and scattered entry points disrupt flight control图传小、入口分散,影响飞行操控
The existing portrait FPV interface gave limited space to the live view, while feature entry points were scattered and text-heavy, creating information overload. Even with a larger live view, the layout still lacked a clear hierarchy: the next action was unclear on entry, key controls lacked feedback, and panels could interrupt the live view during flight.现有 FPV 界面图传较小,功能入口分散,文本信息偏多,容易造成信息过载。即使放大图传后,画面仍缺少清晰主次:进入 FPV 时下一步不够明确,操控时重点操作缺少反馈,飞行中面板又容易打断图传画面。


DESIGN STRATEGY设计策略
Reframing portrait UI around the flight-control journey按连续操控链路重组竖屏体验
FPV is a continuous control journey rather than a collection of isolated screens. The work follows three stages: entering FPV, beginning control, and sustained flight—so users understand the next step, know what they have controlled and what happened, and remain focused on the flight view.FPV 是一条连续的操控体验链路。设计不按单个页面拆解,而是围绕进入 FPV、开始操控与持续飞行三个阶段展开:让用户马上明白下一步做什么,清楚自己控制了什么、发生了什么,并在飞行中不被界面打断。


ENTERING FPV进入 FPV
Clearer: make the next action immediately obvious更清晰:让用户一眼知道下一步操作
On entering FPV, users need to understand the current state and next action immediately. Modular OSD zones, a live-view-first layout, and consolidated entry points reduce information load and obstruction, while responsive layouts preserve order across different aspect ratios. In intelligent modes, START becomes GO—the core entry point for intelligent tracking. Its multicolour gradient and fluid motion draw attention on entry, while tap feedback confirms that the action has taken effect.进入 FPV 后,界面首先需要让用户快速理解当前状态与下一步。通过 OSD 模块化分区、图传面积优先与功能入口收拢,减少信息层级和画面遮挡,并为不同画幅建立稳定的适配布局。智能模式中,START 升级为 GO,成为智能跟拍的核心入口。多彩渐变与液态变化在进入页面时吸引注意力,点击反馈则确认操作已生效。

BEGINNING CONTROL开始操控
More controllable: make every action and outcome clear更可控:让用户清楚操作了什么、发生了什么
For frequent actions, panel boundaries, selected states, and hierarchy are strengthened. Control transitions and press feedback on key icons make outcomes explicit, while motion explains how modules open and close to establish stable operation paths.围绕高频操作,强化面板控件的边界、选中态与层级;通过控件切换和重点图标的按压动效,将操作结果直接反馈给用户。动效同时说明模块的展开与收回,帮助用户建立稳定的操作路径。


SUSTAINED FLIGHT持续飞行
More immersive: let the interface support flight, not obstruct it更沉浸:让界面辅助飞行,而不是遮挡画面
During flight, the interface should recede. Smaller, less obstructive message banners, contextual hiding of low-priority controls, translucent materials, and continuous OSD transitions replace abrupt changes so attention remains on the live view.飞行过程中,UI 的目标是退后。通过降低消息横幅的面积与遮挡、按场景隐藏低优先级控件,并以通透材质和连续的 OSD 状态过渡替代突兀跳变,让用户的注意力始终留在图传画面。



FPV COMPONENT AND MOTION GUIDELINESFPV 组件与动效规范
Unifying visual styles and interaction feedback统一视觉样式与交互反馈
A component style library was established for the FPV interface, alongside fixed elastic curves and duration rules for different interaction scenarios. Motion components in Figma prototypes directly show element transitions and their assigned curves, allowing developers to review interaction paths and motion parameters by scenario, reducing communication and implementation variance.围绕 FPV 界面建立组件样式库,并为不同交互场景定义固定的弹性曲线与时长规则。动效组件在 Figma 原型中直接呈现元素之间的跳转关系与所用曲线,开发可按场景查看交互路径和动效参数,减少沟通与还原偏差。


