阅读量:0
360云盘移动APP设计视觉规范通用版，旨在提供一套清晰、一致的设计标准。
移动APP设计视觉规范通用版—360云盘设计规范
色彩规范
| 颜色名称 | 色值 (RGB) | 使用场景 |
| 主色调 | #00A2ED | 界面主色调，用于按钮、链接等重要元素 |
| 辅助色1 | #1E90FF | 用于强调文字、背景等 |
| 辅助色2 | #87CEEB | 用于次要元素，如提示信息等 |
| 文本色 | #333333 | 主要文字内容 |
| 背景色 | #FFFFFF | 默认背景颜色 |
字体规范
| 字体名称 | 字号 | 行高 | 使用场景 |
| 思源黑体 | 14px | 20px | 正文、提示信息 |
| 思源黑体 | 16px | 24px | 标题、副标题 |
| 思源黑体 | 18px | 28px | 大标题、弹窗标题 |
图标规范
| 图标类型 | 尺寸 | 使用场景 |
| 功能图标 | 24x24px | 菜单栏、工具栏 |
| 操作图标 | 48x48px | 按钮、弹窗 |
| 装饰图标 | 16x16px | 列表、详情页 |
布局规范
导航栏
高度：50px
背景色：#00A2ED（主色调）
文字颜色：#FFFFFF（白色）
列表项
高度：56px
分割线颜色：#E0E0E0
选中状态背景色：#F0F0F0
交互规范
按钮
正常状态：边框为1px，颜色为主色调，背景色为透明，文字颜色为白色
按压状态：背景色加深至#008BDA，其他属性不变
弹窗
背景色：半透明黑色，透明度为50%
弹窗内容区域背景色：白色，圆角半径为8px
关闭按钮：右上角，大小为24x24px，颜色为主色调
相关问题与解答：
Q1: 为什么选择思源黑体作为主要字体？
A1: 思源黑体是一款免费开源的字体，具有良好的可读性和美观性，适用于多种语言环境，它的字形简洁大方，适合在移动设备上展示。
Q2: 如何确保设计的一致性和规范性？
A2: 为了确保设计的一致性和规范性，建议遵循以下几点：
1、使用统一的设计工具和资源库，如Sketch、Figma等。
2、制定详细的设计规范文档，包括颜色、字体、图标、布局等方面的规范。
3、定期进行设计评审，确保团队成员对规范的理解和应用一致。
小伙伴们，上文介绍了“移动APP设计视觉规范通用版—360云盘设计规范”的内容，你了解清楚吗？希望对你有所帮助，任何问题可以给我留言，让我们下期再见吧。
