COOL AI - 设计系统 V1.3

1. 设计哲学

本系统旨在构建一个专业、清晰、高效且富有情感的数字产品界面，所有规范都服务于以下核心原则：

• 清晰至上: 界面布局、信息层级和交互反馈必须直观易懂。
• 品牌一致: 无论是色彩、材质还是组件，都应体现统一的品牌形象。
• 高效体验: 帮助用户快速达成目标。
• 情感连接: 通过材质、光影和趣味性元素，创造更具亲和力和沉浸感的AI交互体验。
• 可被AI执行: 所有规范都力求结构化，并提供AI指令集。
• 灵活适应: 确保在所有设备和主题下都有一致且无障碍的体验。

2. 色彩规范

3. 材质与光影

4. 字体规范

5. 布局与间距

全站采用8px基础间距单位。组件内外边距、元素间隙均应为其倍数，如16px, 24px, 32px等，以保证视觉节奏统一。

6. 组件规范 & 11. 完整状态

按钮 (Buttons)

7. 图标规范

我们采用双轨制图标系统，分别应对功能性场景和情感化场景。

8. 动效规范

将鼠标悬浮在下方的轨道上，可以直观对比不同缓动曲线的效果。

9. 图像与插画

10. 数据可视化 (ECharts)

推荐使用 ECharts 实现数据可视化。以下是一个应用了我们设计规范的示例。

12. AI 生成指令集

这是驱动AI生成统一视觉资产的关键。将这些结构化指令作为基础，输入到各类AI工具中。

指令集 #12.1: 表现力3D图标/插画

{
  "asset_type": "Expressive 3D Icon or Illustration",
  "style_name": "COOL AI - Soft 3D",
  "positive_keywords": [
    "soft 3d illustration", "claymorphism", "smooth rounded shapes", 
    "subtle glass material highlights", "soft studio lighting", 
    "minimalist composition", "isolated on a clean background"
  ],
  "negative_keywords": [
    "photorealistic", "hard shadows", "sharp edges", 
    "cluttered", "dark", "flat 2D icon", "text", "watermark"
  ],
  "color_palette_reference": {
    "base": "Subtle pastels combined with brand accents",
    "primary_accent": "#3A8BFF",
    "secondary_accent": "#00F2A9"
  },
  "composition_notes": "Centered object, ample negative space, main light from top-left."
}