美文网首页UI设计UI设计
初学必看!UI设计色彩搭配技巧!

初学必看!UI设计色彩搭配技巧!

作者: UI设计师王晓庆 | 来源:发表于2018-05-10 14:49 被阅读11次

    UI设计师王庆庆

    作者 微信:15338531138

    最近遇到有学员问我,UI设计中如何配色? UI色彩搭配原理是什么?有那些UI设计色彩搭配的技巧?

    今天就和大家分享这个话题,色彩搭配“冷”色篇,就是暖色篇的下部分,还是比较符合最近的天气的,其实这个冷 字我打个双引号呢,可能有一些朋友呢。

    研究了,有一些专门研究色彩了就说他不是冷色他可能是偏中性 的,不过呢,今天要分享到我们的跟冷色偏暗。

    这边,如果大家看到这个绿色有点有点扁扁棕色,这个指 偏暖色,没有绝对答复这是某些专家研究色彩那种。我们不是专家我们只是做UI界面,做平面的。

    色彩呢,个人感觉没有规定明确的那种说法,还是回到今天要讲的内容冷色调。

    大家可以看这张图片,是一个冰山,还有海洋,可能是南极或者北极之类的地方。

    我就没去过,可能企鹅 ,那里的人应该是住在这里是吧,我们看到这张图呢,就感觉到可能有光的关系,看的在这里有点暧。

    但是呢你到其他的地方就就会冷,我们看这些蓝的蓝的部分,都是偏冷的跟上一节我们讲一个暖色调一个, 太阳光照射的地方呢。

    就完全相反完全相反,他就是给人一种冰冷,寒冷的,感觉是吧,这张图给的还不 够显示的出来。

    给个纯蓝的大家可能更清楚,这是一张照片,第一个呢就是讲我们那个绿色系绿色系呢,我刚才说有些专 家认为呢。

    那就是一个中性色彩,看你怎么用,如果是用纯绿的话他可能也,但是绿呢有时候也是会偏一 点冷的感觉在里面,清凉薄荷那种,冷寒冷的感觉在里面。

    不管这些,我们讲一些颜色冷色系绿色,绿色这里有写了。绿色有一个准许行动之意。

    这个不是我说的百 度上有百度一下了解,还有个交通讯号中,绿色就代表可行,就是可以行动,action,就是拍电影那个 action,你就可以行动。

    就是个绿色他的一个含义,含义是可以行动可以有,极行的一个意思,但是在中 国那就是一个股票下跌。

    可能因为中国不太喜欢绿色这点下跌了就用绿色,那美国西方国家那就绿色是上 升跟中国不一样,中国人喜欢红色,红色就上升,绿色就下跌。

    欧洲西方的一些国家相反,红色是下跌,绿色是上升,这些大家了解一下了不然你到一个西方国家来说红 色,后果可想而知。

    绿色,就是一个准许行动之意,交通信号灯那些。

    这个是绿色的一些衍生色。绿色衍生色呢,他主要是跟黄色跟蓝色搭配才会衍生各种各样的颜色红绿。

    RGB 各种颜色搭配,就会产生各种各样的一个颜色出来对吧。你们可以Photoshop里面可以调一下这些红绿蓝。

    他可以调出了千奇百怪的一个颜色出来,这是些绿色的,浅绿色可以加一些白,加点点黄色,这些我就一一 去说了大家可以看一下,稍微看一下就可以了。

    也是这句话,想要的颜色的话,还有那些数值或者还有其 他更多颜色你可以百度一下或者我给个网址你,那里也有无数的颜色给你用。

    或者不会搭配的,那里也帮 你搭配好了,服务特别周到所以我也挑了他那个地方。那这是一个绿色的衍生色,接下来呢,到哪个颜色呢!

    我们经常会用到的,绿色系的一些界面中的应用,绿色在界面中的一些应用,也挺多的哈。

    他各种绿的颜 色搭配,跟黄色跟蓝色,各种的搭配调合,就形成了他另外种不同颜色的一个绿,和上面分享的一样。

    或 者你用了这个铬绿,铬绿是什么你不需要懂,只知道一个名称而已还有各种各样的名称,还有翡翠绿这些 ,这里也会用到,这就是平常我们所看到一些界面中,界面中应用了一些绿色的。

    那些东西绿色了,如图 看到的这些,这个就偏一点蓝绿一点,偏蓝比较加了白,再加点绿,在这里加点黄就形成了黄绿。

    这里就可能看出来有些,哎这不是暖色系吗是吧!有点偏棕色的一个绿,这些那偏冷色的一个绿字,这些 偏什麽暖,冷色看她接了什么颜色。

    看它加了什么颜色,绿色加了黄色那他就有点偏暧,偏中性一点这些 不需要我们去考究太多,我们不是研究色彩,只要知道用那个好,用好就行。

    蓝色系蓝色系呢我这里标明他是一个最冷的一个色彩,比十万个冷笑话还要冷,大家不知道有没有看过这 个东西我不是来宣传的,哈哈!

    就是这话比冷笑话还更冷,蓝色系呢就是冷色调的一个代表,就是他了一 个代表蓝色。

    我们看的水呀,还有星空,天空都是比较冷的一个颜色,这是我们看到青色和蓝色之类的那就是一个冷的代表,你看这十万个冷笑话这个logo上面。

    都是用一个蓝色青色,因为他真的冷,真的够冷 ,看过的人都知道他是比较冷的,蓝色它是一个最冷的色彩。

    这是蓝色的一个衍生色,蓝色,加白的就明度高点的可能就没那么冷,中间偏青色的清蓝清蓝那就是这种 大家可以参考看图,好了今天的分享就先到这里。

    色彩心理学

    我们大脑对于色彩的反应其实是相当敏感和多样的,但是在日常生活中我们很难直观地、迅速地感受到。

    当人的眼睛感知到一种色彩的时候,会向大脑内的分泌系统发出信号,并且释放刺激产生对应情绪的激素。

    每种色彩对于我们的感知和思维都有独特的影响力,了解这些可能的反应最终可以帮助设计师正确地传递信息,并且引导用户按照设计师的预期来执行。

    下面是一些颜色的基本的特征和含义:

    红色,象征爱情,自信,激情和愤怒,它是充满活力和温暖的色彩,给人带来兴奋的感觉。

    黄色,能传递出幸福,阳光,喜悦和温暖的情绪。

    绿色,则常常能给人自然、清新、富有生命力的感觉。

    蓝色,是目前最受欢迎的颜色之一,企业常常会使用蓝色来传递自信和让人信赖的感觉。

    紫色,和皇室、财富关联密切,这也是代表神秘和茉莉的色彩。

    黑色,虽然和死亡、悲剧有关,但是也能营造沉稳大气的高级感。

    白色,代表纯洁无暇,传达出高雅,纯粹和清晰的感觉。

    除此之外,设计师还需要明白一个事情,就是人和人的视觉感受通常是不同的,对于色彩的认知还受到文化背景的影响。

    性别的因素对于色彩偏好的影响也不小。因此,了解目标用户的特征是很有必要的。

    努力让色彩协调起来

    协调的UI设计是设计师的目标之一,而这意味着配色一定要和谐而令人感到舒适。

    通过色彩来营造富有吸引力的协调设计,能够让用户清晰明了地感知到UI中的内容,同时留下良好的第一印象。

    随着多年的摸索,在配色方案上前人总结了一些基本的配色方法:单色配色。

    单色配色并不是说只有一种颜色,而是基于同一色系来进行配色,不同明暗、饱和度的色彩组合到一起,构成配色方案。类似色。在色轮上彼此靠近的颜色构成的配色方案。

    对比色。色轮上彼此处于相对位置的色彩能够构成鲜明的对比,这些对比色能够构成高对比度的配色方案。拆分互补色。

    拆分互补色的配色原理和互补色相似,但是不同的地方在于,这样的配色当中会采用更多的颜色,当你选择蓝色之后,与之搭配的不是对位上的橙色,而是橙色两侧的黄色和红色。

    三元色。它是在色轮上挑选互为120度角的三个颜色类进行配色。建议使用其中的一种色彩为主导,另外两种色彩用来提亮。双互补色。采用两对互补色来作为主要的配色方案。

    UI设计正式学员学习经验分享,丑丑成长之路

    想学UI设计,但是审美很差怎么办!

    相关文章

      网友评论

        本文标题:初学必看!UI设计色彩搭配技巧!

        本文链接:https://www.haomeiwen.com/subject/ttgzrftx.html