logo
当前位置:首 页 > 设计教程 > 查看文章

UI设计配色,不知道这些怎么行?

设计教程 你是第58个围观者 0条评论 供稿者: 标签:
大纲如下:

  • 用色要有理论支撑
  • 配色的数量慢慢加
  • 配色一定要和谐
  • 颜色可以不用那么正
1.用色要有理论支撑

网上有很多人写过关于配色的基础理论,例如互补色呀、相邻色呀、对比色等等,再比如红色代表热情、蓝色代表科技、绿色代表健康等等,这些都是我们必须掌握的,如果不太不清楚,可以去百度一下!

我这里想和大家强调的是,在我们每次用色之前,一定要想想为什么要这么用,你的理论依据是什么?这是一个优秀设计师基本的思考习惯。

举个简单的例子,如果我们为一个品牌的视觉延展,品牌色是蓝色:

当我们需要去给这个品牌色搭配色彩的时候,我们可以从很多方面入手,例如品牌调性、目标人群等等。

假设我们的目标人群是:时尚、前卫的年轻人。

那我们就可以大胆的使用对比色——红色:

用对比色的视觉冲击力来突出年轻、前卫的品牌调性,博得目标人群的喜爱。

举这个简答的例子就是告诉大家,理论还是要看一看,让你的理论支撑你的执行,这样你就可以有足够的信心。

当然,至于配出来的颜色好不好看,那就是另外一个层面(执行力)的事了,我们后面再说!

2.配色数量慢慢加

上两天群里的一个朋友发了一张临摹的练习图,我想写配色的文章也是因为他的这张练习图:

这里,我再说下关于配色的问题,上个知识点,我已经强调过了理论的重要性,可以支撑我们的执行!

来,我们看看这个练习的原图:

他的用色是非常有研究的,一共有三种主要色相,绿色、红色、黄色,绿色与红色是互补色,红色与黄色是邻近色,三种不同深浅的绿色使画面变得丰富又不杂乱。

而我们看下练习稿:

这么一个小小的插图,竟然用了13种颜色,并且没有任何规律,从这个练习可以看出这位朋友的整个思维都是乱的,并不知道到底该怎么用色!

在这种情况下,千万不要贪心,可以先从两种主色开始搭配,例如,先用好邻近色,红色和黄色:

当真的能驾驭好之后,再来慢慢添加颜色的数量,例如加些点缀色——天空的蓝色、地面的灰色:

千万记住,练习配色不要急,先从少数量的颜色开始练起,慢慢增加!

3.配色一定要和谐

如何让配色看着和谐?

我个人觉得有一个点很关键就是:饱和度、明度看起来要足够相似,要低饱和就所有的颜色都用低饱和,例如上面建筑的插图使用的都是低饱和的颜色:

假设这时候我们把背景的红换个高饱和度就会是下面这个样子:

根本没办法看!

不过让配色看着和谐,除了需要理论支撑以外,确实还是需要一定的色彩感觉,如果色感太差,那就多练吧(记住,颜色数量慢慢来哦),敏锐的色感也是可以慢慢培养的!

4.颜色可以不用那么正

对于我们配色新手来说,刚开始颜色不敢用太多,配色种类比较单一,这时候还想出彩的话,我们就可以让颜色不要那么正(比如正红、正蓝),尤其是拉渐变的时候,举个例子:

我们拉个蓝色的渐变,如果色相都是一样的,只是改变明度的变化,那就是左面这样的,但如果你用两种色相,让浅色的蓝不那么正,而是加入一点点绿,效果看起来就会丰满很多。

下图是我利用这个配色技法制作的一个小作品:

像这样两种色相之间的渐变,是常用的配色技法,大家可以多多尝试。

好了,今天就先分享这么多了,希望能对你能有所启发,不过再大的启发,你不练,那也是没用的,所以打开电脑,练起吧!

UI设计师在移动应用产品设计、游戏软件、多媒体制作、广告设计、工业设计及医疗、军事、科技、交通、通讯、商业流通领域都有广阔的发展空间。这是它吸引人的一个主要原因。当然,UI设计师的薪资也比平面设计的普遍要高一些,更是吸引人加入这个队伍的重要要素。说到这里,有很多人可能有困惑:我没有天赋,能学好UI设计么?

凡是看到讨论UI设计天赋的,尤其是在初学者阶段讨论天赋的,我都忍不住声明一下:

学习UI设计,其实与天赋没有任何关系。

人们总喜欢给一些自己做不了的事情归咎于“没有天赋”,给别人轻松驾驭的事情定性为“天才”。

盖因绝大部分人并不了解人类学习东西的心理学机制,所以把这些在常识中解释不了的东西统统用所谓天赋来解释。

如果仅仅是尬聊,那么随便用什么理论都属于笑谈,大家开心就好。但如果是涉及到指导一个新人,那么用天赋来归类,毫无疑问是武断且无理的。

你的问题在于没有认真学习过UI设计,仅此而已。

和任何热爱UI设计但没有丝毫尝试过的人一样,大家都只不过是没有经受过系统学习练罢了,和天赋没有产生任何关联。

从一个完全外行的新人通过自学尝试的结果去判断天赋,自己高高在上给别人的能力下评判,无知且没礼貌。

不要再纠结这个问题,想学习UI设计,就要用心去学。

和你想开车、想打球一样,不学不练,是永远都不可能由不会到会的。

而这个过程不需要任何天赋,只看你学的方法对不对,花了多少时间。

最后,我再说说所谓的有天赋是怎么回事。

这种人在我们周围不鲜见,同样是刚刚开始学一个东西,有的人就比你快比你好。

你觉得是有天赋?其实这是客观的说法,这只不过是他从前积累过,而积累的这个过程要么这个人没意识到,要么他有意瞒着你。

比如UI设计这件事,同样是刚刚开始学UI,你旁边的人一下子就比你好,你问他为啥,他说不知道,你觉得这就是天赋吧。

第一,想要学会一样东西,不用以天赋作为能和不能的决定标准。

学会是非常低的标准,不要把自己不愿意付出代价,掩饰成自己没有天赋。

第二,解释了一下所谓“天赋”在心理学上的成因,主要指在设计领域里很多不可见的“宿慧”实则来自于后天的诸多生活积累,在恰当的时机,通过一定的设计行为产生综合作用。

学数学需要天赋吗?学语文需要天赋吗?学英语物理历史地理化学生物政治需要天赋吗?

你仅仅只是要学会罢了,如果连学习这些基础的东西都必须依赖天赋,那我们现在经历的根本不是所谓教育,而是所谓灵修班吧。

所以,总结一点观点,如果自学很难,就应该系统学习。不要因为什么天赋就觉得自己找到了停下的借口。

很担心自己学不会,学到一半学不下去,其实这些都是对自己不够自信,给自己设陷了。

每一个人学习什么东西,起初都是要从零基础开始学起,但是学习方法不同,学出来的结果也就自然不同。

其实我不赞同的是以天赋作为借口不敢去尝试,不肯付出努力;反对的是以天赋作为自己打击和嫌弃别人的武器。

一个有大大梦想但是没有支撑这梦想的技术的攻城狮,大家就当这个博客是你的技术工具箱吧,我会吧我工作中遇到的问题贴在这,大家需要的记得把我放到收藏夹哦! 百度输入“子傲代码”就可以了

—— 陈子傲

admin
众说纷纭Comments
大眼 可爱 大笑 坏笑 害羞 发怒 折磨 快哭了 大哭 白眼 晕 流汗 困 腼腆 惊讶 憨笑 色 得意 骷髅 囧 睡觉 眨眼 亲亲 疑问 闭嘴 难过 淡定 抗议 鄙视 猪头
小提示:直接粘贴图片到输入框试试
努力发送中...
  • 评论最多
  • 最新评论
  • 随机文章
footer logo
未经许可请勿自行使用、转载、修改、复制、发行、出售、发表或以其它方式利用本网站之内容
Copyright ©ziao design Studio All Rights Reserved.沪ICP备14052271号-3