首页/风格学院/Post-Scarcity Civic

什么是 Post-Scarcity Civic?

Post-Scarcity Civic 设计风格示例

《后稀缺公共服务》设想一个不再标价的社会的界面,结果发现它长得就像今天政府已经在做的那种朴素、好读的页面。

Post-Scarcity Civic 速览

《后稀缺公共服务》设想的是一套不再标价的公共服务界面,对应的社会已经不再给自己分发的东西定价。商业界面会在这个位置印上价格,而它印的是配额、剩余份额或排队序号。使用者不是买家,而是来领取应得之物的公民,屏幕上的每个元素都为了让这份权益一目了然而排布。

它的外观里没有一样是编造的。配色取自英国政府 GOV.UK 的色彩系统,字体是美国政府网站设计系统(USWDS)的 Public Sans,版式规则也是政府服务早已在用的那些:单栏、齐左、正文比一般网页更大、没有装饰。到了表单与确认环节,系统会换成 Atkinson Hyperlegible,这是一款让低视力读者更容易区分字母的字体。

它想象的未来是行政式的,而不是电影式的。它读起来不像全息的控制室,更像一份做得好的政府表格:字大、行宽克制、每个数字都说得清出处。它的前提是:一个真正把分配当作公共事务来办的社会,会想要一个普通人一眼就能读懂的界面。

Post-Scarcity Civic 设计风格用在文章页上

Post-Scarcity Civic 从何而来?

这套风格被设定在2140年,但它的设计谱系有据可查,可以追溯到2010年代以后。它继承自政府数字服务设计,那是始于2010年代初的一场运动:政府把公共服务重建为使用平实语言、经过用户测试的网站,而不是各部门的宣传册。英国的 GOV.UK 是其中最知名的成果,美国的网络设计系统 USWDS 是它在美国的对应物。

本·特雷特(Ben Terrett)与丹·威廉姆斯(Dan Williams)在来源材料中代表着 GOV.UK 早期的设计文化,其指导思想是:政府服务应当对所有人有效,包括那些时间最少、信心最弱、技术能力最低的人。在它成为一种风格之前,这个想法早已存在:公共服务没有理由给人留下深刻印象,却有一切理由被人看懂。这套系统所借用的配色与版式惯例,直接来自这种文化。

字体的谱系很重要。Public Sans 是美国政府设计系统采用的开源字体,源自巴勃罗·因帕拉里(Pablo Impallari)绘制的 Libre Franklin 家族,而后者本身是对一款美国经典粗黑体的重新诠释。Atkinson Hyperlegible 来自布莱叶研究所(Braille Institute),他们开发它是为了让低视力读者更容易分辨字符。它独特的字形,让大写 I、小写 l 和数字一这类长得相似的字符彼此区分开来,恰恰是表单与确认页面所需要的。

2140年增加的只是一个前提。如果稀缺结束、分配成为一项公共服务,界面就应该用份额、配额与排队序号去取代价格。视觉语言本身一动不动,因为最好的公共设计一直追求同一件事:毫无歧义地可读,对每个用户一视同仁,并且平实地说清你应得什么、何时得到。在这套风格里,推测与纪实就是在这一点上相遇的。

Post-Scarcity Civic 的视觉特征是什么?

公共灰底面

一张淡灰色的页面,取自 GOV.UK 的色彩系统,是默认的底面。它读起来机构化而平静,让白色内容面板安静地坐在上面,也避开了纯白屏幕的刺眼。这种灰是用来阅读的背景,而不是一种情绪。

深沉的公共紫

主色是一种深沉的紫,同样取自 GOV.UK,用于标题、链接和主操作。它有权威感而不具攻击性;又因为它是版面里唯一的强色,所以总能稳稳地指向用户下一步可以做什么。

青绿量表

配额以量表的形式呈现:一条横条显示已用份额与剩余部分,灰底上用青绿色。量表取代价签,成为这套系统最有代表性的信息元素,每一个都配有一句平实的文字陈述,所以数字绝不只依赖颜色来传达。

Public Sans 负责阅读

连续正文用 Public Sans,这是一款清爽、开阔、源自美式粗黑体的无衬线字体,字重范围适中。它几乎没有个性,而这正是目的:它退到幕后,让内容被读到;在手机、自助终端或打印通知上,它看起来都一样。

Atkinson Hyperlegible 负责表单

表单与确认环节切换到 Atkinson Hyperlegible,它的字形是为了让人分得清而设计的。这些环节读错的代价最大,所以在这里换字体,既是一个安静的信号,说明用户正在做重要的事,也是对准确性的实际帮助。

单栏、齐左

内容排成单栏、齐左,行宽克制,正文比网页默认字号更大。阅读顺序是纵向的、一目了然的,主线旁边不放任何东西;无论屏幕多大、放大多少倍,页面都不用重新编排。

零装饰

圆角几乎为零,没有阴影,没有渐变,也没有为了气氛而放的插图。强调靠字号、字重、间距和一种强调色。界面看起来像一份文件,而不是一件产品,这种朴素正是它的公共可信度所在。

Post-Scarcity Civic 设计风格用在仪表盘上

