UI设计配色教程,告别瞎眼从这一篇起!

时间:2017-09-22 09:58来源:成都达内ui培训 作者:成都达内ui培训 点击:

  干货 | UI设计配色教程,告别瞎眼从这一篇起!

  UI设计的配色十分重要,这关系到你的作品是会让人眼前一亮,还是闪瞎别人的眼!

  有不少学UI设计的人,苦恼该如何配色!今天达妹带来了配色方面的干货,希望能够真的帮助到你~

  一、用多少种色彩

  保持色彩组合简洁有助于改善用户体验。 一个简洁的配色方案不会使人眼花缭乱,并且使你的内容更容易被理解。 相反,在太多的地方有太多的色彩很容易搞砸设计。

  多伦多大学关于人们如何使用Adobe Color CC的研究显示大多数人更倾向于仅依赖2-3种色彩的简单色彩组合。

  二、如何创建方案

  那么,你如何选择这2-3种色彩? 色环可以帮助我们。

  成都ui培训

  △ 十二色环图是创建配色方案的重要工具。

  单色配色

  单色方案是最易于创建的配色方案,因为每种色彩取自相同的基色。 单色的色彩可以很好地结合在一起,产生和谐的效果。

  它在色彩的深浅、明暗或饱和度上有所调整而形成明暗的层次关系。

  单色方案是非常容易被视觉感受到的,特别是蓝色或绿色。

  成都ui培训

  △正如你看到的,这个配色方案看起来干净简洁

  相近色

  相近色的配色方案是选取相互不冲突的的相关色彩; 一种色彩用作主色,而其它色彩用于丰富该方案。

  成都ui培训

  △ 相近色配色方案是由在十二色环图中相邻的三种色彩创建的。

  成都ui培训

  补色搭配

  互补色是对立的色彩。

  成都ui培训

  它们对比强烈,可以用来吸引观众的注意力。 当使用互补色方案时,重要的是选择主色并且使用其互补色用于强调。 例如,当人眼看到一块不同色调的绿色物体时,一点红色就会很突出。

  成都ui培训

  自定义配色方案

  创建自己的配色方案不像许多人想象的那么复杂。最简单的方法就是将一个明亮的主色添加到一堆中性色中,这也是一个最能引起视觉冲击的方案。

  成都ui培训

  三、配色工具

  1、Material Design Color

  这份色板每一份均从最基本颜色开始,然后逐渐扩充,创建出一套完整、可复用的配色体系,可用于网页设计、安卓设计、IOS设计,以及扁平类插画等500种选择!

  成都ui培训

  2、Webcolourdata(配色参考方案)

  这个应用非常简单,输入你喜爱的网站地址,它就能获取这个网站的配色方案。搜索栏下方成列了一些诸如Facebook、Google、Firefox等知名网站的配色方案。

  成都ui培训

  提升色彩使用技能是一个不断努力和积累的过程。如果你想学习如何创建美观,使用的配色方案,需要的是实践,决心和大量的用户测试。如果你希望能够尽快的学习,那么成都达内将是你不错的选择!!

  成都it培训哪家好,当然是成都达内培训,成都达内是一家专业的程序员培训机构,专注于网络营销课程,成都ui培训,成都软件测试培训,成都php培训,成都java培训,成都安卓培训,成都会计实操培训,web前端开发,成都网络营销培训,成都it培训,成都编程培训,成都程序员培训等IT培训,专业的成都软件培训机构,专业师资授课,真实项目实战、零首付、低押金、名企就业,达内培训怎么样,成都ui培训班www.cdtedu.com//pxkc/uid/

(责任编辑:成都达内)

CopyRight © 2002-2016 成都达内科技职业技能培训学校 (www.cdtedu.com) 版权所有 成都达内 川公网安备 51019002000307号 网站地图