设计系统
设计关键词
整体气质
- 专业克制
- 高端精致
- 年轻活泼
- 科技感
- 编辑感
- 工具感
- 视觉冲击
- 极简
- 其他:
颜色
| 用途 | 色值 | 说明 |
|---|---|---|
| 主色 | ||
| 辅助色 | ||
| 背景色 | ||
| 文字主色 | ||
| 文字次色 | ||
| 边框色 | ||
| 成功色 | ||
| 警告色 | ||
| 错误色 |
字体
- 中文字体:
- 英文字体:
- 数字字体:
- 标题风格:
- 正文字号:
- 行高:
布局
- 最大内容宽度:
- 栅格:
- 页面边距:
- 区块间距:
- 卡片间距:
组件风格
按钮
- 主按钮:
- 次按钮:
- 图标按钮:
- 禁用状态:
- 加载状态:
卡片
- 圆角:
- 边框:
- 阴影:
- 内边距:
表单
- 输入框:
- 下拉框:
- 错误提示:
- 帮助文本:
导航
- 顶部导航:
- 侧边栏:
- 移动端菜单:
动效
- 页面进入:
- 悬停:
- 点击反馈:
- 滚动动效:
- 加载动效:
图片与图标
- 图片风格:
- 图标风格:
- 是否使用插画:
- 是否使用真实产品截图: