设置明暗以增加对比

来源：济南天琥设计培训学校时间：2018/12/4 6:19:53

在音乐中，有一个概念，叫做力度(Dynamics,指随音乐强弱变化而变化的舞蹈动作或情态)。通过播放低声播放轻柔的部分，这样使得高音部分听起来更高亢，这样来增加情感，反之依然。在设计中的道理是一样的。当所有的东西都是重点的时候，就没有重点了。

这些字符是表示不同音乐力度的符号，从轻柔到高亢：弱，中弱，中强，强。在设计中，你可以通过颜色的明暗来调整视觉比重。图片下方的渐变被称之为价值量表。

明暗配合，一个用以描述颜色明暗的术语。把明调和暗调放到一起的时候，就形成了对比。比如说，一个表单中的指示文本可能没有表单的标签那么重要，因此，你就应该使用更小的字号或者灰色来显示相关的文本，而不是抢眼的黑色。如果表单用黑色加粗显示Email标签栏，你可能需要在底部添加一些补充说明，以让用户相信不会使用被提供的地址来干一些非法的事情。这一段提示性文字相对没有那么重要，因此要设置得比其他的稍“轻”一些。

当你在Treehouse编辑你的个人资料时，你可以为自己添加一个个性域名。深色的文本显示了你独特的名称，浅色的文字是URL的其他部分。

视觉上的重量感不是你要注意的唯一一件事。你还得确保明暗的正确搭配，这样的话屏幕上的元素就可以很容易地被区分开来。这是一种很常见的设计思路，因为较之色彩来说，人类的眼睛实际上对色彩的明暗更为敏感。

几点建议：

与编写代码要先进行测试一样，你也应该先对你的设计进行测试。在放出你的新设计版本以前，试着先用灰度模式来浏览你的网页。这样你就可以立马看出颜色最深和最浅的区域是哪儿了。如果每一样东西看起来都是一样的的话，那就该添加更多的明暗来增加对比了。单纯的色彩是不足以把不同的设计元素区分开来的;明暗配合更重要。

把你的网页截屏下来，然后使用像Photoshop这样的图片编辑工具调整曲线，色阶(level)，看一下不同的效果。有时候，你会发现使用CSS进行一些细微的调整便能够让设计看起来更赏心悦目。几乎在每一种设计形式中，初学者都会禁不住诱惑而去调高明暗对比。将明暗调低是成熟的标志，同时也有助于突出设计中的重要部分。