关于“基佬紫”，你不知道的事...

好了，又是N个不眠之夜，完成了第五期的色彩教程。

经过了4期之后，大家都很熟悉套路了，所以，我的套路一直都在改进，优化，争取给出一些不同的套路，当然，一切的改变都是为了让大家更容易看得懂，更愿意去看。

好了，这期要跟大家讲的是：紫色。

色彩大佬潘通在今年年初，发布了2018的年度颜色——Ultra Violet（紫外光） ，这是一款偏蓝色调的高饱和度紫色，色号为 Pantone 18-3838。

紫色有什么特别的？

潘通官方它给出了这样的诠释：“强烈挑动思绪与深思的紫色调，传达独创性、创造力及前瞻性思维，为我们指向未来。这一种具有神秘力量的紫，是自外太空、又指向未来的颜色。”

听起来很厉害的样子？

岂止是厉害，被誉为“美国最伟大建筑师”的弗兰克·劳埃德·赖特，每当要进行艺术创作时，都会穿上紫色的斗篷。

聪明的同学应该已经在打开淘宝了。

停！别买！

紫色是由两种看似完全相反的颜色组成——蓝色与红色，它是所有颜色里最复杂的颜色。

正是因为这种复杂性，它能表达的情绪也是多样化的。

一、紫色代表特立独行的态度，一直以来都是反传统和艺术创造性的代表色。

美国音乐王子Prince一生钟爱紫色，他最具代表的作品是《Purple Rain》，在亚特兰大演唱会上他定制了紫色雅马哈钢琴。为了纪念Prince，潘通专门为他发布了一款紫色，Google在他去世当天把LOGO换成了紫色。

紫色的反常规属性，让它很难驾驭，但是在时尚圈反而倍受宠爱。

你们的王俊凯小哥哥

不过普通人嘛，我建议还是不要尝试了，但如果有人想当一只行走的茄子，我也阻止不了是吧~

二、紫色是高贵、优雅的，曾经是皇家的象征色彩。

中国传统中，紫色一直是尊贵的颜色，如北京故宫又称“紫禁城”，以及“紫气东来”等说法。

英文也有“生于紫色”（Born in purple）的说法，意思就是“出身高贵”。

英国皇室一直钟爱紫色。

三、紫色是梦幻的，是许多少女梦想中婚礼的色彩。

在紫色中加入白色，即可使得紫色不再沉闷，变得清新唯美起来，充满了少女风。

四、紫色是神秘的，在明度比较低的时候，给人十分压抑的感觉。

紫色的事物，往往会让人产生压抑与不安感。

关于紫色代表同性恋的来历，有很多种说法，但其中比较被大家认可的说法是来源于“熏衣草恐慌”。

冷战期间，美国当局认为同性恋者意志更薄弱，很容易被苏联洗脑，于是大量封杀和镇压同性恋人群。

这场镇压行动就被称之为“薰衣草恐慌”。

在“薰衣草恐慌”行动持续了多年以后，同性恋群体终于忍无可忍，于是他们在1969年发动了自己的维权行动。当时近一万名同性恋人群在纽约举行大规模的游行，抗议美国政府对同性恋的压迫。

这次维权行动所用到的标志是“紫色之拳”。如下图所示：

受薰衣草恐慌和紫色之拳的影响，慢慢的，紫色就成为了同性恋群体的代表色了。

千万不要以为我歧视同性恋，因为我很喜欢的一些名人，都是同性恋，大家都是正常的人，只是性取向不一样而已。

这里插一首哥哥张国荣关于这个话题的歌，可能大家都会非常熟悉和喜欢的了。

好了，继续讲配色。

紫色是由蓝色与红色混合而来的，它是一种中性色。

紫色比红色更柔和，比蓝色更温暖。

一直以来，紫色都与高贵、典雅等特质联系在一起，大多被应用在奢侈品、化妆品等偏女性化的行业。

但近年来随着科技行业的发展，许多互联网公司品牌逐渐年轻化，也开始尝试紫色。其中蓝紫色更受青睐，因为它既具有蓝色的科技气质，同时在色彩上也更加亲和。

紫色大体的配色原则

下面我们根据实际案例来分析紫色如何与其它颜色搭配

