2025年游戏行业设计部设计师UI界面设计规范手册.docxVIP

2025年游戏行业设计部设计师UI界面设计规范手册

第1章

基础规范与视觉语言

1.1品牌识别与色彩体系

品牌色锚点定义：设计部严格遵循公司VI手册，将主品牌色定义为0047AB（科技蓝），作为所有UI界面的第一视觉锚点，确保在从移动端到PC端的全屏场景中，用户能瞬间识别出当前应用属于该品牌。色彩权重分级：建立严格的色彩权重矩阵，其中主色用于核心按钮和标题（权重100%），辅助色用于强调图标和次要文字（权重20%），中性色用于背景和中灰文字（权重50%），严禁在非核心区域随意使用高饱和度色彩干扰视觉流。

色值精确控制：针对高对比度场景，如深色模式下的标题，必须使用色值FFFFFF而非近似值F0F0F0，确保在OLED屏幕或深色模式（DarkMode）下，文字边缘无模糊或漏光现象，满足WCAG2.1AA级无障碍标准。渐变与叠加逻辑：在复杂背景中，所有渐变色必须遵循由深到浅的物理规律，且叠加区域需预留至少5%的透明通道，防止因颜色过深导致按钮背景不可见，影响反馈的视觉连续性。背景纹理适配：当主色为纯黑或纯白时，背景必须使用低饱和度的噪点纹理（如2%灰度噪点）或微弱的网格线，避免纯黑背景导致UI元素“浮空”感过强，纯白背景则需避免纯白背景下的元素产生“刺眼”的反射感。

动态色值同步：若涉及动态加载或加载动画，颜色值需与静态版