UI设计中,颜色也不能乱用。
爱读微课 发布于47月前 2175次浏览

当我们选择了一系列的颜色后,在UI设计时,有几个地方是需要注意的

注意颜色的含义

虽然每个国家对于颜色所代表的含义有着不同的理解,但在UI设计中,有些颜色所代表的含义却是约定俗成的,比如红色代表警告,绿色代表通过,蓝色代表安全,以及很多情况下用于文字链接,而灰色往往表示不可点击等。在涉及到这些颜色的使用时,应尽量避免用这些颜色去表示完全相反的操作,即便该颜色是你产品的主题色。


注意颜色的协调

一款产品中,一定会有一个主题色,这个颜色往往代表整个产品,绝大部分情况下,企业的VI色会成为这个产品的主题色,那么与该颜色所搭配的次要颜色以及第三颜色等应协调一致,一般情况下,当采用单色系、近似色系以及对比色系中的某一种色系后,其他色系应避免使用,否则颜色会非常多,彼此发生冲突,让用户产生困扰,如图3-35所示,以图标为例,当我们把非常多颜色的图标放在一个页面上,往往我们一眼看过去就不知道重点且可能颜色之间存在冲突。


考虑颜色与交互行为的对应

一般来说,可交互的内容是需要用颜色来表示的,并且一款产品中,代表相同交互行为的颜色应保持一致,比如不同页面的两个按钮都表示提交,那么按钮的颜色应是相同的,应避免在A界面中使用一种颜色,在B界面中使用另一种颜色,这同样会让用户产生困扰。对于高频交互的内容,可以考虑使用主题色来突出。


避免相同的颜色作用于可交互内容和非可交互内容

对于可交互的内容,我们一般会用某个颜色来进行视觉提示,如果对于非可交互内容同样使用该颜色的话,用户往往会困扰,不知道哪里是可交互的。另外,对于可交互的内容应避免使用灰色,这看起来像是不可点击的,除非这是按钮的中间状态——必须满足某类条件才可点击,比如必须填写完成信息后才可点击。


慎重使用纯黑色和纯灰色

不可否认,随着大标题设计风格的出现,很多标题已经开始使用纯黑色(#000000)了,但是对于正文来说,还是应尽量避免使用该颜色,因为纯黑色会吸收一切的光线,让界面看上去缺少细节,对于文本内容,经常用#333333来表示最重要的内容,如标题;用#666666来表示次级重要的内容或正文;用#999999来表示不怎么重要的内容,如XXX人已读等。

而对于投影等设计,应慎重使用纯灰色。一般来说,投影是带有颜色倾向的,并非是纯粹的灰色,而是会略微倾向于主题色,这在深色主题的APP中尤为突出。


提升对颜色的把控能力

颜色是非常难以把控的,但对颜色的驾驭能力是可以通过训练得以提升的。而一切技能水平的提升,均来自于大量的认知与实践。

颜色来源于自然,我们在自然中可以看到很多五彩斑斓的色彩,比如绿水青山,蓝天白云,比如金山夕照,银装素裹等,所以对于设计师来说,要提升对色彩的把控能力,首先需要做到,让自己变成一个热爱生活,善于欣赏大自然风景的人,养成对美的敏感性,是设计师快速成长的很有必要的一个习惯。

不同于之前两章让大家研究优秀的产品,虽然大部分优秀的产品都有着非常好的配色,但是并非所有优秀产品的配色都是好的,尤其是刚入门的设计师们可能很难去认知一款产品配色水平的高低,这时候,最好是从设计作品开始,把优秀的配色的作品以及配色表所收集起来,看到好的作品多了,自己的配色水平自然的就提升了。

对于优秀的配色作品,推荐大家前往Dribbble进行收集,我们可以每天花30分钟看一下Dribbble上最新的作品,把优秀的作品收藏起来,在Dribbble上,点击查看任何一个作品,都可以看到对应的配色表。


除此之外,我们也可以把那些配色非常优秀的产品收集起来,截图后,分享这款产品的配色。要学会找出这款产品的主题色、次要颜色、第三颜色等,比如在“爱彼迎”这款产品上,我们把界面截图,并通过吸色工具吸取颜色后发现。


另外,在自己真正开始进行UI设计时,还可以借助一些配色工具,给自己一些配色参考,这里比较推荐的是Adobe Color CC,这是Adobe公司研发的一款免费的在线配色工具,大家可以通过https://color.adobe.com/访问到这个工具,可以在里面随意调整颜色,该工具会自动生成与之匹配的配色表。


总之,要提升配色能力,是需要长期训练的,多看,多联系,并多请教身边的大牛朋友,一段时间后,大家一定能在配色能力方面有非常大的提升。


本文节选至

视觉之外—— 全链路设计思维的培养与提升

作者:黄方闻 

爱读|www.iread360.com

爱读 ,您的职业进阶课堂。聚焦热点专业,汇聚行业精英,打造精品课程,致力于为您提供专业的在线学习服务及线下高级培训


评论:
暂无评论!赶快抢首评吧
作者
提问/回答
0/2
文章
0
关注者
53
添加评论...
评论0
赞0
收藏0
APP下载
手机扫码下载APP
VIP会员
在线客服
微信客服
扫码关注微信客服
周一至周五 09:00-18:00
我有话说