，各位木友们好呀，我是小木。

前阵子我写了一篇《PPT配色不够骚，跟咸鱼有什么区别？》，文章里介绍了配色中的色相、纯度、明度等概念。

很多木友看完都豁然开朗地表示，PPT这条路真是越走越灰暗了呢。

那没关系，为了进一步摧毁大家的信心，今天木哥会给大家带来更多重磅的打击，让“PPT，从入门到入土”这句话，从理论走向现实。

今天要用来刺激大家的是下面这几个概念：

1）能决定PPT风格的主色；

2）能让页面更和谐的辅色；

3）能让重点更突出的点缀色。

注意，本篇催命长文搭配上一篇文章一起食用，脱发效果更佳。

能决定PPT风格的主色

主色，是指在一页PPT中占据了主要面积的颜色。

很多人的PPT配色之所以显得杂乱，就是因为页面中缺少一个能主导页面视觉效果的主色，导致妻妾不分，主次地位混乱：

另外，在很大程度上，主色还能决定一页PPT能给人带来什么样的心理感受。

▎比如，下面这页PPT，主色是绝望灰：

在这里，深灰色既突出了空气污染的严重性，又给人带来一种“快来个妹子给我做人工呼吸不然我就死给你看”的窒息感、压抑感。

▎又比如，下面这页PPT的主色是原谅绿：

首先，绿色本身就能给人一种清新健康的感受，再加上这个绿色的明度比较高，页面最后就呈现出一种“绿到你发慌”的春天的感觉。

▎再比如，电脑管家的【查杀病毒】页面在正常情况下的主色是冷静蓝：

但它要是检测到了病毒，主色就会变成看着就让人觉得心肌梗塞的紧急红：

从以上例子咱们可以知道：

如果你想让PPT配色不显杂乱，或是想要营造出某种特定的气氛，那么你就要选好主色调，因为主色对PPT风格的影响就跟发量对颜值的影响是一样大的。

那么，既然咱们知道了不同的主色能烘托出不同的风格气氛，那么反过来的话，什么样的风格或主题又该搭配什么主色呢？

其实很简单，去花瓣网或是站酷网等设计类网站，搜索一下你PPT主题的关键词，看看搜出来的作品都是什么颜色的。

比如，我在花瓣网搜索了“母婴”，搜出来的作品就大都是明度比较高，即比较明亮的颜色：

所以现在如果让你来挑母婴主题PPT的配色，你心里是不是已经有点那啥数了呢？

让页面更丰富的辅色

辅色，一般是指页面中面积比主色小一些的颜色，添加辅色，可以让页面看起来不那么单调。

比如，你可以对比一下下面这两个PPT，它们分别是没添加辅色以及添加了辅色的页面：

你会发现后者看上会更有层次感，而前者看起来就像个“上面穿着牛仔衣，下面还穿着牛仔裤”的淘宝爆款男。

那么现在问题来了：假如我已经确定好了一种主色，接下来我该如何确定使用什么辅色呢？

▼

答案肥肠简单！

登录配色网站color.adobe.com（Adobe的亲儿子），先在左上角选择你需要的配色类型：

▎关于配色有哪些类型，我在《PPT配色不够骚，跟咸鱼有什么区别？》这篇文章里已经介绍过了，这里就不再赘述了，免得有凑字数的嫌疑，虽然我经常这么做。

选择好配色的类型以后，你可以在下方的第三个色块那里填入你已经确定好了的主色的RGB值（每种颜色都有唯一对应的RGB数字）：

输入完毕以后，系统就会自动生成合适的配色方案，拉动色轮里的点，你还可以自定义调整配色方案。

接着你就可以尝试在PPT中运用这些辅色了：

啥？嫌这个方法太复杂？

不慌，你也可以直接使用黑白灰来做辅色，也可以直接使用跟主色相近的颜色来做辅色：

论偷懒，我还没怕过谁…

让重点更突出的点缀色

点缀色，顾名思义，就是用来为枯燥的页面增添亮点的。

比起辅色，它在页面中的应用面积还要更小一些，并且通常会以“点”的状态出现：

▼

除了能用来点缀页面以外，点缀色还可以用于引导读者阅读的视线：

也可以用于强调某些重点元素：

那么，如何为页面选择一种合适的点缀色呢？

首先我们要知道，点缀色必须要跟页面中的主色跟辅色都形成鲜明的对比。

