黑马程序员技术交流社区

标题: 配色技巧 [打印本页]

作者: qpmz1397 时间: 2019-7-12 09:08
标题: 配色技巧
技巧1:掌握60-30-10原则60-30-10原则最早是源自于室内设计领域，室内设计师借助这一原则，创造出协调的室内设计配色。这一原则很容易理解，为了达到平衡的配色，几种色彩遵循这60%—30%—10%这样的色彩配比。其中占据60%的是主色，而30%则是次住色，而占据10%的色彩应当为提亮色。这一的配色比例被认为是颇为令人愉悦的，在视觉感知上，它提供了一个颇为让人舒适的色彩层次，这样的控制让整个UI的色彩以一种可控的比例呈现出来，而不是将整个设计弄得一团糟。
技巧2:对比是你最好的朋友色彩的对比几乎是任何视觉构图的关键部分。对比度创造了UI元素的差异，也赋予它们以性格。值得注意的是，UI当中来自同一色系的色彩往往不会呈现出明显的对比度，而可识别度较低的文本更是界面信息传达和交互的障碍。设计师需要根据设计目标，来合理地控制整个产品的对比度高低。举个例子，如果你需要让用户注意到特定的元素，那么最好使用高对比度的色彩来达到引人瞩目的视觉体验，比如使用高对比度的红色和蓝色。CTA按钮常常就是使用这样的色彩。但是，将UI视作为整体的话，高对比度的色彩可能并总能奏效。文本内容和背景的对比需要控制在一个合理的度上面，否则就会因为对比过大产生「晕影」的视觉效果，这会影响长时间阅读的阅读体验。这就是为什么会建议设计师采用温和的对比度控制，并且只在特定的元素上使用高对比度。通过在不同的设备上测试，可以让设计师保持配色的可用性和泛用性。

作者: 翻滚君 时间: 2019-7-13 13:57
不忘初心，坚持

作者: 夜听雨 时间: 2019-8-12 09:22
不忘初心，坚持

欢迎光临黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2