Hi,

你那里下雨了吗？

我是你的好朋友、写给设计的值班人有福气的豆豆。

01

 KISS原则 

在设计当中，有一个非常重要的原则，就是“KISS原则”。那什么事KISS原则呢？肯定不是“吻”的意思了。

KISS,是Kepp it Simple and Stupid的缩写。从字面意思我们就能明白，“保持设计的简单行和愚蠢。”那说的更直白一些就是：设计的，连白痴都会用。

这是我们在产品设计和UI设计、UX设计当中，遵循的原则之一。大道至简，简到不能再见，直白，而无过多冗余之处。

KISS原则，也通常被称为“懒人原则”。最初是在1960年被提出来并应用于美国海军的相关设计。时至今日，设计在技术和思路上都经历了翻天覆地的发展变化，但是KISS原则依然非常的重要。

这个Kiss非那个KISS，但也是Less is More的原则

绝大多数的设计师在刚刚开始接触设计的时候，或多或少都接触过KISS原则，但是在具体实施的时候，却常常不知要如何实施。想要创造一个足够简单的设计，可能比你想象的要复杂一些。

接下来，我想和你说一说7个KISS的规则，希望能够帮你在杂乱的思路里面，理出一条Less is More的通路。

02

 7个Less is More（KISS）规则 

1.一个页面，一个目标

什么是“一个页面，一个目标”呢？

我们可以列举一个非常简单的例子：登录或者注册界面。我们可以看到的是：用户填写用户名或者账户，和密码只有一个目标：登录或者注册。这就是一个目标，而且一个页面，只有一个目标。

知乎APP登录界面

你设计这个页面的最终行为是要引领用户进行某一个操作，从导航到页脚都要围绕这一个目标来设计。

可以是点击一个链接，也可以是在表单中输入信息，还可以是查看视频或者进入一个游戏。但是不论是哪种，都应该关注单个用户在这个页面中的转化率。

因为，分散用户注意力的东西太多了，他们可能因为这些干扰而打断了原本正准备进行的操作。所以，你要做一个目的性明确的设计，集中精力来引导用户。

每个按钮上下的设计元素，包括滚动的效果本身，都尽量将用户导向按钮、链接等。这种目标上的一致性能够很好的帮助用户了解他们需要在网站上做什么，简单的选择往往能够让用户更轻松参与进来。

2. 坚持使用一两个字体族

字体的使用，其实不用我多说，我们做设计的都知道应该怎样应用字体，包括在一个页面当中使用的数量：不要超过三个。

那么，你有没有想过，减一下，不超过2种字体呢？也许，当你的字体数量缩减到2种的时候，会让整个设计的凝聚力更强。

许多字体族当中，不同的字重能够创造足够的视觉对比度。许多字体族当中甚至包含了多种不同样式的字体，其中有些可选的字体形式感十足，甚至非常适合用来做尺寸超大的标题。

所以，你的主要工作是挑选适合正文用的字体以及用作展示的字体，选择两套能够相互搭配的字体族，那么你整套设计可用的字体搭配应该都可以搞定了。

接下来你会发现，这样的字体搭配能够让你的整个排版和视觉层次更易于管理控制。

3. 使用一致的对齐方式

左对齐，居中，还是靠右对齐，无论你是喜欢哪种，尽量在整个设计当中贯彻这种方式。这种对齐方式的选取不仅仅是文本本身的对齐，还包含了各种其他元素的对齐方式。

统一的对齐方式，可以保持风格的一致性

左对齐和居中对齐是最常见的两种对齐的方式，因为这两种是可读性最强的排版方式。而在针对较长的文本进行排版的时候，左对齐是首选选项。

4.建立层次

层次是什么呢？

层次是一种逻辑。我们的脑子，总是喜欢有逻辑的东西。如果，没有逻辑，那么就会导致我们的大脑混乱。

建立层次，说的就是有逻辑性。即使是最简单的视觉排版，都应该具备足够清晰的层次。

你的设计应该从主视觉开始。它可以是一个图像，也可以是一个视频，同样可以是一段文本，但不论是哪种，它都应该是给予用户第一印象的元素。

你的第一视觉落在哪里？

接下来，通常需要有一些文字内容，告知用户这个设计或者这个网站是干啥的，通常，它会以标题的形式和主视觉搭配起来，一同传递信息给用户。

随后可以增加一些说明性的副标题。此外，还应该提供导航等元素，因为基于用户的浏览习惯，他们会期望看到这些内容，并且已经具备了与之相关的浏览习惯。所以，通过这样层次化的设计，可以让用户更便捷地获取信息。

5. 运用空间与留白

不要纠结于留白太多，留白其实是服务于各种设计元素的，它会让你的设计更好。

如果你想要设计真正简单直观的设计，留白是必不可少的组成部分。给每个元素足够的空间，有空间的衬托，才能让这些元素被用户注意到，因此，千万不要让整个布局杂乱不堪，而应该创造有视觉焦点的布局。

不要觉得留白太多

使用空间窍门在于一致性的把控。为每个元素周围的留白、文本的字间距、行间距都设定好，然后尽可能保持规则性。如果这样设计出来的效果看起来不自然，也许你只需要对留白稍加调整就可以了。

当你打开自己的设计，视觉自然聚焦到你想要用户看的地方的时候，你就会知道你的留白和空间设计是对的。

6. 强化对比度

从色彩到尺寸大小，具有高对比度的设计元素能够让整个项目的设计感和精细度得到提升，哪怕是在极简的设计框架之下。

明亮而又富有对比度的配色是许多跟随流行的项目所青睐的选择，因为这样更容易吸引用户的注意力。

有对比才有强烈的感受

大胆的配色让一个简单的设计显得更加富有设计感，也更加有趣。为了充分的利用色彩的对比度，尽量选择色轮上相对位置的色彩搭配，并且调整色彩饱和度到合适的状态。

也许你会在其中寻找到意想不到的搭配。

7. 使用一致的图标和元素

这个，做UI设计的深有感受。

来自uimaker.com的一套图标，风格统一，漂亮，美观

保持一致性，创建一整套系统而一致的图标和UI元素合集与规则是相当有必要的，一旦你完成设定，应该在整个设计项目中贯彻并运用这套UIKit和规则。

03

 写在最后 

当你看到最后，还记得我们一开始提到的KISS原则吗？

简单直观的“白痴”设计并不一定非得是极简的，它同样可以是丰富而又有趣的。重要的是：当你的用户在使用的时候，可以够简洁、直观，而不会迷茫和迟疑。

好了，今天的分享就到这里了。我是你的好朋友、写给设计的值班人有福气的豆豆。明天见啦~安~

你知道晚安（WANAN）的意思吗？

WAN AN

W A N A N 

WO AI NI AI NI 

我 爱 你 爱 你