首页/风格学院/大疆 Phantom

大疆 Phantom 是什么风格?

大疆 Phantom 示例

大疆的 Phantom 页面让航拍无人机变成了消费品,靠的是让路:白色机身放在白色背景上,只留一个蓝色可点,别的品牌写形容词的地方,它写数字。

大疆 Phantom 速览

大疆 Phantom 风格,是把 Phantom 航拍无人机介绍给普通买家的那一组产品页面的视觉语言:白色注塑外壳被拍在无缝白色摄影背景上,画面里没有任何东西与硬件争夺注意力;文字永远放在图片旁边的白色条带里,从不压在图上。一切可操作的东西只用同一个蓝色,其余全是冷灰,版式则跑在一套像机身一样讲究度量的模块化网格上。大体而言,这套面貌从2013年一直延续到2020年代。

背后的想法是:产品本身就是论据。当物件的形态对、数字好,页面就不需要靠形容词说服人,于是文案被压缩成“一个参数加一个单位”,设计被压缩成只留下有助于比较这些参数的东西。白压白的摄影拿掉了场景,灰阶拿掉了强调,唯一的蓝色拿掉了“该点哪里”的任何疑问。剩下的是证据。

视觉上,页面在两种条带之间交替:满幅的航拍画面承载情绪,展示镜头看见的世界;白色的参数条带承载事实,展示机器本身是什么。横向的长对比表用发丝线分格、数字右对齐,让一列列数字承担其他页面里段落的工作。这种风格靠“可核对”赢得信任。

大疆 Phantom 用在文章页上

大疆 Phantom 从何而来?

大疆创立于2006年的深圳,创始人汪滔(Frank Wang Tao)是这家公司故事的核心人物。起步的几年里,它是业余爱好者飞行器的零部件制造商,而不是消费品牌。转折发生在2013年1月,大疆发布了 Phantom 1。按大疆自己的讲法,也按这套主题所依据的资料,它是第一台买家拆箱即可起飞的航拍无人机——无需组装,无需调校,也不用另外装云台相机。

硬件决定了视觉。Phantom 1 有白色的注塑外壳、黑色的云台和银灰色的饰条,官网为此做了一个明确的选择:把这件白色产品放在无缝的白色背景上拍。白压白,外壳的曲线只能靠明暗来读,画面里没有任何东西会被误认为功能;文字被限制在图片旁边的白色条带里,使产品照片从不被遮挡。对于一家要把复杂机器卖给从未拥有过无人机的人的公司,这既是一种美学,也是一种安抚。

结果里汇合了三种传统,都写在资料里。其一是深圳硬件设计:快速、以参数为导向的电子产品文化,产品页要先回答关于数字的问题,才轮到谈感受。其二是无缝白底的影棚产品摄影:把物件从一切语境里隔离出来的老牌画册惯例。其三是参数表对比版式:电子产品零售里常见的,让买家顺着一行读过去,判断两款机型的高下。大疆的页面并没有发明其中任何一种,它做的是同时坚持三者,并把这份纪律保持了十多年。

页面之下的网格同样出自大疆自己的识别系统。它的 X-Factor 网格由公司字标里小写字母 i 的高度生成,这意味着掌管间距的模数是标志的一部分,而不是一个抽象的数字。这套主题借用的是大疆生产样式表里用于正文、标签和分隔线的那一组冷灰、用于标题的字标黑色,以及唯一一个用于所有可点击元素的蓝色。其结果是一套颜色极少、也几乎找不到理由再添颜色的系统。

大疆 Phantom 的视觉特征是什么?

色彩

底色是纯白,标题用字标的黑,正文、标签与分隔线沿一组冷灰逐级下降——从用于阅读的深炭灰,到用于分隔线的浅灰发丝色。只允许一个蓝色,并且只留给访客可以操作的东西。因为没有第二个强调色,这个蓝色从不含糊:只要是蓝的,它就是控件。颜色是信号,从来不是装饰。

白压白摄影

硬件被拍在无缝白色摄影背景上,地平线、地面与场景的阴影统统消失,外壳的曲线完全由柔和的光线塑造。画面里没有任何东西与产品争夺注意力,也没有任何东西会被误认为功能。同一条规则管着版式:产品图从不被文字、标题或徽章覆盖。

模块化网格

版式遵循大疆的 X-Factor 网格,其模数来自字标里小写字母 i 的高度。区块以整数个单位吸附到网格上,使文字条带、照片与表格在一页接一页中严丝合缝。网格很少以线或边框的形式显现;它体现为稳定的节奏,以及没有那种让页面显得随手拼凑的“差一点对齐”。

文字只在旁边,不压图

文字住在图片旁的白色条带里。题注绝不压在照片上,标题也从不与机身争夺同一块像素。这条规则让两类内容都清晰可读,并给页面一种平静的两段式节奏:图用来看,条带用来读。字体本身朴素中性,使用干净的无衬线体,层级完全靠字重与字号建立。

发丝线参数表

对比表又长又横向。单元格用细灰线而不是填色方框分隔,数字右对齐,使位数上下对齐,一眼就能比较。列标题简短,单位只写一次,一行里没有任何装饰。表格是页面的核心对象,其余一切都只是把读者带到它面前。

文案即参数

文字避开形容词。一项功能被表达为一个数字加一个单位——比如续航时间、距离、分辨率——版式让这个数字在视觉上优先于它周围的句子。这种语气既是编辑选择,也是设计选择:页面几秒内就能扫完,各机型之间无需翻译即可比较,这对国际受众尤其合适。

条带的节奏

