首页/风格学院/Nutri-Score 营养标签

Nutri-Score 营养标签是什么风格?

Nutri-Score 营养标签示例

Nutri-Score 把一整套营养评分模型压缩成一行五个圆角色块,从深绿到橙红,商品所得的那一级被单独放大。

Nutri-Score 营养标签速览

Nutri-Score 是一种包装正面的营养标签,作为设计风格,它是把法规表达成图形的最清晰范例之一。一整套评分模型被压缩成一行五个圆角色块,标注为 A 到 E,从深绿一路走到深橙红。与商品结果对应的那一格被从行中提出来放大,字母反白。

由此长出的风格遵循这个模块自身的规矩。底色为白,六种颜色固定、不得改动,字体是各种字重的 Raleway,任何一条色阶上只能有一格被放大。没有叶子图标,也没有手写体的花哨。这个图形的目的,是在货架前一秒读完,而不是供人欣赏。

它的特别之处在于所需极少。整个信息设计只靠一条有序的色阶、一个被放大的元素和一个字母。由于它表现得像公共卫生信号而不是品牌,它说明了一个严谨的系统如何能瞬间传达结论,同时看起来依然有序、平静、公平。

Nutri-Score 营养标签用在文章页上

Nutri-Score 营养标签从何而来?

Nutri-Score 以法国公共政策的形式问世。法国 2017 年 10 月 31 日的政令确立了这一标签,它由营养流行病学家 Serge Hercberg 团队的评分模型发展而来。素材还把国家公共卫生机构 Santé publique France 列入关键人物。从一开始,这个图形就是由国家背书的信号,可以放在任何食品包装上,不论受教育程度或语言,人人都能看懂。

标签随后走出法国。据素材,它在 2018 至 2021 年间被七个国家采用,使这套设计有了国际生命,也让一致性变得重要。一个出现在多个市场的标记承受不起变体,这就是风格坚持固定颜色、单一字体、恰好放大一格的原因。这些约束,是换取一个可识别、可信赖的符号所付的代价。

素材把 Nutri-Score 放在三条发展线索中。第一是包装正面的营养标签运动,主张把一个简单的判断放在购物者最先看到的位置,而不是把所有信息都留在背面的表格里。第二是分级、用颜色编码的公共卫生信号,用有序色阶取代一串数字。第三是红绿灯标签的脉络,这是一个更早、使用红、黄、绿的模型。Nutri-Score 通过加入字母和五个等级延续了这一传统。

英国食品标准局(UK Food Standards Agency)也列在关键人物里,说明红绿灯式标签有英国的历史,给讨论提供了养分。连同 Hercberg 的研究团队和 Santé publique France,这份名单显示出这是一套由公共机构和科学家创造、而非广告人创造的风格。这也是它性格的来源:它刻意朴素,避免促销性的花哨,宁要清晰与中立,不要个性。它的力量在于被看懂,尊重这一点的设计师会让整个模块保持完整。

Nutri-Score 营养标签的视觉特征是什么?

五格色阶

核心模块是一行五个圆角色块,标注 A 到 E,从最好排到最差。顺序既是字母的,也是视觉的,因为颜色沿着单一方向变化。观看者在读到字母之前,就已经把它理解为一条刻度。

从绿到橙红

色阶从 A 的深绿走到 E 的深橙红,中间有过渡的几级。这六种颜色是固定的,不得调整、加色调,也不得换成品牌色。它们在各国保持一致,才让标签在任何包装上都能被认出。

只放大一格

只有商品自己的等级被放大,字母反白,其余保持小号。任何一条色阶上恰好只能提升一格。这条规则就是全部的层级:眼睛先到大的色块,读出结论,再从小的色块里理解背景。

白色底面

标签放在朴素的白色底面上,让颜色保持满强度,也避免受到包装的干扰。没有渐变、阴影或纹理。白色同时传达中立,与公共卫生的出身一致。

