先认识敦煌壁画
敦煌莫高窟的壁画从 4 世纪一直画到 14 世纪。矿物颜料画在泥壁上,历经千年,部分颜料变色、壁面风化,留下斑驳的飞天、藻井和佛传故事。
土红、石青、石绿和赭黄,墙面斑驳褪色;飞天的飘带和藻井的莲花。
适用场景与取舍
- 文化展览与专题页:以矿物色和单张壁画风格主视觉表达主题,信息区保持稳定。
- 文创活动与图像创作:明确画面主体,把飘带、莲花等母题用于插图,而非正文背景。
AI 图像只是风格示意,不应当作真实壁画或文物资料。斑驳质感不能覆盖文字,复杂母题也不能承担导航、按钮或图标的辨识任务。
表皮与骨架怎样分工
敦煌壁画在这套规则里只做表皮:提供配色、质感、母题和生图媒介,不决定网页布局与字体。单独使用时,由极简主义提供骨架;也可以在工作台另选骨架。
默认骨架:单栏,左对齐,正文宽度不超过 60 字符。标题字体 Instrument Sans,正文 Instrument Sans。这是本项目的网页设计转译,不是对原流派历史的分类。
敦煌壁画配色与质感
赭黄墙面做底,土红做主色和 CTA,石青、石绿成对出现在纹样和次级面板上;所有颜色都带一点褪色感。
--bgoklch(0.86 0.04 65)--surfaceoklch(0.8 0.05 60)--inkoklch(0.22 0.04 40)--mutedoklch(0.38 0.05 40)--lineoklch(0.45 0.1 35)--accentoklch(0.46 0.13 35)--on-accentoklch(0.95 0.02 75)--accent2oklch(0.5 0.08 230)--accent3oklch(0.62 0.08 170)
质感:壁画墙面的斑驳色块和颗粒。流派原始强度 0.55;混合时取它与骨架 textureCap 中较小的值。只铺在背景,不盖住文字。
本项目调色板通过对比度校验;落到页面上仍要按实际前景与背景配对检查,不能把正文任意放在辅色上。
主视觉与生图媒介
母题:飞天飘带、藻井莲花、火焰纹背光、千佛排列。
英文媒介描述可以作为生图提示词的一部分,再补具体画面主题;完整构图与负向词请在工作台的“生图用”标签中取得。
Dunhuang Mogao cave mural, mineral pigments on plaster, faded earth red and azurite, Tang dynasty
质感只铺在页面底色;主视觉单独占位,不作为正文底图。母题与骨架冲突时,只留在主视觉插图中。
代码提示词起点
下面是场景示例。需要完整 CSS 变量、布局规则和禁忌时,请在工作台复制“写代码用”提示词,或下载 DESIGN.md。
请为一个文化展览设计一个响应式网页。 骨架使用极简主义:单栏,左对齐,正文宽度不超过 60 字符。 标题用 Instrument Sans,正文用 Instrument Sans。 表皮使用敦煌壁画:赭黄墙面做底,土红做主色和 CTA,石青、石绿成对出现在纹样和次级面板上;所有颜色都带一点褪色感。 质感只放在背景,强度不超过 0.15;使用 1 个强调色。 不要改变骨架布局,不要让质感覆盖正文;保留键盘焦点和足够的文字对比度。
哪些搭配值得试
- 极简主义 × 敦煌壁画
当展览需要讲清大量内容时,用克制结构降低视觉负担;壁画质感由极简主义上限调淡。
- 装饰艺术 × 敦煌壁画
需要海报式仪式感时,以中轴组织标题和入口,颜色与插图仍来自敦煌表皮。
不要这样用
- 装饰
- 图标堆砌
- 阴影
- 荧光色
- 纯白底
- 干净无瑕的平面
布局禁忌来自骨架,色彩与画面禁忌来自表皮;混合不取两套风格的平均值。
