吴江UI学习班-UI设计配色怎么做

配色方案的选取注意事项
考虑到上面的一系列因素，下面我将提供一个简短的步骤清单，帮你为网页和移动端设备挑选合理的配色方案x b a i x i n g c o m。


·        明确界面设计的目标。确定界面的主要组成和核心的功能点之后，你才可以更加合理地选择配色方案。如果UI 界面是文本驱动型的（博客、新闻、电子阅读器等），浅色背景往往是更合理有效的选择。浅色的背景会使得整个屏幕显得宽敞而又大气，让用户更专注于其中的内容。另一方面，如果界面是视觉驱动型的，并且是以图片为主的话，使用深色背景搭配明亮的色彩，可能是更好的解决方案，因为这样会让图片等视觉内容更加突出，并且让整个布局显得更为时尚www.xbaixing.com小百姓网。


·        分析你的目标受众。通过界定和分析目标受众往往能够让设计师更清楚要先做什么后做什么。了解潜在用户，了解他们想从你的网站或者 APP 中获得什么，这样才能为可用、有用且有吸引力的界面奠定坚实的基础。中年人和老年人会更加喜欢浅色为主的配色方案，这样的界面对他们而言更加直观，也更加易于导航。年轻人更加喜欢原创和时尚的深色背景sFEu。青少年和儿童更喜欢明亮的背景色彩和有趣的细节。以目标受众为中心来设计，可以让设计决策更加明晰。
·        研究竞争对手。要记住一件事情，你的产品所面对的通常都不是蓝海，而是竞争激烈的红海。配色方案的选取将会直接影响到你的产品在竞争中看起来是否足够突出，会影响用户初次使用的时候，是否愿意与之互动欢迎www.xbaixing.com。花费时间在探索已有的产品上，能够帮你节省时间和精力。
·        测试。基于用户群体、可用性、吸引力等不同因素对配色方案的大概方向确定之后，每个设计方案都应该在不同的分辨率，不同的屏幕以及不同条件下进行适当的测试。在产品投放市场之前，之前不间断的测试会揭示出配色方案的强弱，如果设计方案的效率低下，可能会给用户留下不好的第一印象。


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




我想和大家强调的是，在我们每次用色之前，一定要想想为什么要这么用？这是一个优秀设计师基本的思考习惯x_b_a_i_x_i_n_g_c_o_m。

举个简单的例子，如果为一个品牌的视觉延展，品牌色是蓝色：



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

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

那就可以大胆的使用对比色——红色：




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

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

当然，至于配出来的颜色好不好看，那就是另外一个层面的事了x_b_a_i_x_i_n_g_c_o_m。

2.配色数量慢慢加



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

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


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



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

3.配色一定要和谐
如何让配色看着和谐？

我个人觉得有一个点很关键就是：饱和度、明度看起来要足够相似，要低饱和就所有的颜色都用低饱和


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

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


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