藏韵学术排版 — 专业学术排版 + 藏式元素点缀风格
一个用于生成学术严谨、藏式克制点缀视觉作品的技能。基于对 Impeccable(前端设计工具集)组织方式的借鉴:设计上下文优先、核心原则驱动、场景化导航、分层参考文件。
> 一句话概括本风格:学术是主角,藏式是雅致点缀,绝不喧宾夺主。
1. 设计上下文(开始前必读)
设计技能缺少上下文时会产生泛化输出。开始任何设计工作前,必须先确认设计上下文。
必需上下文:
- 使用场景:学术海报 / 学术文档 / 报告 / 幻灯片 / 封面?(决定尺寸、网格、信息密度)
- 受众:学术会议评审 / 期刊读者 / 企业领导 / 合作方? (决定语言、术语密度、留白比例)
- 内容:标题、作者、核心信息是否已提供?缺什么?
- 主题基调:严肃古典 / 现代学术 / 藏医药文化气质? (决定装饰浓度,默认"克制"档)
收集顺序:
1. 如果当前指令中已有 Design Context 部分,直接使用
2. 询问用户或依据已知项目背景(如藏药研发、临床试验、专利申请)合理推断并明示假设
3. 上下文不足时,先问清场景与内容,再动手 —— 不要用占位内容糊一张"看起来不错"的图
> CRITICAL:装饰元素是"点缀"不是"主题"。默认装饰强度为 L1(最少),仅在用户明确要求增强时升至 L2。
2. 核心美学原则
2.1 学术性优先(90% 的功夫在排版本身)
| 维度 | 要求 |
|---|---|
| 字体 | 衬线字体为绝对主角:标题用 Didot / Playfair Display / Cormorant(拉丁),思源宋体 / Noto Serif SC(中文);正文同族衬线;藏文点缀用 Noto Serif Tibetan |
| 留白 | 充足留白是风格灵魂。海报边距 ≥ 48px;段落间距大于行距;避免元素挤满版面 |
| 网格 | 严格 8pt 网格或三等分网格;对齐是学术感的来源 |
| 层次 | 标题 → 副标题 → 作者 → 正文 → 图注,五级层次清晰;字号比例用 modular scale(1.25) |
| 构图 | 对称或严谨的非对称;信息块对齐到同一边缘;拒绝随意摆放 |
2.2 藏式元素=克制的点缀(10% 的功夫)
默认装饰清单(L1 档,最多三处,缺一不可也一个不多):
- 细金色吉祥结边框:仅沿顶部和底部边缘,1–1.5px 细线,可加小圆点分隔
- 一枚小型八瓣莲花曼陀罗:只放一个角落(如右下角),直径不超过版面短边 10%
- 柔和深红色分隔线:仅用于章节分隔、图注编号、关键词强调
2.3 视觉语言速查(DO / DON'T)
| 维度 | ✅ DO | ❌ DON'T |
|---|---|---|
| 字体 | 衬线家族贯穿全文;标题可加宽字距(letter-spacing: 0.05em) | 无衬线正文;标题用花哨装饰字体;藏文大段堆叠 |
| 色彩 | 暖白/米白背景(非纯白)、墨色正文、深藏红强调、旧金点缀 | 纯黑 #000 正文、霓虹色、大面积金色/红色 |
| 装饰 | 顶部/底部细线吉祥结、单角落莲花、细分隔线 | 四边粗边框、多个角落装饰、大尺寸曼陀罗当背景、吉祥结重复成花纹带 |
| 留白 | 大边距、段落呼吸感、块间间距 > 块内间距 | 卡片套卡片、居中一切、信息铺满 |
| 纹理 | 纯色或极淡纸纹(≤2% 透明度) | 唐卡纹理背景、繁复几何填充、渐变光晕 |
| 效果 | 平面矢量、清晰边缘、可打印 | 3D 效果、投影、毛玻璃、浮雕 |
| 藏文化 | 元素语义准确(吉祥结=永恒/吉祥,莲花=清净/智慧) | 把藏文当装饰乱放、元素语义错配 |
3. 场景化能力导航
识别用户需求属于以下场景时,读取对应参考文件获取详细规范。
| 场景 | 何时使用 | 参考文件 |
|---|---|---|
| 🎨 设计令牌 | 需要字体/色彩/间距/网格的具体数值与 CSS 变量 | design-tokens.md |
| 🪷 藏式装饰元素库 | 需要吉祥结/莲花曼陀罗/祥云 SVG 代码与使用规则 | tibetan-decorations.md |
| 🖼 学术海报 | 会议 poster / 学术壁报 / 研究海报(A0–A3) | academic-layout-guide.md |
| 📄 学术文档 | 论文 / 研究报告 / 专利文档 / 封面扉页排版 | academic-layout-guide.md |
| 🎞 演示幻灯片 | 学术汇报 PPT / 会议演示(16:9) | academic-layout-guide.md |
| ✅ 质量检验 | 交付前自查:装饰是否过度、排版是否达标 | quality-gate.md |
必读顺序:开始工作前至少读取 design-tokens.md;涉及装饰读取 tibetan-decorations.md;按场景读取 academic-layout-guide.md 对应章节;交付前跑一遍 quality-gate.md 清单。
4. 输出规范
4.1 输出形式
- 首选 HTML/CSS(可打印为 PDF/高分辨率图片,浏览器预览所见即所得)
- 可选 SVG(纯矢量元素、海报单图)
- 交付时提供可打印版本(
@media print配置,A 系列纸张)
4.2 分辨率与打印
- 海报目标:A0 宽幅时按 300dpi 等效设计,或提供可缩放的矢量方案
- 颜色模式:屏幕用 RGB;如需印刷说明 CMYK 近似值(标注在注释中)
- 字体嵌入说明:交付时注明所需字体清单(如 Noto Serif SC、Cormorant Garamond)
4.3 默认设计令牌速查(详见 design-tokens.md)
/* 核心令牌(默认主题) */
--paper: #FAF6EF; /* 暖白纸色背景 */
--ink: #2E2922; /* 墨色正文 */
--crimson: #8E2F2A; /* 深藏红:分隔线/强调 */
--gold: #B08D2E; /* 旧金:吉祥结/莲花/编号 */
--line: #E3DAC8; /* 浅米分隔线 */
--serif: "Noto Serif SC", "Source Serif 4", "Cormorant Garamond", serif;
--serif-display:"Cormorant Garamond", "Noto Serif SC", serif;
--tibetan: "Noto Serif Tibetan", "Noto Sans Tibetan", serif;
5. 质量自检(交付前必做)
- 藏式堆砌测试:遮住所有藏式元素,布局是否依然成立、完整?若成立 ✅;若版面塌陷或变空洞,说明装饰承担了结构职责,删到只剩三处点缀
- 留白测试:是否任何 100px×100px 区域内超过 8 个元素?若是,压缩
- 衬线一致性:全文是否只有衬线家族?是否误用无衬线?
- 色彩纪律:画面主色调是否仍是纸色+墨色?红色与金色合计占比是否 < 10%?
- 语义正确:吉祥结只用做边框/分隔,莲花只做角落标识,未当背景或水印
- 可打印性:
@media print下边框、分页、背景是否正常
完整清单见 quality-gate.md。
6. 参考文件索引
| 文件 | 内容 |
|---|---|
| design-tokens.md | 字体系统、色彩系统、间距网格、比例原则、CSS 变量 |
| tibetan-decorations.md | 吉祥结/莲花曼陀罗/祥云/宝伞 SVG 代码库 + 点缀使用规则 |
| academic-layout-guide.md | 学术海报 / 学术文档 / 演示幻灯片三场景布局规范 |
| quality-gate.md | 交付前质量检验清单 |
7. 借鉴声明
本技能的组织方式(设计上下文优先、核心原则、场景化导航、分层参考文件)借鉴自 Impeccable(Apache 2.0 / Anthropic frontend-design skill)的设计方法论;藏式装饰元素的语义与视觉规范基于藏传佛教吉祥图案传统与藏医药文献排版惯例整理。