UI界面设计的用色，你都会了吗？——红色篇（二）

时间隔得有点久才更新，如果忘记的童鞋可以点击看上期内容《UI界面设计的用色，你都会了吗？——红色篇（一）》

如上图，这里我们先来回顾下上期红色，这期接着分享其他红色的应用：

--|朱红|--

朱红色在色轮里是介于红色和橙色之间，既有红色的热情、兴奋也有橙色的温暖和朝气蓬勃。某攻略里面的朱红，如下图：

应用到我们App上是怎样的效果呢？这里我用了2个案例进行分析：

（一）

如上图，图一我们可能会被大量的紫红色迷惑了，实际网易考拉的主色是纯度和明度都是100%的朱红系列，这里的配色方案是：

红色+不同色相的红色（紫红/粉红）：适用于活动页面需要大面积用喜庆氛围、中高端产品展示。整体页面既有节日氛围，视觉也舒适，且紫色有种高贵典雅的感觉，毕竟他们家的产品定位并不是走廉价大促风，卖的产品大部分是进口、奢侈品品牌等。

红色+相同色相的红色：用不同纯度，适用于页面背景色修饰或者做区域的划分。当不想界面太多元素，或者不知道用什么颜色合适的时候，同色系不同纯度的搭配，是安全不会错的，但缺点就是相对比较素，需要看整个产品设计的定位，跟其他配色方案一起搭配使用会比较好，如下图：

Ta们也是不久前改版的，以前偏性冷淡风，看了Ta们这次改版的产品定位、设计规范，目的是更加强调品牌宣传效应。一开始是真的不习惯，刚好临近双11，整个页面都是红色的，非常喜庆，连搜索框、企业服务介绍都是红色的，神奇的是，我现在再看，也是蛮习惯了，我个人认为，这一次改版强调品牌颜色是成功的~（Ps：毕竟那个红红的考拉头，我记住了）

（二）

如上图，喜马拉雅的配色方案也是比较舒服的，主色是明度低一点、纯度高一点的朱红系列。

红色+马卡龙色：这种配色，让页面年轻化、活力、视觉干净舒服。所谓的马卡龙色就是明度较低的颜色，比如：粉红、浅橙黄、粉蓝、粉绿。这里的主色也是明度低一些的，再配上明度低的马卡龙色，整个页面年轻有活力，没有距离感，会让人觉得听书也是没有压力的。

--|洋红|--

如上图，小红书的主色是洋红系列的，整个页面的配色方案，跟上期提到的深红色搭配方案基本一样。这里是红色+不同色相的红色（朱红），跟上面提到的配色原理是一样的，只是两种不同的色彩进行搭配。

--|品红|--

品红：介于蓝色和红色之间的颜色。属于比较女性化的颜色，一些女性健康或者女性购物网站的App喜欢用这种颜色，那些配色都可以参考上期和前面分享的原理。也有例外的，如下图：

dribbble应用上的配色非常简单明了，作品是用户上传的，由于是国外知名的UI设计论坛，所以作品的配色是不担心影响界面的，值得一提的是这里的配色方案：

红色+互补色+无色：这种配色方案比较大胆，辅助色需要明度和纯度都不高的颜色，且不适合大面积使用，需要比较多的无彩色搭配，无彩色是指：黑、白、灰，需要注意的是：这三种色彩是只有明度一个色彩属性。

这里的主色是明度较低、纯度较高的品红，辅助色是明度高点，纯度较低的绿色，本身这两种颜色的搭配视觉上还好，辅助色在页面上点缀是比较明显且恰到好处的，如果大面积使用，就会让人觉得整个页面怪了。

--|其他红色|--

上面的几种红色是现在市面上常用的App的主色，其他没有提到的红色，可以根据公司的品牌定位、产品定位来进行使用，不过像粉色太浅、酒红色颜色较深，这两者作为主色在界面，都不是很合适。

--{ 总结 }--

结合上期的文章，可以总结出红色在UI界面设计中的配色方案有：

1. 红色+米黄色

2. 红色+黄色

3. 红色+黑色+金色

4. 红色+冷色系

5. 红色+复合光色

6. 红色+不同色相的红色

7. 红色+相同色相的红色

8. 红色+马卡龙色

9. 红色+互补色+无色

以上的9种方案，根据不同的场景要求进行配色，你都掌握了吗？2019年的第一个工作日，祝大家新年快乐，在2019年红红火火，鸿运当头，升职加薪~我们下期见~