UI设计培训-好颜色的产生过程

　　UI设计培训-好颜色的产生过程

　　成都华信智原UI设计老师为大家分享下好颜色的产生过程，这是一个时间比较长的过程!

　　色与彩

　　配色其实很*，真正难的是选色!

　　认识色相，调和纯度，建立对比度三项构成我们学习配色全部内容!不知道用什么颜色?

　　绝大多数成长期的设计师都会烦恼这个问题，整个人经常卡在工作的开头无法正常进行，这个时候多数人遇到其实是选色障碍，而不是配色障碍，这2者是决然不同的两个问题，解决的方式自然不同。

　　首先你需要知道什么是色彩?“色”是指色相，“彩”是指“色相的纯度”，选色障碍往往是你对色相的认知不够，这是设计意识层面的问题，设计意识属于设计师核心能力之一，不是靠单纯的临摹和练习就能解决的问题：而配色疑难则相反吗，它属于经验层面的问题，依靠大量的临摹并记忆便可以使人开窍，前提条件是你的行动力是否足够强!

　　认识色相

　　颜色分2种，彩色和无彩色，黑白属于无彩色!

　　彩色说是我们熟知的驰骋黄璐青蓝紫...这些颜色都有自己的名字(这个很重要)，根据较基本的色彩构成关系，我们可以从色相环中得出一些较基本的配色方法，想领取色法，互补取色法，同色法，以下是特制的一幅色相环，可以明确的看到补色对应的关系：

　　基本配色法

　　配色的所有技巧和经验都来自于这3种基础方法的演变

　　1、想领取色法：选择一个色系，与之相邻的两个色系均为相领色，用于整体统一，富有层次的色彩表达方式;

　　2、互补取色法：选择一个色系，与之180度相对的色系为互补色，左右两种色系为次级补色，用于特异夸张，较具冲击力的色彩表达方式;

　　3、同色法，仅使用一种或加入少量相邻色系，控制其明度与纯度产生层次，用于制造意境，引人遐想。

　　对象与属性

　　色彩的名字很重要，名字代表着它的属性!

　　色彩本身无法单独存在，它依靠特定的对象存在着，如：图形，图像，文字...以及名字，根据对象的不同，色彩的运用范围也有了相对明确的表现，图形图像基本可以归为一类，它的色彩表现主要是吸引与传达(情感层面);文字的色彩则是强调与呈现(信息读取层面);而名字这类载体，它的色彩较为特殊，它的功能在于表达，而针对不同的人却会产生不同的结果。

　　　　　3问：

　　问缘由，为什么做，核心原因是什么?为了延续品牌文化(生活化，故事化，以情歌渲染为主导为优)，还是宣传产品(简约，设计以衬托手段入手**产品为优)又或者作为入口导流(丰富有趣，冲击力强为优)等等;

　　问目标，在较理想的效果下期望得到什么回报?刺激日活，提高流量，增强注册比，用户转化导流等等(较重要，要了解目标才能发挥设计师的能力去细化并优化需求，进而**出预期!);

　　问去向，设计图较终展示在什么地方?大小屏，移动端，PC断还是其他设备，不同的设备对设计都有不同相性，比如移动设配大多图片尺寸较小，元素阵列类与排布的效果会大大折扣，又如电视电影屏幕(包括PC)不适合做元素聚合的设计，会显得小气，空间浪费等等。

　　3定：

　　定需求，因为大多数需求(产品还好，运营比较严重)都非常的不明确，只有一个也许大概应该是的结论，经过前面的三问，比较有经验的设计师立刻就会明白，需求的描述和目标是否符合，选取的展现方式是否有优化的空间?文字表达等元素的力道是否足够...解决这些问题，再来沟通设计层面的问题，用提问的方式得到你所需要的关键词(举例：母亲节，吸引点击的，有趣的...)，这样不仅会明确你的工作更能优化需求方面的工作，给设计产品的**预期打下一个基础。

　　定方式，以什么样的方式展现设计，静态图，GIF，动效，还是可交互模版?不同展现方式的工作量和风险是不同的，设计师永远都要有Plan B ，尤其是高阶(一直高到总监级)的设计师，风险预判与把控是衡量一个设计师是否*的一标准，永远不要以为一个工作的每个环节都不会出问题...

　　定节点：佛南瓜子明确成几个阶段(比如草绘，成稿，定稿...)，与合作的小伙伴统一步调，美工工作节点都需要一个时间节点和你的上级进行沟通评审，进行修改或下一步工作，保证项目的顺利进行，至于为什么要有时间节点，大家先理解为你们的上司都很忙，需要提前约(具体的“戒律”3到6都会讲到。)

　　一协调

　　这个协调不是协调人，是协调你前面3问3定所的到所有有用信息，从中提炼总结出能确定你设计方案的关键词，到这一步才是你考虑取色问题的时候，根据关键词词来决定色彩的选择是不是有点熟悉了，回去看看对象属性那一页。

　　个人创作和工作是相同的

　　不要觉得个人创作和工作有所区别，其实并没有，只是个人创作时“三问三定一协调”的对象变成了自己，对自己发问，这个需要更多的技巧和方法，也就是俗话说的“变通”!

　　前面讲到的方法和流程都是为了帮大家建立一个完整的设计一时，配色只是设计中很小的一环，但学习配