Hello虎课网的同学大家好 ，这节课程呢我和大家一起来解读一下 ，我们应该在UI设计中 ，如何去注意色彩和规范 ，那在讲解整个色彩规范之前呢 ，还是有一个老规矩 ，我们一起来快速想一下上节课程 ，我们在讲间距的时候讲到了哪三点原则 ，那么小小的一个间距呢 ，里面其实包含了很多门道 ，希望大家能够后面在自己的工作 ，设计流程中呢把这三个原则应用好一下 ，我们在UI排版的一些留白中会 ，比较多频次的 ，反复的用到以下这三点原则 ，他们分别是一个等分原则 ，五分原则跟黄金分割比 ，包括在上节课程的讲解中呢 ，我们也是讲到了这样一个观念 ，就是前两者等分跟五分呢 ，能够帮助我们解决UI中 ，大部分的一个间距问题 ，那么第三个黄金分割比呢 ，能够帮助我们去很好的解决 ，像banner中啊以及我们在做一些杂图标中的 ，留白呼吸感 ，所以说有些原 ，有些原则呢它是去解决间距的 ，有些原则呢是要去解决留白呼吸感的 ，它们对应的方向 ，跟解决的问题是不太一样的 ，那么我们已经累计在虎课网中上传了 ，比较多节课程了 ，像视觉层级字体呀 ，图片品质控制以及间距留白 ，这些都是属于基础中的一些设计规则 ，希望大家一定要复习好 ，因为只有把这些基础夯实好之后呢 ，那后边我们再讲到些进阶图标 ，以及复杂页面的时候 ，大家才能有一个更好的基础 ，去消化高难度的一些问题 ，那言归正传我们来看一下 ，今天这类课程的一个主题 ，我们设计师在做配色的时候 ，有哪些问题点呢 ，那我自身作为一个资深设计师来说呢 ，也算是一个过来人 ，我觉得大家在配色中的问题呢 ，无非就是两类吧 ，第一类问题呢就是同色系把握不好 ，

像左边 ，左边这个案例呢 ，是属于经典的同色系问题了 ，因为这个同学他想要在产品设计的时候 ，比较多的去凸显个品牌色 ，凸显品牌色这个出发点肯定是没有错的 ，但是你这个同色系把控不好的时候呢 ，很容易出现这种比较冗余 ，比较冗余的一个画面吧 ，就是用户在看这个界面的时候呢 ，为什么比较冗余 ，因为品牌色哪里都是 ，他可能不知道要去看哪里 ，哪里是重点呢 ，在整个界面中也是没有体现出来 ，那第二个 ，比较经典的问题呢很多同学会犯的是 ，多色系不敢用 ，比如说有的同学 ，要去做一个年轻化的产品设计 ，想把整个界面表现得更加多彩一些 ，那么怎么配出来一些多彩呢 ，他可能是非常没有头绪的 ，那也是希望今天这节课程的讲解呢 ，能够给大家去解决掉 ，同色系的一些配色问题 ，多色系的一些配色问题 ，那么这两个经典问题 ，到底应该如何把它做好呢 ，不要着急 ，因为我们在入手整个 ，色彩这节课程之前呢 ，我们还是需要有建立这样的观念 ，就是你一个色彩啊 ，不单单是一个技法这方面的一个强化 ，你同时你这个配色还得做的比较科学一些 ，怎么理解这个配色比较科学呢 ，给大家举一个两个估计大家 ，比较熟悉的一个案例 ，左边呢是支付宝 ，支付宝这个案例是 ，几乎人人手机都会有的 ，它是一个金融理财类的一个App ，那右边呢这个产品叫大麦 ，可能只有一部分的同学手机里 ，安装了这个App吧 ，简单介绍一下就是大麦这个产品呢 ，它需要 它的产品作用是 ，去贩卖一些演唱会的一些门票 ，那这个时候我们要思考一下 ，如果说你是懂得一个配色的设计师 ，那么为什么支付宝 ，它整个icon的品牌色是做成蓝色 ，而大麦它整个icon的品牌色 ，它要做成红色加紫色呢 ，配色是不是足够科学 ，当被别人问到你整个配色原因的时候呢 ，

我们作为个设计师 ，要对这些配色的原因点能够答出来一样 ，这边简单地把它总结下呢 ，就是每一个颜色在用户的心中都会有些 ，情绪的感受在这里面 ，比如说整个蓝色系是能够 ，代表一些科技和可靠的 ，那红色系呢大家想一下 ，你要去参加个演唱会的时候 ，你的内心是怎么样的 ，这个问题大家可以来 ，在脑海中可以简单想一下 ，想要去参加一个演唱会的内心肯定是 ，比较激动的 ，而且整个演唱会呢 ，都是代表这种热情洋溢的感觉的 ，所以说大麦这个贩卖演唱会门票的呢 ，它就采用这种 ，能够代表热情 ，能够代表激情的红色和紫色 ，那讲了很多切入要点之后吧 ，我们来看一下我们做一个UI设计师 ，到底应该 ，如何入手好整个色彩的使用技巧呢 ，那么在今天的这节课程中呢 ，我将会从以下 ，两个板块来给它做一个解读 ，首先呢是一些法则篇我会讲两个 ，我之前在工作中经常会用到的两个 ，小的并且入门门槛比较低的一个小原则 ，那第二个板块呢会给大家来讲一下 ，一个小插件Adobe color cc如何在做些 ，复杂配色的时候 ，能给设计师带来的一个帮助 ，希望这三个小的方法 ，能解决大部分设计师在 ，做UI配色中的一个小困扰 ，首先来看一下第一个原则631的一个原则 ，那么在讲631原则的时候呢我们可能就 ，要稍微的提到一些室内设计了 ，当然我们肯定是UI设计的系统课程 ，不会给大家讲到一些室内设计的一些 ，方法和一些技巧吧 ，但是呢 ，我相信随着大家的一个 ，从业时间不断的加深 ，和会听到一些前辈 ，给大家的一个讲解的时候呢 ，很多同学可能会听到过这样一个想法 ，就是设计它是来源于生活的 ，这其实是一个非常耐人寻味的一句话吧 ，比如说我们在做UI设计的时候配色 ，

因为我们大千世界 ，有很多配色一些小技巧和令人惊叹的一些 ，配色美学在这里面 ，那么是不是可以从现实生活中的一些配色 ，来指导员UI设计中的一些配色呢 ，那么比较经典的室内设计631法则 ，就普遍地应用在了我们UI设计的 ，使用过程中 ，那大家可以一起来 ，跟随我的讲解 ，来观察一下左边这个室内设计图 ，那么在这样一个室内设计中 ，整个这样一个客厅的主色调 ，主色调是什么呢 ，我们可以经过观察发现 ，它的这样一个室内设计主色调呢 ，它是一个浅棕黄的一个主色调 ，那么中间的一个色调呢它是一个浅蓝黑 ，那么作为一个点缀色的呢它是些黑色 ，那么这三种颜色如何平衡好呢 ，也就是 ，我们今天所讲的第一个原则631 ，顾名思义就是 ，就是60% 30%和10% ，那这个比较经典的631原则是不是可以用在 ，我们UI设计中的一些方案中呢 ，那答案肯定是可以的 ，多说无益我们来看一下一个 ，现实生活中的一个UI案例 ，它是怎么做一个颜色构成的 ，那么一起来观察一下 ，在这个界面中用到了哪些颜色 ，那么同学们可以重点观察左边这个案例 ，在提炼颜色的时候呢 ，