Paper Ink Style 是一套纸笔工程白板视觉风格指南,定位为平台中立的建议性技能,可应用于 HTML、幻灯片、原生移动端或桌面端 UI 等多种载体。它强调“同一只手”在各类平台上保持一致的视觉语言:铅笔线条卡片、马克笔高亮、便利贴与胶带、以及承载论证的手绘图表。
用途与定位 该技能用于为内容赋予纸笔白板风格,使页面或界面呈现出工程白板、手写笔记的质感,而非通用报告。它不绑定特定平台,而是提供一套平台中立的词汇(值与角色),供在不同载体上复现。
主要能力与视觉规则
- 铅笔线条墨水使用三种透明度(白色背景上 #2a2a2a,纸张上 #202723);阴影为小硬偏移或柔和的纸张抬升效果。
- 每屏仅一个焦点马克笔强调色;高亮落在承载结论的短语上。
- 手写字体是阅读声音:标题、标注和正文均使用手写体。中性系统无衬线字体仅出现在逼真的设备框架内和密集扫描表面上;等宽字体用于精确对象(版本、文件、日志)。
- 标题为结论或问题;以 TL;DR 印章卡片开场;图表承载论证,散文承载结论、条件和关键事实;每个教学节拍以要点车道收尾。
- 页面上保留手工痕迹——涂鸦下划线、胶带、便利贴、粗糙卡片、带状高亮、铅笔标注;至少使用两种,其中一种出现在早期,以避免页面读起来像通用报告。
- Emoji 附着于节点、角色、文件、工具、事件。
使用方式 先审视内容。references/03-composition.md 列出了每个元素(画布、卡片、便签、胶带、高亮、标注、密度、舞台)及其选项和适合的内容信号;按元素设置旋钮,已知良好的组合作为示例而非预设。从词汇表组合:参数和角色见 references/02-components.md,语法见 references/01-grammar.md,实践见 references/04-practice.md。在 Web 上,assets/base.css 加上 assets/snippets/ 是完整实例及其样本(references/05-web-instance.md);在其他载体上,以该平台的惯用方式复现参数。在 Web 上,默认交付物是一个 HTML 文件。查看 assets/examples/——一个默认旋钮的样本,一个所有旋钮都打开的样本——了解该风格的跨度;然后组合自己的页面。交付前,运行 references/03-composition.md 末尾的自检。
文件结构 references/ 包含 01 语法、02 词汇(平台中立)、03 组合与自检、04 实践、05 Web 实例。assets/base.css 是词汇的 Web 实例(v1.3.0)。assets/fonts/ 包含 LXGW WenKai Lite 子集(SIL OFL),用于手写声音。assets/snippets/、assets/examples/ 为 Web 样本,可在浏览器中打开。
适用场景与限制 适用于需要纸笔白板风格视觉呈现的 HTML 页面、幻灯片、移动端或桌面端 UI 设计。该技能为建议性、自包含,不强制特定平台。具体收费、价格、平台支持范围等事实暂未提供。