首页/风格学院/Pix 即时支付

Pix 即时支付是什么风格?

Pix 即时支付示例

Pix 以近乎于无赢得信任:白纸般的界面,一枚青绿菱形,央行石油蓝的标题,以及黑白硬边的二维码这位绝对主角。

Pix 即时支付速览

Pix Instant Payment 是一种支付界面风格,取自巴西央行(Banco Central do Brasil)2020年11月上线的即时支付系统。它所模仿的识别体系有意做到几乎一无所有:一枚由四个箭头拼成的青绿色菱形,一行灰色的“powered by Banco Central”,剩下就是这枚标志碰巧出现的那块白色屏幕或覆膜立牌。这套风格认真对待这种克制,并用它搭起一整套视觉系统。

构成要素很少。白纸般的界面是底;青绿只用在确认和成功上;央行石油蓝负责标题和链接;金额和支付密钥用 Raleway 排,CPF、交易号这类长串则交给带等宽数字的 Archivo。唯一看起来可能像装饰的东西,其实完全不是装饰:一枚真正的二维码,黑色码点,四周留足空白边距,被放在页面上作为主要物件。

目标是让人一眼放心。支付页面是一个人正在花钱的地方,常常匆忙,常常是在一家店里、身后还有别人在排队,所以界面的任务是消除疑虑,而不是制造惊喜。风格几乎做到透明,是请用户去信任系统背后的机构,而不是眼前的品牌。

Pix 即时支付用在文章页上

Pix 即时支付从何而来?

Pix 由巴西央行于2020年11月16日正式启用。品牌手册在2020年年中起草,这套风格里的视觉系统从上线一直沿用至今。背景资料把它的地点定在巴西利亚,并补充说它延伸到全国的每一家街角小店——这是在承认,这套识别既活在银行 App 的屏幕上,也同样活在收银台边的覆膜标牌上。

背景资料点名的核心人物是巴西央行本身、Roberto Campos Neto,以及央行银行业务部门(BCB Department of Banking Operations)。对一种设计风格而言,这份名单很不寻常:名字里没有设计工作室或艺术总监,而是一家公共机构、一位具名官员和一个部门。这表明它是一套公共基础设施的识别,由机构制定,供许多其他方使用,而不是由某个品牌独占。

三股潮流框定了这套风格。“国家主导的即时支付轨道”描述的是这样一种模式:由中央银行而非私营网络来建设让支付在几秒内完成的基础设施。“gov.br Padrão Digital de Governo”译成中文是“数字政府标准”,表明这套界面属于公共服务的世界,而不是商业品牌的世界。“二维码优先的零售支付”描述了它在日常生活中的结果:商户只需要一块印出来的码,顾客只需要手机的摄像头。

这些来历解释了风格为何如此倚重中性。一条国家建设的支付轨道,不会与提供它的银行争夺注意力;同一枚标志、同一块二维码,要能自在地待在许多不同银行的 App 里,也要自在地出现在无数不同的柜台上。能在这些地方站得住的视觉识别,必须安静、一致、一眼可读。一年之内,这套系统就铺满了全国,资料提到面包店、指甲店和路边摊,所以这套风格还得经得起印刷与覆膜。

Pix 即时支付的视觉特征是什么?

白纸般的界面

底色自始至终是白的。它的表现像一张纸或一块覆膜标牌,而不是自带氛围的屏幕,也给二维码提供了可靠扫描所需的干净、高对比的背景。白色还让唯一的青绿和石油蓝各自承担自己的含义,而不必与某种有色的表面竞争。

青绿只表示确认

青绿是 Pix 标志的颜色,在这套系统里它只留给一个用途:确认与成功。一笔完成的付款、一个验证通过的密钥、一个对勾,是青绿的;别的一概不是。由于出现得如此之少,青绿的作用就像一句“好了”,用户也就学会了这样去读它。

机构的石油蓝

机构的石油蓝,一种略微偏绿的深蓝,负责标题与链接。它是权威与指路的颜色,有意比青绿更庄重。两者分工——石油蓝管结构,青绿管结果——让用户不必读一个字,就能分清导航与确认。

金额用 Raleway

支付密钥和金额用 Raleway 排。它干净、开阔的字形适合大号数字,所以一笔付款的金额是屏幕上最大、最清楚的东西。金额和密钥是人在确认之前必须核对的数据,因此它们得到了字体上的强调。

Archivo 排长串

带等宽数字的 Archivo,用来排纳税人号码、交易编号这类长串。等宽数字让每个数字占同样的宽度,字符串可以对齐,并且能逐字符比对——而这正是人核对代码时做的事。这是把排印当作防错手段。

二维码是主角

二维码用真正的黑色码点印在白底上,边缘硬朗,没有圆角、没有嵌入的 logo、没有颜色,四周留有宽裕的空白边距。它被放在页面上作为主要物件,又大又居中,而不是塞在付款按钮旁边。原则是:码的任务是被扫,所以它被当作功能性物件,而不是装饰。

