我花了一年,把五千年中国色做成了开源设计系统。搞机的朋友应该都懂这种感觉——刷 ROM、换主题、调字体,折腾半天,最后的界面无非是蓝白灰、毛玻璃、暗黑模式。不是不好看,是好看得都差不多。
我想做点不一样的。过去一年多,我陆续整理了一套东西,叫 道然(Daoran)。最近刚把 V3.2 完整版开源。简单说:一套以中华文明为根的视觉色彩体系,开源、免费、随便用。
先放链接,白皮书 V3.2 :【金山文档 | WPS云文档】 道然美学设计体系_·_白皮书_V3.1
https://www.kdocs.cn/l/caiZg9RYubbT
后面我细讲它到底是什么、能干什么。不是什么国风贴皮,是从五行长出来的色彩体系。很多所谓的国风设计,就是贴个祥云纹、换个红色,就完事了。道然不是这么干的。
我从五行(木火土金水)出发,五正色加五变种,做了一套完整的色彩骨架:
举个例子:月白,色值 #F0F4F8。它不是白,是月光照在宣纸上的颜色。不刺眼,不争抢,安静得像一首诗。它的深色映射是 #D8DCE0,最大占比不限,透明度 0.05 到 0.90,只能当背景,不能做文字。每一个颜色,都有这样的身份证。
加上中华民族核心色(藏红、长生蓝、苗银白、孔雀绿、铜鼓金)、时代精神色(星火红、建设橙、改革青、深空蓝、劳动黄)、全球文明色(精密灰、神圣蓝、冰蓝、胭脂紫红等),目前总共 34 色,全部统一标准化。
国内国外两套规则,不搞文化翻车。这套体系最让我花心思的地方,是“双轨机制”。
- 本土正色(山河绿、星火红、深空蓝等)承担系统功能色——按钮、进度条、状态栏、通知提示
- 全球文明色系(神圣蓝、冰蓝、胭脂紫红等)严格锁定装饰属性——只能做壁纸、锁屏、点缀,不能参与系统交互
- Lv2 全球文明色系经属地审核后可以升格为功能色
- 强制执行属地色彩预审机制:落地前核查当地色彩民俗、禁忌、语义偏差
简单说就是:色彩无国界,符号有边界;审美可兼容,秩序不妥协。这套机制对出海产品和海外 ROM 定制特别有用——不会因为一个颜色用错踩了文化红线。不只是配色方案,是一套能落地的系统,道然不是好看但用不上的那种设计。
以楷体为骨,六度字号梯级(仁义礼智信和),完整中西文搭配方案。
飞檐线(汉唐飞檐起翘,上挑 0.5° 到 2°)、印痕线(朱砂印章肌理,左粗右细渐隐)、云纹线、精密直线、大地曲线、冰川折线、藤蔓曲线、丝路飘带……每种线条都有文化渊源和工程规格。
八芒星、太阳轮、莲花纹、同心圆环、螺旋纹、六角网格、雪花晶格、橄榄枝——全部开源,拿来就用。
不是简单反转颜色,是一整套色彩映射体系:不反白、不纯黑背景、金色只作高光、保留五行色识别度。
把诗词意境翻译成缓动函数——润物无声(cubic-bezier 0.42,0.0,0.58,1.0)、飞檐起翘、涟漪扩散、丝路绵延、日轮旋转、鼓点节奏。
还有操作系统级落地规范、控件色彩分配白名单、壁纸-UI智能联动、全套 Design Tokens(CSS 变量)。这不是 PPT,是真能跑起来的工程标准。
- 做手机主题、图标包的:34 色标准化色值,直接导入设计软件
- 搞 ROM 定制、类原生系统的:系统级色彩落地规范,改框架层配色有据可依
- 做 App UI 设计的:控件色彩白名单、无障碍规范,直接对接开发
- 写开源项目的:MIT 协议 + CC BY 4.0,随便用,欢迎提 PR
有人说,你花了这么多时间整理,开源了图什么?我觉得文化瑰宝本来就不属于任何个人。中华文明五千年的颜色智慧——月白、天青、景泰蓝、藏红、铜鼓金——它们应该是所有人的,不是谁私有的。我只是把它们整理出来了,那就让它们回到所有人手里。
最后说两句,这不是一个完成品,是一个开源项目的起点。白皮书 V3.2 已经发布,34 色全部统一标准化。如果你也受够了千篇一律的 UI 配色,如果你觉得东方美学不应该只是“贴个祥云纹”,如果你愿意参与一个真正从底层重构视觉体系的开源项目。
文化瑰宝,属于所有人。道可道,非常道。然则然,万物然。
道然(Daoran)视觉色彩体系 · 白皮书 V3.2 · 开源发布