紫色加黑色给人以忧郁、挑剔的感觉，但同时它也是奢华、神秘的。给人的心理感受特别强烈，因此用在适当的主题上是可以十分出彩的。

较暗色调的紫色可以表现出成熟沉稳的感觉，用在男性主题也挺合适。

在紫色中加入白色，可使紫色略显沉闷的特征消失，变得清秀、优雅、娇气，并充满女性的魅力。 白色、粉紫色、天蓝色的颜色搭配，是比较稚嫩的配色，同时也是最受少女欢迎的配色方案。

紫色配红色是非常女性化的颜色，它给人的感觉通常都是浪漫、柔和、华丽，特别是粉红色可以说是女性化的代表颜色。高彩度的紫红色可以表现出超凡的华丽，而低彩度的粉红色可以表现出高雅的气质。

紫色和黄色是一组对比色，它们是对比度差异大的一组互补色配色。由于紫色在视觉心理上带有迷幻、神祕的感觉，但黄色可以很有效的平衡这种心理感受。也因此黄色与紫色的搭配容易产生相当强烈的视觉强度。

紫色配蓝色很容易让人联想到宇宙，它有一种与众不同的神秘美感。这也正是当下许多科技公司喜欢应用蓝紫色的原因之一。低亮度的蓝紫色显得沉稳，高亮度的蓝紫色显得非常高雅。

在实际的应用中，紫色由于和蓝色色环上很接近，有时候甚至很难分清楚哪里是紫色哪里是蓝色，所以蓝紫色的页面中，大多数时候都是蓝色居多。

紫色加绿色不是常规的色彩搭配方案，不太能清晰的传达出来这种搭配能给人带来的心理感受。正因为如此，如果你只是想标新立异、与众不同，倒是不妨一试。

具体在搭配方式上，由于紫色一般相对沉闷，所以搭配的绿色尽量明度高一些，这样画面色彩的层次感会更强些。

这次的实操案例我决定换一下形式，做一个手机版的项目。

紫色是由蓝色和红色混合而来，因此它的色相变化可以非常丰富，基于这个特点，我以紫色为主色调，做一个颜 色比较多彩的设计项目。

项目主题

庞门正道公众号的H5页面

设计关键词：多彩

废话不多说，我们先看一下设计稿整体预览：

这里我选取了4屏内容来做，分别是首页、目录页、课程介绍页和名片页。

整体风格是以几个彩球的元素贯穿整个页面，在最终的实现上可以有全局动画。静态上通过球的大小远近关系营造页面的空间感，页面的内容以卡片的形式装载进去。

接下来，我们具体每个页面来看看有哪些设计要点吧。

首页：

首页比较简单，主要是大标题和几个漂浮彩球的排版。这里值得讲的就是彩色渐变的制作方法。

流体渐变的效果网上有很多教程，大家随手一搜就可以找到，方法也是多种多样。

我这里也介绍一种简单方法供大家参考：

目录页：

目录页都是小卡片，主要是排版上的讲究。这种统一形式的内容，做起来视觉上容易很单调，所以在排版上要注意强弱对比，形成节奏。

课程页：

课程页采用重叠卡片的形式，左右滑动可以切换不同的课程页。

文字排版采用局部非对称，整体依然需要保持工整的方式处理，这样的排版不但视觉上看着有设计感，而且在引导用户的阅读视线方面也很有用。

名片页：

个人介绍模块采用类似名片的设计方式。

关于个人的资料类别比较多，因此在排版的时候要分好主次，装饰元素也要恰到好处。

最后再来看下每个页面单独展示的设计效果：

好了，道理讲完了，案例也做了，你以为你看了就会吗？

NONONO！

你必须跟着做至少3个案例，才可能真正的掌握！

为了更完善地为你提供装逼的条件，

我特意把这个教程整理成ppt，方便你在公司，或者在其它场合可以使用。

下载地址：

https://pan.baidu.com/s/13O3VRgkTrMyOqttijEXl6w

最后，如果你希望下一个小黑书更快出来，记得多分享这篇给你的同时，同行，朋友，亲戚，哥哥弟弟姐姐妹妹们，这样我的动力更大，写得更快啊！

越努力，越幸运。

这里是庞门正道。