将色彩应用于设计并平衡颜色间的关系也很重要。一般来说,你使用的颜色越多,就越难达到它们间的平衡。这就是为什么会建议在一个配色方案中使用有限数量的颜色。对于一些移动应用产品,你可以用一种主色来创造一些令人惊艳的产品。诀窍是使用主色的明暗变化。你可以通过降低亮度和增加饱和度来创造更暗的颜色变化,而更明亮的颜色可以通过增加亮度和降低饱和度来产生。看一看iOS版的Facebook App应用。这款应用的主要颜色是蓝色,在界面上使用蓝色作为主色。Facebook使用了蓝色的深浅变化颜色组合。
希望一个简单的颜色比例规则,即60%:30%:10%可以帮你创建一个适当的平衡。这项配色技术来自于室内设计行业。这条规则很容易把颜色平衡带入到构图画面中。配色应该遵循60%-30%-10%的比例,按照这条规则,你将拥有60%的主色,30%的辅助颜色,10%的强调颜色。
● 不要只依靠颜色来传达功能。运用文字说明与UI元素一起发生的事件,这将使界面也适合那些色盲用户使用。
Coolors.co是一个便捷的配色工具。你所需要做的就是锁定选定的颜色并按空格来生成调色板。或者,你可以上传一个图片,并从中制作一个调色板。该工具允许将颜色组合导出到不同的格式,比如SVG。
Adobe Color CC允许你使用一个色轮来创建一个配色方案。创建的方案可以导出到Adobe Photoshop中。它还提供了来自Adobe创意社区的数千种优秀的配色组合。
对于Android开发者来说,这是一个很好的工具。它允许用户在Android应用上,灵活地组成主色及辅助颜色。
颜色是UI设计的基石。在为UI界面配色时,请记住,没有错误的颜色。最重要的是你如何合理使用它们。多花点时间来创建一个对你的产品最有效力的配色方案,并在UI界面中合理地应用它。