页面在满幅航拍照片与白色参数条带之间交替。照片说的是镜头能看到什么,条带说的是机器是什么。这种交替给长页面带来情绪与证据轮流出现的稳定节拍,也不让任何一方占据主导。照片铺满屏幕宽度,文字则留在有度量的栏宽之内。

大疆 Phantom 用在仪表盘上

谁塑造了大疆 Phantom?

Frank Wang Tao

大疆的创始人,也是公司历史的核心人物。大疆2006年起步于深圳,在他的主导下,从零部件供应转向2013年1月发布 Phantom 1——正是这款产品让航拍无人机成为一个消费品类。他对视觉风格的影响是间接而真实的:让页面围绕硬件而不是品牌展开,反映的正是他围绕这家公司建立起来的“参数优先”文化。

DJI industrial-design team

负责 Phantom 物理形态的团队:白色注塑外壳、黑色云台与银灰色饰条。页面之所以能这样安静,正因为他们的工作。一件轮廓本身就清晰可辨的产品不需要装饰,官网的白压白处理,正是对他们设计的外壳的直接回应——那个外壳只靠曲线就能被读懂。

Shenzhen hardware design

这不是一个人,而是一种工作文化,也是资料里列在这套风格谱系第一位的来源。深圳的电子产业生态奖励那些用数字自我说明、出货迅速、愿意被比较的产品,大疆的页面继承了这种习惯。它的影响体现在:偏爱表格胜过段落、偏爱单位胜过形容词、偏爱一个清晰的行动号召胜过一组相互竞争的按钮。

今天怎么用大疆 Phantom?

大疆 Phantom 风格是一套“产品证据系统”。凡是以实体或技术物件为页面主角、观众想要比较的场景,它都适用;凡是主题是情绪、故事或可度量属性很少的服务,它的表现就最差。正确运用意味着坚持三件事:白色、一个蓝色、数字。

在演示文稿中,这种风格适合产品发布、硬件路线图与技术对比。封面可以把一张产品图放在纯白底上,标题简短地放在旁边的白色条带里。内容页在满幅照片与承载三四个参数的白色条带之间交替。数据页是这种风格最强的地方:带发丝线、数字右对齐的对比表,往往比多数图表读起来更清楚;确需图表时,一条细线加一处蓝色高亮就够了。

在网页界面中,这种风格很好地转译到产品页、对比页、规格页与购买流程。保持页面白色,次要文字与分隔线用灰色,让蓝色成为交互元素的明确标记:链接、按钮与选中状态。定价页应当读起来像参数表:套餐是列,功能是行。仪表盘也可采用同样的克制——用灰色搭结构,用唯一的蓝色标出当前项。

在编辑与营销内容中,这种风格支持评测式的版面:一张主图,一句简短陈述,然后是一张表或一幅带标注的示意图。推广页可以沿用原产品页的节奏,在照片与事实之间交替。因为语气以参数为主导,标题最好平实地陈述一项能力——一个数字加一个单位——然后由读者自己判断它有多厉害。

最常见的错误,是为了让页面更活泼而加入第二个强调色、渐变或投影,这会拿走让蓝色有意义的那唯一的东西。第二个错误,是为了戏剧效果把文字压到产品照片上;“文字在图旁”这条规则正是硬件保持清晰可辨的原因。第三个错误,是用形容词写文案,这样版式的数字结构就失去了锚点。最后,不要把产品拍在有色背景上:白压白的纪律只有在底色真正是白色时才成立。

大疆 Phantom 用在幻灯片 · 封面上

大疆 Phantom · 常见问题

这是大疆官网的官方设计吗?

不是。这是一套把 Phantom 时代(大约从2013年到2020年代)的产品页面当作视觉语言来解读的设计系统:白色硬件放在白底上、一个交互蓝、一组冷灰、一套模块化网格,以及以参数为主导的文案。它不是官方的大疆品牌手册,大疆的名称、标志与产品摄影归公司所有。请把这种方法用到你自己的产品上,而不是把页面包装成大疆的页面。

为什么只有一个蓝色,没有第二个强调色?

因为蓝色是一种信号,而信号只有在毫不含糊时才有效。如果蓝色标记了每一个链接、按钮和选中状态,而其他东西都不上色,访客几秒钟内就会学会这条规则,再也不必猜哪里能点。第二个强调色会迫使页面去解释哪种颜色代表什么。只留一个蓝色,也让白色硬件与灰色参数始终在视觉上占主导,这正是本意。

没有影棚,怎么做出白压白的产品效果?

先确认产品本身是浅色的,否则就接受更中性的处理。把物体拍在或合成到无缝白底上,用柔和均匀的光,在物体下面留一道很淡的影子以免它漂浮,并让页面背景与照片的白色一致,使图片没有可见的边缘。如果白色无法完全匹配,就把图片紧凑地裁切并放进白色条带里,把色差藏起来。不要加任何彩色背景。

这种风格能用深色模式吗?

这套面貌依赖白色作为白色产品的物理背景,所以深色版本其实是另一套设计。如果确实需要,请沿用同样的纪律——单一强调色、一组灰阶、带发丝线的表格——但要把产品拍在深色背景上,而不是反转一张白压白的图。要预料到会失去原作那种让它显得可信的、近乎实验室的洁净气质。

它不擅长处理哪类主题?

凡是意义存在于氛围、叙事或手艺而非可度量属性里的主题:生活方式品牌、餐饮、酒店、个人作品集和文化机构。这种风格用数字取代形容词的习惯,几乎没给温度留下空间;它唯一的蓝色也没有为“可点/不可点”之外的类别或状态提供语汇。它在硬件、设备和有真实参数的软件上最强。

获取大疆 Phantom 完整设计系统
© 2026 Curio