优秀设计的评价标准是什么？

在我做界面遇到问题的时候，前辈经常建议“多看看好的设计”，可是现在平台上琳琅满目的设计作品，到底哪些是值得学习的，又觉得难以辨别，凭自己的感觉难免会有偏差。因此有时候自己找的学习对象就有一些问题，自然也就做不出好的设计。

多次碰壁之后，自己总结了三个分辨好坏设计的套路：具有视觉吸引力；细节处理到位；实用。

具有视觉吸引力

当我看到一个作品的时候，首先看它是否具有视觉吸引力。这个吸引力和单纯的好看还不太一样。好看的设计不一定就是好的设计，但是好的设计一定要具有视觉吸引力。好看不好看的评判是很主观的，但是视觉吸引力是有原则可循的。我把他们分为以下三个参考标准：层级分明、一致性、小特别。

1、层级分明

清晰的层级结构能让用户看起来更加舒适，也能够快速的获取重要内容。那么我们在看的时候判断它是否层级分明，主要看不同的模块之间是否区分明确；界面中主次是否分明；是否符合用户的阅读习惯。

首先，好的界面，都是分模块展示的，而不是平铺直叙。并且不同的模块之间区分明确。当我们看到一个界面，不能快速的区分出不同的模块，那说明它的模块区分的不够好。比如下图，右图看着就更加舒适、清晰。

其次，内容要有主有次，重要的信息突出，次要的信息弱化。一个模块中的重要内容只能有一个，如果有多个重点，那就等于没有重点。以下图为例，左图没有主次，右图很明显就能知道重点内容是什么。

最后要根据视觉流的原则去审视这个界面是否符合用户的阅读习惯。比如说我们的阅读习惯是从左到右，从上到下，但是界面的重点内容却放在视觉流程的尾端，是不是就不太合理呢？

2、一致性

这里说的一致性，一方面是视觉上的一致，另一方面是与已知的一致。视觉上，一个产品中页面的风格、元素、间隔等都要遵循统一原则，同一层级的内容要统一，比如说同为模块标题，字体色号却不一致，这样就会导致页面的混乱。

与已知的一致，是把设计与生活联系起来，让用户看到这个设计就能想到生活中相关的东西，具有熟悉感，也更容易上手。比如说界面中的票券设计，与生活中的票券可撕样式保持一致。

3、小特别

为什么这里说是小特别，没有说大差异呢。因为我认为，UI和平面设计还不太一样。平面重视觉，追求视觉冲击力。但是UI界面更多的是追求好用。用户已经习惯了已有的视觉形式和交互模式，突然来了一个颠覆性的设计，用户反倒不知所措。但是又要有差异，区分那些常规的设计。所以我在看的时候就去看一些符合现有的习惯，但是又有些微创意在里面的。

细节处理到位

有句话说，真正考验设计能力的是设计细节上的处理。的确，一个界面的细节把握能很大提升一个界面的品质，有时候我们看到一个界面，大问题没有，但就是有些粗糙，不够精致。这就是细节处理不到位的结果。小到一个卡片的圆角设计，分割线的粗细、颜色设置等，都能影响一个界面的整体感觉。

比如说下面的分割线，左面的色彩粗细都很合适，能够在不干扰内容的情况下，做到分割的作用。右侧的颜色过重又是通栏效果，给人的感觉就很生硬。

实用

好的设计最终都是要落地的。起初我通常会更加关注这个界面好不好看，事实上比好看更重要的是好用、实用。因此平时看作品的时候要分辨出哪些是单纯视觉好，但是实现起来成本会比较高或者效果并没有那么好的。

我在学习的时候就尽量多去看线上产品，毕竟经得起市场考验的才是好的设计。平台上很多概念稿，有些简单的大图堆积就很漂亮，但是在做的时候可能并不实用。因为作者在设计的时候都是精心挑选的图片，我们在看的时候就很容易忽视细节，而只看到了图片的效果。但是也要去看概念稿，因为概念稿里有很多大胆的配色，创新的形式可能是线上作品中所缺乏的。

划重点

好的设计要具备以下几个特点：

第一是具有视觉吸引力，首先要层级分明，具有一致性，并且有一些小特别；

第二是细节处理到位，页面具有品质感；

第三是实用，比好看更加重要的是实用。

虽然我总结了几点好的设计的特点，但是并不是说不具备这些特点的就完全不好。事实上很多作品都有我们可以学习的点。总结的不足的地方，还希望大家指正。我们一起学习吖。

作者：山竹屁

公众号：海盐社