网页设计规范与优化手册（执行版）.docxVIP

网页设计规范与优化手册（执行版）

第1章基础色彩与视觉系统

1.1品牌主色与辅助色定义

品牌主色（PrimaryColor）是网页视觉系统的核心灵魂，通常由品牌Logo中的主色调或核心口号颜色定义，需确保其在所有背景、按钮及关键交互元素上的高辨识度与统一性，例如使用深蓝（003366）作为主色，能迅速传递稳重与专业感。辅助色（SecondaryColor）用于强调次要功能或次要信息，如“次要行动”按钮或强调文字，其色度通常与主色接近但亮度或饱和度有细微差异，例如将主色改为浅蓝（0066CC），以区分主次同时保持视觉和谐。

中性色（NeutralColor）作为辅助色之间的过渡，如白色、黑色、灰色或米色，用于平衡画面、增加层次或作为纯白背景的底色，例如在纯白背景中使用深灰（333333）替代纯黑，可提升文字可读性并减少视觉疲劳。强调色（AccentColor）用于突出关键数据、特殊状态或引导用户注意，如红色、橙色或亮黄色，常见于“完成”状态提示或价格标签，例如用橙色（FF9900）高亮显示“已支付”状态，能有效提升关键信息的记忆度。色相（Hue）是颜色的基本属性，用于区分不同种类的颜色，如蓝色系、绿色系或紫色系，在网页设计中需严格限制色相数量，避免超过5种主色，否则会导致视觉混乱。

明度（Lightness）和饱和度（Saturation）共同决定