使用色板时先看四个配色关系



参考热门色板时,可以拆解颜色关系,而不🔮是复制全部色值。需要重点观察以下三点:



从色板中挑选方案的实际步骤



网页中的颜色落地需要同时检查视觉层级、文字可读性和状态反馈。色板只展示静态组合,真实界面还会加入文字、图标、图片、输入框和交互状态。



按钮通常至少需要默认、悬停、按下、禁用和错误状态。不同状态不能只改变颜色深浅,还应结合边框、图标、文字或形状变化,让色觉辨识能📢力不同的用户也能理解状态。



图片、插画和视频中的颜色会影响页面整体平衡。页面主色较克制时,图片可以承担更多视觉变化;页面本身已经使用👍鲜艳色,图片应尽量避免继续增加高纯度色块。



举报/反馈