在ui设计过程中,难得莫过于配色了,很多人呢到了ui配色这个步骤往往需要很长时间,其实ui配色是有很多小窍门的,今天就跟大家分享一下ui设计配色的技巧!让你在配色的过程中更加高效轻松!
ui配色,首先你要了解熟悉这些颜色。生活中,我们可以看见的颜色可以分为无彩色和有彩色两种,无彩色就是我们所说的黑色白色以及灰色。而有彩色就是我们说的除了黑白灰之外的各种红橙黄绿青蓝紫等颜色不一样的色彩,同时包括几种颜色混合的颜色。颜色由色相、明度和饱和度(彩度)组成。色相是指色彩的相貌,色相被用来区分颜色,根据光的不同波长,色彩具有红色、黄色或绿色等性质,这被称之为色相。明度是色彩从亮到暗的明暗程度,黑色的绝对明度被定义为0
;而白色的绝对明度被定义为100
,其他系列灰色则介于两者之间。纯度通常是指色彩的鲜艳度,色彩的纯度强弱,是指色相感觉明确或含糊、鲜艳或混浊的程度。了解完这些基础的色彩知识,我们再来看看配色技巧!
1、从生活中获取配色。
我们生活的世界五颜六色,多姿多彩,如果你面对一件页面实在不知道要设计怎样的颜色,你可以参考一下生活中的颜色,毕竟艺术都是源自于生活。生活中的颜色都是很协调的颜色,在你配色没有灵感的时候,你可以参考下生活中的配色。
2、参考60-30-10原则。
60-30-10原则源自于室内设计领域,室内设计师借助这一原则,创造出协调的室内设计配色。简单来说,如果你不知道如何配色,你可以遵循60-30-10原则。其中占据60%
的是主色,而30%则是次住色,而占据10%的色彩应当为提亮色。这个原则的配色在比例上一直深受人们的喜爱,所以,你在设计的时候可以参照60-30-10原则。
3、从心理学方面进行配色。
心理学呢就是根据人们心里的感受来进行配色设计。很多颜色会带给人们不一样的感受,像红色,一般给人以热烈,温暖,而蓝色就给人一种凉爽的感觉,绿色则给人一种生气勃勃的感觉。ui配色接可以根据这些色彩给人的感受来进行色彩的搭配。
4、重要程度进行颜色差对比。
一个界面有重要和非重要两部分,重要得部分就是你抓住顾客眼球的部分,如果一个界面的颜色全部是一个颜色,那就会显得有点主次不分,而高对比度的色彩可能并总能奏效。文本内容和背景的对比需要控制在一个合理的度上面,否则就会因为对比过大产生「晕影」的视觉效果,这会影响长时间阅读的阅读体验。