移动端UI设计规范指南.docxVIP

移动端UI设计规范指南

第1章基础视觉规范

1.1色彩体系定义与使用范围

色彩体系是构建移动端界面视觉基调的核心，遵循“主色+辅色+辅助色”的层级结构，其中主色（PrimaryColor）决定了应用的信任度与品牌识别度，必须严格遵循品牌色板（BrandPalette）中的RGB值定义，例如iOS系统采用000000作为深色背景，而Android系统则适配000000或121212以确保深色模式下的视觉一致性。辅色（SecondaryColor）用于强调关键操作或次要信息，通常限制在3个以内，如蓝、紫、橙等，需通过色相轮（ColorWheel）选择高对比度组合，避免使用过于接近的主色导致用户产生视觉疲劳，例如在“提交订单”按钮中采用FF5733这种暖色调以激发行动欲望。

辅助色（AccentColor）用于区分内容区块或提示反馈，常见的有绿色（成功）、红色（错误）、黄色（警告）和灰色（中性），其饱和度应低于主色，明度需适中，确保在复杂背景中依然清晰可辨，例如在列表项选中状态时应用4CAF50绿色而非纯黑。色彩在移动端必须严格区分“背景色”与“内容色”，背景色通常用于承载静态页面，而内容色则用于承载动态交互元素，若背景色过浅（如FFFFFF），内容色需加深至333333以确保文字的对比度比不低于4.5:1