谁塑造了 Post-Scarcity Civic?

Ben Terrett

特雷特与 GOV.UK 早期的设计文化联系在一起,那种文化的指导思想是:政府服务应当清晰到无需解释。这套风格借用的配色与版式惯例都源自那种文化,他的名字代表着这样一个命题:公共设计靠朴素而不是精致来赢得信任。

Dan Williams

威廉姆斯与特雷特并列于关键人物之中,代表着那些把 GOV.UK 早期原则落成日常页面与组件的一线设计师。如今看来对公共服务理所当然的单栏、齐左、零装饰版式,正是这样耐心而务实的设计工作的产物。

Pablo Impallari

因帕拉里是一位字体设计师,他绘制的 Libre Franklin 家族是对一款美国经典粗黑体的重新诠释,Public Sans 即由此衍生。他的名字代表着开源字体的传统,这种传统让政府得以发布一款免费、无品牌色彩、任何人都能复用的字体,这正是这套风格的精神所在。

Braille Institute

布莱叶研究所是美国一家服务视力受损人群的非营利机构,开发了 Atkinson Hyperlegible,这款字体的字形被有意做得彼此易分,以提高字符辨识度。在这套风格里,它是表单与确认环节的字体,而那正是读错会带来实际后果的地方。

今天怎么用 Post-Scarcity Civic?

《后稀缺公共服务》适合一切以公平、清晰和平实语言为产品价值的场景:公共服务、市民工具、社区资源平台、非营利组织,以及内部的分配系统,比如配额、假期余额或共享资源。它被设计成不起眼而值得信赖,所以当内容本身、而不是界面,才是重头戏时,它的效果最好。

做幻灯片时,封面就是公共灰底面上一个靠左的朴素标题、一句说明这套幻灯片分配或决定什么的话,再加一根紫色线或一枚紫色标签。内容页是单栏文件:一个标题、一小段文字、一个量表或一张表。数据页用青绿量表表示份额与剩余量,每根横条旁边把数字写出来,这样不看图形也能读到数字。

做网页界面时,想一想服务页的样子:一块摘要面板说明用户享有什么,一个量表显示还剩多少,一个紫色的主操作,以及一段平实的规则说明。仪表板呈现的是配额与排队位置,而不是转化指标;定价页变成权益页,各档位以每个人得到什么、何时得到来描述,而不是以付出多少来描述。表单使用高辨识度的字体,标签放在输入框上方,错误信息清晰可见,不用只靠占位符当标签。

对于编辑与营销内容,这套风格适合政策解读、报告、推测性设计项目与公民运动。它给长篇内容一种公文的口吻:大而好读的文字、较短的行宽、编号的步骤和措辞平实的标题。视觉叙事最好靠图解和量表,而不是照片特效;它所描述的未来,应当像一份能办成事的文书。

常见的错误,是把“后稀缺”当作搞科幻装饰的许可证:发光渐变、半透明面板、霓虹量表。这正是这套风格明确拒绝的电影式未来。另一个错误是把配额做成披着马甲的价格,比如一个没有平实说明的量表,或者购物版式里的“免费”徽章。屏幕上的语言应当始终说份额、权益和排队位置,绝不说折扣或优惠。

Post-Scarcity Civic 设计风格用在幻灯片 · 封面上

Post-Scarcity Civic · 常见问题

《后稀缺公共服务》是基于真实的设计系统吗?

是的。配色取自 GOV.UK,字体是美国政府网站设计系统的 Public Sans,表单字体是布莱叶研究所的 Atkinson Hyperlegible。推测的只有前提:一个不对自己分发的东西标价的社会的界面。视觉语言借自已经存在、已经在日常公共生活里使用的系统。

为什么2140年的界面看起来这么朴素?

因为它想象的未来是行政式的,不是电影式的。如果分配是一项公共服务,最好的界面就是普通人一眼能读懂的界面,而好的公共设计长期以来追求的正是这一点。朴素本身就是论点:一个把分配当作公共事务的社会,不需要靠场面来解释它。

这套风格怎么处理无障碍?

靠把它做成结构性的东西。正文字号大,版面是经得起放大的单栏,表单用字形各异的字体,每个量表都配有以平实文字写出的数字,所以颜色从不是意义的唯一载体。这些是无障碍优先的公共界面的习惯,被一以贯之地应用,而不是事后补上。

界面里用什么取代价格?

用配额、剩余份额和排队位置。商店会在那里写一个价格,这套风格写的是你有权得到什么、已经用了多少,以及在相关时,你什么时候轮到。措辞与版式同样重要:它应当说份额、权益与位置,避开折扣、优惠、升级之类的词汇。

它在哪些地方不适用?

对于靠愉悦感、说服力、奢华或情感叙事取胜的品牌,以及任何售卖紧迫感的东西,比如限时抢购或转化漏斗,它都吃力。一种以“不起眼”为全部要义的风格,承载不了兴奋的承诺。它适合内部工具、公民平台,以及一切价值在于公平与清晰的产品。

获取 Post-Scarcity Civic 完整设计系统
© 2026 Curio