kiss原则在网页中的使用

1、一个页面，一个目标

想要设计一个简单直观的APP，那么你应该为每个页面设定一个目标。每个页面最终是要引领用户进行某一个操作，从导航到内容详情都要围绕这一个目标来设计。

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

分散用户注意力的东西太多了，他们可能因为这些干扰而打断了原本正准备进行的操作。所以，你要做一个目的性明确的设计，集中精力来引导用户。每个按钮上下的设计元素，包括滚动的效果本身，都尽量将用户导向按钮、图标等。这种目标上的一致性能够很好的帮助用户了解他们需要在APP上做什么，简单的选择往往能够让用户更轻松参与进来。

2、使用一致的对齐方式

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

尽管轮播图中的图片和文本的内容各不相同，但是采用统一的左对齐，文本和行为召唤按钮也是做对齐，元素与元素之间的间距也很统一，这种一致的美感让人非常舒适。

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

3、建立层次

用户不应该在查看你的内容页面的过程中费脑子思考。所以，即使是最简单的视觉排版，都应该具备足够清晰的层次。

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

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

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

4、运用空间与留白

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

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

使用空间窍门在于一致性的把控。为每个元素周围的留白、文本的字间距、行间距都设定好，然后尽可能保持规则性。如果这样设计出来的效果看起来不自然，也许你只需要对留白稍加调整就可以了。当你打开自己的设计，视觉自然聚焦到你想要用户看的地方的时候，你就会知道你的留白和空间设计是争取的。

5、强化对比度

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

明亮而又富有对比度的配色是许多跟随流行的项目所青睐的选择，因为这样更容易吸引用户的注意力。大胆的配色让一个简单的设计显得更加富有设计感，也更加有趣。为了充分的利用色彩的对比度，尽量选择色轮上相对位置的色彩搭配，并且调整色彩饱和度到合适的状态。也许你会在其中寻找到意想不到的搭配。

6、使用一致的图标和元素

设计的一致性是最基本的设计规则，也是最容易被忽略的设计规则，与此同时，它也是许多优秀的设计的秘密所在。有太多的APP采用不匹配的设计元素，导致整个设计陷入尴尬。

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

简单直观的设计并不一定非得是极简的，它同样可以是丰富而又有趣的。但是简单而易用的页面的设计过程是需要用心做才能达成的，它需要具备高度的可用性和直观的设计，确保用户在使用的时候足够直觉、不会迟疑。