面积对比模拟器

通过色彩面积比例判断主色、辅助色和强调色是否失衡
Area Contrast 60 / 30 / 10 经典面积比例,强调色控制在 10% 左右
面积分布
色彩面积越大,视觉权重越高;强调色过大会失去强调效果
比例诊断
根据面积比例判断当前方案的风险点

面积对比模拟使用说明

面积对比模拟工具,模拟主色、辅助色、强调色和中性色在不同面积比例下的视觉效果,验证60:30:10或自定义比例的实际视觉呈现。 比例调整是实时渲染的,拖动滑块就能立刻看到 60:30:10 或任意自定义比例下画面的实际观感。

适合在正式排版前先验证一版配色的面积分配是否合理,避免上线后才发现某个颜色用多了显得刺眼、用少了又存在感太弱。

常见问题

  • 面积对比模拟显示什么? 它把你的颜色按不同面积比例排布,让你看到当一种颜色主导、其它作点缀时,色板真实的呈现效果。
  • 什么是 60-30-10 法则? 按面积把色板分成 60% 主色、30% 辅助色、10% 点缀色,做出平衡专业的设计。
  • 为什么要测配色比例? 同样的颜色,用量不同感觉完全不同;测比例能在动手前发现点缀太抢或主色太重的问题。