用户界面设计规范与操作手册.docxVIP

用户界面设计规范与操作手册

第1章基础设计规范与视觉语言

1.1色彩体系与应用规范

色彩是数字界面中最直观的情感传递工具，在遵循WCAG2.1无障碍标准的前提下，建议采用基于RGB的线性色阶作为主色调，并严格限制色值数量不超过6种，以确保视觉系统的可预测性和一致性。定义主色（PrimaryColor）为3B82F6，用于核心按钮和，其明度设为50%，饱和度设为70%，通过HSL空间中的Hue值220精确控制，确保在深色模式与浅色模式下均保持高对比度。

定义辅助色（SecondaryColor）为10B981，用于成功状态反馈和强调元素，其明度设为60%，明度差值需大于150以通过对比度检测，避免与主色产生视觉混淆。定义中性色（NeutralColor）为6B7280，用于次要文本和辅助说明，其明度设为40%，明度差值大于200，确保在纯白背景上阅读清晰，同时避免使用过于接近主色的颜色导致视觉疲劳。定义背景色（BackgroundColor）为F3F4F6，用于卡片容器和页面背景，其明度设为80%，明度差值大于100，作为承载内容的“画布”，需与内容色形成明显的层级区分。

定义深色模式适配色（DarkModeColor）为1F2937，用于深色模式下的主背景和次要文本，其明度设为20%，明度差