配色有没有技巧?
UI设计含盖很多步骤过程,每一步都要考虑到所有细节,呈现的界面才能满足用户需求。
分享到QQ

UI设计含盖很多步骤过程,每一步都要考虑到所有的细节,呈现的界面才能满足目标用户的需求。

其中一个比较耗时间的就是——配色,为了选择正确的用色,设计师在这一过程上可能会花费数几个小时甚至更久。接下来我们就给大家分享6个有用的配色技巧,帮助设计师们更高效的完成配色设计。

1. 学会60-30-10法则

这个法则来自于室内设计领域。原理很简单,为了达到作品中的平衡,颜色比例通常在60%-30%-10%。主色占比最大,30%的部分为辅色,其余10%为点缀色。

这样的比例经实验证明是符合人们阅读习惯的,人的眼睛通常看到的视觉元素是递进的。了解了正确的比例,设计师们能更好的搭配色彩,而不会让UI界面陷入颜色杂多的混乱中。

逐鹿

2. 学会运用对比色

颜色对比是视觉组成的重要部分,给每个UI元素带来不同的个性,而只包含同色系的用户界面很难引起用户的注意力。

对比度的选择取决于设计目标。比如说,如果需要用户看到那些特别的UI元素,那采用高对比度的颜色比如红蓝色,则是一个很好的选择。高对比度通常用在CTA (Call to Action)按钮设计中。

然而,作为UI整体的部分,高对比颜色则可能不太适合。如果内容和背景色对比太大,则会造成很难阅读。因此建议是,整体采用中对比度,在需要特殊强调的元素上再使用对比度高的颜色。同时在不同的设备终端测试颜色效果,可以提高配色方案的有效性。

逐鹿

3.学会运用色彩心理学

色彩心理学研究表明,大脑对每种颜色都会产生反应,但是我们自己却经常忽略这一点。眼睛看到颜色,大脑就会发出信号,内分泌系统产生激素,从而影响我们的情绪和反应。

每种颜色对我们的大脑影响各不相同,设计师们了解这些知识,就能选择正确的色彩来传递信息,引导用户产生预期反应。下面是一些简要的色彩含义:

红色: 同时包含正面和消极的意义,比如爱、自信、激情、生气等等。
橙色: 热情、温暖、兴奋。
黄色: 开心、阳光、愉悦。
绿色: 安静、生命力。
蓝色: 经常作为企业色使用,也有距离和悲伤的意思。
紫色: 象征忠诚和奢华,代表着神秘和魔幻色彩。
黑色: 通常和悲剧和死亡联系在一起,既可以很传统、也可以代表现代的。
白色: 纯真、无邪、完整、清澈。

逐鹿

此外设计师还应记住每个人对色彩的理解都有差异,其中,年龄和性别对色彩的偏爱影响最大, 因此应当调查清楚目标用户的喜好。


分享小麓云 分享未来
北京 上海 400-037-0567

倾匠心设计 建精致网站

专注从事网站建设、APP小程序建设、 官网公众号搭建、天猫京东店铺入驻装修
企业微信客服