SuperAPI AI 工具集

naive-design

设计与创作

查看项目

更新于 10-15 19:52

技能介绍

用途:naive-design 是一套面向“稚拙设计(naive design)”的美学技能,主张温暖、刻意的不完美,把儿童涂鸦、蜡笔/马克笔/丝网印刷质感、圆润吉祥物、小写友好字体与充足留白组合成一种天真、俏皮、情绪安全的视觉语言。核心规则是“像孩子画的,但经过专业美术指导”——网格、留白、有限配色依然存在,不完美只施加于选定的装饰时刻,而非底层结构。

主要能力:提供完整的美学词汇,包括形态(不完美涂鸦、圆润形状、带小黑点脸的吉祥物、歪斜线条)、质感(蜡笔、纸张颗粒、丝网印刷颗粒、不均匀墨边、扫描手作感)、有限配色(暖纸底加少量明亮笔触)、字体搭配(粗体小写无衬线加手绘马克笔层)、布局(干净编辑网格、大量留白、手绘分隔线与下划线、贴纸阴影)。同时给出在浏览器中实现该风格的代码配方:用 SVG fractalNoise 做纸张颗粒(透明度 .04–.08)、用 feDisplacementMap 做手绘抖动边缘、用 rough.js 绘制素描感图形、用贴纸阴影与轻微旋转、印刷错位、固定抖动集合、绘制式动画等。还提供图像生成提示词模板与 DESIGN.md 令牌文件。

使用方式:在品牌表面使用,如品牌、标志、包装、海报、贴纸、营销落地页、引导页、空状态、404 页与插画;产品内部保持克制、干净、快速。可配合 design-engineering 技能的相关节点使用。令牌文件可用 npx -y @google/design.md lint DESIGN.md 校验。

限制:不要用于数据密集界面(仪表盘、表格、设置、分析)、表单、金融、医疗、法律、安全等需要快速解析与信任的表面,也不要在密集重复的 UI 模式中使用。需避免随机混乱、假手作(无质感矢量涂鸦)、Comic Sans 等偷懒符号、彩虹饱和色、过强颗粒、以及用 Lorem ipsum 掩盖不真实内容。动画须尊重 prefers-reduced-motion。