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

网页设计规范与审美手册（执行版）

第1章基础色彩与视觉层级

1.1色彩系统定义与色轮应用

色彩系统是网页设计的语言基础，它定义了品牌识别与用户交互的核心逻辑。在标准色轮中，我们遵循色相环（HueWheel）原理，将360度圆周划分为360个色相，每个色相占据30度，相邻色相之间夹角为30度。例如，红色与黄色相邻，蓝色与绿色相邻，这种相邻关系决定了色彩搭配的和谐度。色彩系统必须包含色相（Hue）、明度（Value）和饱和度（Saturation）三个核心属性。明度决定了颜色的深浅，饱和度决定了颜色的鲜艳程度。在设计中，我们通常将明度划分为四个等级：高（Light）、中（Medium）、暗（Dark）和低（VeryDark）。

选择主色时，需考虑色轮上的位置关系。若主色为蓝色，相邻的橙色可作为强调色，而紫色则作为辅助色，以此构建丰富的视觉层次。若主色为红色，则黄色、橙色和绿色可作为辅助色，紫色则作为中性色或背景色。色轮应用不仅限于相邻色，还包括互补色、类比色和中性色的组合。互补色（如红与绿）能产生强烈的视觉冲击，适合用于按钮或；类比色（如蓝与紫）则显得柔和统一，适合大面积背景；中性色（如灰与白）用于平衡画面。在设计执行中，必须严格区分“主色”、“辅助色”和“中性色”的功能。主色用于吸引眼球的关键点，辅助色用于引导视线和补充信息，中性色用于填充背景和