因为只有这样，点缀色才能成为页面中较醒目的那个点。

而颜色差异对比最醒目的配色组合，也就只有对比色跟互补色了：

也就是说，为页面选择点缀色的过程，就相当于一个“根据页面中的主色与辅色去选择一个对比色或是互补色”的过程。

▎举个例子，以下是一页只有主色（蓝色）与辅色（红色）的PPT：

我们先登录配色网站color.adobe.com，根据主色与辅色挑选出一个合适的对比色：

接着把最终挑选出来的对比色【黄色】运用到PPT中，作为点缀色使用：

完美~

实操案例

光说不练假把式，接下来咱们就拿下面这几页PPT来开刀，看看上边我扯的那堆理论有没有卵用。

首先，我们先定一个《浪漫圣诞》的PPT主题，根据这个主题，我首先选择了一个最能让人感到浪漫的粉色作为主色：

接着，为了更加突出页面的浪漫感，我选择了粉色的同类色来充当辅色：

最后，为了让页面看起来不那么单调，我使用了作为粉色对比色的浅蓝色来充当点缀色：

至此，页面的配色就算完成了。

值得一说的是，你别看我配起色来好像很轻松的样子，其实这个成功案例的背后还有一堆被我毙掉的稿子…

也就是说，我们在设计时，理论指导虽然很重要，但想要得到最终的理想结果的话，还需要经过很多次的尝试才行。

所以现在你能理解为什么设计费那么贵了没…

最后，现在我们来总结一下以上2000字都说了啥玩意儿：

1）主色能决定页面的主要视觉效果，我们需要根据主题或风格来确定主色；

2）辅色要根据主色来定，也可以直接用黑白灰，它们都可以让页面看起来更丰富；

3）点缀色一般运用于颜色较单一的页面，它具有引导视线、强调重点、增添亮点等功能。

好了，本期催命长文就写到这里…

不过也不知道到底是在催你们的命还是我的命…

我是小木，咱们下期再贱…

欢迎关注小木的公众号“跟我学个P”

在很多的大型网站把登录和首页放在一起设计，由此可见产品登录页面设计的重要性。一个出彩的登录界面，将提升产品的品质，赋予产品独特的气质。登录界面也是一个发挥情感化设计，提升用户体验，拉近与用户之间距离的兵家必争之地。

无论网页或是移动APP的设计，很重要的一点是如何能在小而美和功能复杂性之间找到平衡点。 在执行设计的第一步，便是思考如何利用原型工具诸如Mockplus或Axure在初始阶段把握产品登陆页面设计的技巧。

一、 学会做减法

跳出登录界面设计中的条条框框，搭配简单的配色，醒目又大方。

二、 结合用户界面设计-页面背景

1. 模糊背景

模糊背景的运用不仅让整个网站显得更加人性化，并且在很大程度上烘托出网站所要表现的氛围。

2. 暗色背景

在暗色背景中，明亮的输入框便吸引了所有的注意力。

3.扁平化纯色背景

三、清晰的视觉纵线

人的视觉浏览一般呈“L”型视线，意指从上到下，从左至右，表单的视觉浏览顺序符合“L”型规律就基本符合用户的心理预期。

四.注重用户体验设计

登陆和注册表单的使用率非常高，一个表单的设计其实也不是简单的事情，用户体验是必须要考虑的事情。哪怕是一个注册表单，也值得再细心研究。如果不重视用户体验，就会致使网站流失大量用户。一切以最佳用户体验为出发。

1.减少用户的强制性操作

2. 减少用户输入

一般说来，注册表中每增加一个字段，注册率就会相应的下降。

3. 信息化注册提示

为终端用户提供有效的信息提示是用户体验设计中的最好方式，尤其是在用户注册填写信息具有多个输入域，而在需要填写的字段互相可能产生歧义的时候，这些消息提示可以减少用户的思考和猜测时间。

4. 错误密码输入记忆

当用户第一次输入一个错误的密码时，系统在判断错误后同时把用户输入的错误密码保存记忆，当用户再次输入这个错误密码时，系统会自动在客户端提示“密码错误”。

以上就是一些常见的网页或APP产品登陆页面设计的技巧。巧妙的设计是吸引用户的第一步，站在用户的角度，让更多的用户通过登陆注册这扇大门真正的走近和了解我们的产品。