全部使用 Raleway

字母和辅助文字使用同一种字体 Raleway,覆盖所有字重。粗字重适合反白的等级字母,较细的字重处理说明性的文字。单一字体让模块保持中立,也避免与商品品牌争夺注意力。

法规而非个性

没有叶子图标,没有手写体,也没有亲切的插画。这个图形读起来像法规,因为它就是法规。这份克制是一种设计选择:健康信号靠看起来官方、公正、在每个包装上都不变来获得权威。

Nutri-Score 营养标签用在仪表盘上

谁塑造了 Nutri-Score 营养标签?

Serge Hercberg

素材列出的营养流行病学家,其团队制定了标签背后的评分模型。

Santé publique France

素材列出的法国公共卫生机构,与 2017 年 10 月 31 日政令下标签的正式采用相关。

UK Food Standards Agency

素材列入关键人物,反映了分级颜色信号所由发展而来的红绿灯标签脉络。

今天怎么用 Nutri-Score 营养标签?

做演示文稿时,Nutri-Score 风格非常适合做“结论页”。在白底上放一行五个圆角色块,把与结果对应的那一格放大并让字母反白。封面可以简单到只有标题加一条色阶。多个选项的对比,可以做成叠放的色阶,每条只放大一格,让观众一眼看出排名。

做网页和应用界面时,凡是需要评级或排名的地方都可以用:能效等级、安全评分、可维修性或可持续性指数、风险等级、质量分层。把色阶做成固定颜色、仅提升一格的可复用组件。标签下面放一句通俗的说明,并让被放大的等级链接到评分标准。定价页可以用等级来表示功能或支持水平,前提是颜色保持原有含义。

做内容与营销页面时,这套风格能为对比文章、产品指南、消费者测评和公共信息增添可信度。一张白底页面,配一条色阶和简短的事实文字,读起来是公正的。它也适合作为海报或信息图,在几秒钟内必须传达信息的场合,比如货架提示牌或倡导健康选择的活动。

更深一层的启发在食品之外也有用:当一个复杂模型必须向公众概括时,有序色阶、一个被突出的元素和一个字母往往已经足够。这样做体现了对受众时间的尊重。

最常见的错误是改动这个模块:为配合品牌色板改变颜色、放大两个色块、加叶子图标或手写体,或把它放在繁忙的照片上。每一种做法都破坏了“标签在任何地方含义相同”这个保证。另一个错误是把绿到红的色阶用在并非由好到坏排序的事物上,导致观看者读出一个从未打算给出的结论。最后,不要隐藏字母;字母能让色盲读者也看懂等级。

Nutri-Score 营养标签用在幻灯片 · 封面上

Nutri-Score 营养标签 · 常见问题

Nutri-Score 设计风格是什么?

它是以包装正面营养标签为基础的风格:白色底面,一行五个标注 A 到 E、从深绿到橙红的圆角色块,一个放大并带白色字母的色块表示商品等级,字体只用 Raleway。

为什么只能放大一格?

被放大的那一格就是全部层级。它告诉观看者哪个等级适用,让其余四格成为背景。若放大两格,结论就会含糊。

颜色可以改成品牌色吗?

不可以。六种颜色是固定的。标签之所以在多个国家都能被认出,是因为它从不变化,改动颜色会破坏色阶的含义。

在食品包装之外适合做什么?

任何分级或排名信息:能效等级、安全评分、可持续性指数、风险等级、质量分层和消费者对比。凡是需要把复杂模型压缩成一秒钟结论的地方都适用。

Nutri-Score 从哪里来?

它来自法国,依据 2017 年 10 月 31 日的政令,基于 Serge Hercberg 团队的评分模型,并得到 Santé publique France 的支持。2018 至 2021 年间被七个国家采用,延续了红绿灯标签的脉络。

获取 Nutri-Score 营养标签完整设计系统
© 2026 Curio