近乎于无的识别

识别系统就是一枚四箭头拼成的菱形、一行灰色的“powered by Banco Central”,再没有别的。周围不加渐变、纹理或插画。这里的克制不是没下功夫,而是设计本身要传达的信息。一个看起来没什么特别的支付页面,会让人觉得它没有什么需要隐瞒。

Pix 即时支付用在仪表盘上

谁塑造了 Pix 即时支付?

Banco Central do Brasil

巴西央行于2020年11月推出 Pix,被列在核心人物之首。它是这套识别的机构作者,这也是灰色的“powered by Banco Central”成为标志组成部分的原因。风格继承了一种机构的语气:平静、朴素,面向的是一般公众,而不是某个目标细分人群。

Roberto Campos Neto

Roberto Campos Neto 是背景资料中唯一点名的个人,与机构并列。资料没有描述他做了什么,本文也不妄加。他的出现表明这个项目是作为一项公共管理行为被记录的,并且有一个负责的名字挂在上面——这也是视觉系统偏爱朴素而不是个性的原因之一。

BCB Department of Banking Operations

巴西央行银行业务部门(BCB Department of Banking Operations)是被点名的第三个实体,是央行内部的一个部门。点名一个部门而不是一个创意团队,说明了这套识别是怎样做出来的:作为运营支付系统的一部分,2020年年中起草的品牌手册要做出一套对银行和店主同样好用的识别。

今天怎么用 Pix 即时支付?

Pix 风格是为信任时刻而做的:付款、确认、收款。凡是用户必须核对精确信息、并且需要感到安心的地方,它都适合。

做幻灯片时,封面可以近乎空白:一张白页,一枚青绿标志或一句简短的石油蓝标题,别的什么都没有。内容页像一张张朴素的文字页,金额用开阔的几何字体放大,标识符用等宽数字字体。数据部分用稀疏的、数字对齐的表格,而不是装饰过的图表,青绿只用在出现确认或成功数字的地方。幻灯片上的二维码要大,黑色印在白底上,四周留空白边距。

在网页和移动端界面里,它适合结账流程、发票、账单、钱包页面、公共服务表单和收据。标题和链接用石油蓝,成功状态用青绿,其余一切保持黑白。一个支付页面应当以金额作为最大元素,密钥或标识符用等宽数字字体,二维码作为中心物件。这种风格的仪表板是安静的账本:数字对齐的表格,极少用色,青绿只留给已结清的项目。

在编辑与营销内容里,把零售立牌当作范本:一块覆膜的白牌,上面一个码、一句简短的说明、一行小小的机构署名。小册子、标牌、商户入驻指南和公共服务的说明页,看起来像官方文件,比看起来像广告更有效。文案要短,步骤要编号,图像只留二维码和标志。

最常见的错误,是把二维码当成装饰元素:给它加圆角、染色、在中间放 logo,或是缩小它的边距。这些做法都有变得无法识读的风险,并侵蚀这套风格想要建立的信任。另一个错误是把青绿撒到标题和按钮上:一旦青绿什么都表示,它就不再表示“已确认”。还要避免加入亲和的插画或渐变,因为这套风格的温度来自可靠。

Pix 即时支付用在幻灯片 · 封面上

Pix 即时支付 · 常见问题

为什么颜色这么少?

因为识别本身就几乎什么都没有:一枚青绿菱形、一行灰色的“powered by Banco Central”,以及白色。一条由央行建设的支付轨道,既要在许多不同银行的 App 里长得一样,又要出现在柜台的覆膜标牌上,所以它避开了一切会过时或带个人色彩的东西。把颜色限制在两种分工——青绿表示确认,石油蓝用于标题和链接——也让每一次使用都有意义。

Raleway 和 Archivo 各管什么?

Raleway 负责支付密钥和金额,干净开阔的字形让关键数字一目了然。带等宽数字的 Archivo 负责身份号码、交易编号这类长串,因为等宽的数字可以对齐,并且能逐字符核对。

为什么二维码占据这么重要的位置?

在二维码优先的零售支付里,码本身就是界面:商户把它印出来,顾客扫一下,交易就完成了。所以这套风格把它当作页面上的主要物件,黑色码点印在白底上,边缘硬朗,四周留足空白,没有任何装饰,因为任何干扰扫码的东西,都会干扰支付本身。

这套风格只适用于支付吗?

它最适合支付、账单和公共服务,但这个原则可以延伸到任何要让人核对精确信息并感到安全的界面:收据、身份核验、预约确认、政务表单。它不适合娱乐类或以品牌为主导的体验,在那里刻意取消个性会显得平淡。

我能把 Pix 风格用在自己的支付产品上吗?

你可以把它的做法——白纸般的界面、克制配给的颜色、让二维码当主角——用在自己的界面上。Pix 这个名称、菱形标志和央行的署名行属于真实的系统,所以基于这套风格做出来的产品应当带上自己的识别,不应暗示与官方有关联。

获取 Pix 即时支付完整设计系统
© 2026 Curio