你的UI设计合格吗？收好这4个维度的自测清单

今天讨论一个对于新人普遍且迫切的问题，那就是 —— 如何分辨界面的好坏。

这对于设计师来说是最重要的能力，尤其在初学阶段，对界面好坏的分辨能力决定了我们能否判断自己作品的优劣，如果连自己作品优劣都判断不了，那进步就无从谈起，它是初学者进步的基石。

更多UI设计干货：

界面的专业评判角度

评价设计的好坏，是一种专业能力，是需要经过专业学习和训练才能掌握的技能。所以我们首先要认识，评价作品好坏需要从哪些角度出发，才能知道所需专业的知识要求有哪些，以及如何进行提升。

进行设计作品评价的第一步，就是确定评价的范围和标准，这也是最最最重要的基础。因为一个作品可以从不同的角度和范围进行解读，就会得到不同的评价结果。

比如评价一个界面，我们是仅评价这个界面的视觉本身，还是会变成探讨整个项目的视觉风格、产品提供的功能服务、所属集团的企业战略等，这是个听起来很离谱但是却很常见的问题。

举个具体的案例，比如我们之前做肯德基界面改版，在围绕视觉部分做优化的目标下，很多人的评价会变成“没那味儿（不够土）”、“老板不喜欢”、“运营不懂” 等，这些问题压根就不是改版的目标，而改版中针对问题的解决方案是否合理闭口不谈。

或者在很多大厂设计团队发到网上的设计案例，下面的评价一大堆是在点评产品体验、服务、策略的，却不直接讨论设计本身的优劣。

这就是评价偏离原有目标和范围的直观表现，看起来既尴尬又荒谬，它们这不叫评价设计而叫抬杠，是种外行且不专业的表现。

一定要以这些案例警醒自己，设计作品的评价是需要制定目标和范围的，否则只是无效的评价对我们一点帮助和成长都没有。

基于这个认识，我们就可以理解作品评价最底层的维度，客观评价和主观评价。

客观评价是使用专业视角分析，用专业的经验、知识、理论来探讨设计的合理性和优劣。而主观评价则是基于我们个人的性格特点和偏好来评价设计，是纯个人角度。对于任何对象的评价这两者都会共存，而我们要做的就是辨识、隔离它们，让他们不相互作用和影响。

就像一个顶级厨师可以做出专业角度无可挑剔的海鲜料理，但如果你不喜欢海鲜，它做的再好你也不会喜欢，但从品鉴角度上你必须抛弃自己的喜好去评价它。所以作为职业人士，我们要做到的，就是即使是自己不喜欢的设计类型，也能用一种客观、专业的视角去看待它，而不是被自己的主观偏好牵着鼻子走。

接着，我们就要讨论客观评价的部分，本篇分享我们就聚焦再单一页面设计上的评价（不考虑整个项目），那么就可以从下面几个不同的维度进行讨论，分别是：

1. 规范标准
2. 交互可用性
3. 视觉样式
4. 设计感

维度 1：规范标准

规范标准指的是对界面设计最基本的要求，也是我们评价一个界面的第一个步骤。比如系统组件的使用是否正确，最小字号是否在可见范围里，内容信息的预览是否清晰可见等。

如果这些标准没有满足，那这个界面的设计就属于连入门都还没达到，没有往后探讨评价的必要。比如下面这些案例：

维度 2：交互可用性

交互可用性即该页面提供的功能是否是能用的，虽然一个页面往往不会表现出太多的交互性，但很多设计得很激进的样式会缺乏这部分的考虑，从而导致交互就存在不完整或其它缺陷。

对于设计样式很特殊的“飞机稿”，交互可用性问题就非常突出。虽然单一页面的设计评价交互和体验不是重点，但它们首先要保证可用，如果可用性都不具备，同样也是不及格的设计。

维度 3：视觉样式

视觉样式即界面中包含的平面、图标、组件样式的设计水平，比如最基础的平面四要素对齐、亲密、对比、重复的使用情况。很多设计细节看起来不对劲、不精致的作品，几乎都可以从这四个角度去中找出问题。

再到图标的设计，图标是否风格和整体贴合，尺寸是否前后一致等问题。

再到组件层面，组件的样式决定界面的最终设计，做的“不好看”的界面必然有组件的问题，所以可以再聚焦到界面中的具体组件，来考虑它们设计的合理性。

维度 4：设计感

设计感就是界面设计专业性、美观度的水平，即设计的好还是不好。

而只有在前三个维度都已经找不出问题以后，才能真正进入设计感的讨论，这是新手和外行无法认识到的第一点。因为前三个维度是对界面的基础要求，是完成优秀界面确定的、必要的条件，反应了设计师本身的基础掌握水平，是评价设计的及格线的标准。如果这种基础都做不好，就等于没过及格线，也就没到讨论设计感的时候。

而设计感本身又是个抽象的概念，很难用一种标准的、确定的方式去描述它。所以我只给出我自己的定义逻辑，给大家提供一定的参考。

第一档，是刚过及格线的“不出错”的“安全的”设计。即界面都符合专业标准，设计得有板有眼，但没办法说它们设计的非常好非常有设计感，但要说它哪里有毛病又挑不出来。

比如类似像微信、网易邮箱、澎拜新闻等应用，就属于这类范畴，安全却又平庸。

第二档，则是视觉效果丰富，包含较有特点的创意、风格、特征的设计。这类界面在一些消费类应用中非常常见，花哨但不失专业性，炫技能炫出让人接受的结果。

第三档，则是明显和市面常见风格形成差异性，有自己独立设计特征和风格的设计，且不再沉溺于炫技和叠加效果，而是更追求“恰到好处”的设计（我们俗称的这个 B 装的正好，多了点细节在里面）。这也是设计感的最终体现 —— 高级感。

能满足这种标准的设计并不多，比如早年拿过红点奖的韩国应用 29cm（案例比较老，但是有开创性，感兴趣可以自己找找），这些设计往往都能成为行业的标杆，需要先有足够的阅片量，才能比较好的区分它和炫技设计之间的区别。

最后总结一遍，评价界面设计好坏首先要确定自己是按客观角度还是主观角度去评价，主观角度想怎么评随便你，你开心就好（你的草原你的马，你想咋耍就咋耍）……

而从客观角度出发的话，就包含两个阶段的评价。第一个阶段是对专业基础要求的审视，包括规范、可用性、视觉三个维度，只有它们都符合要求以后才进入到对设计感的评价。

而设计感分三个阶段，第一档是仅及格的普通的、平庸的设计，第二档是酷炫的、复杂的设计，第三阶段则是独特的、高级的设计。

客观评价设计是有门槛的，需要专业知识储备的，这也是很多初学者无法有效评价设计的原因。但这就说明初学者不能评价设计只能埋头学习吗？当然也不是。

对于初学者来说，最重要的是能建立起优秀设计的模糊标准，并以此审视你看到的界面。达不到这个标准的就是不及格的，达到这个这个标准的就是优秀的，即使你自己也不知道原因。

这个标准是会随着你的经验、实践、审美的提升也逐步上升，而我们要做的就是让它跑在我们的实践水平前面，这样才能确保我们无法对自己当前的设计水平表示满意，从而去发现问题，形成进步的。

而具体应该怎么建立这种标准，或者说提升前期的审美，篇幅关系我们就留到下篇分享再做说明！！

结尾

评价设计好对于专业设计师来说再感官上是很清晰简单的，但要具体描述、解释出来却很麻烦，这也是我们很难和你们解释这个设计好还是坏的

而这种能力是每个设计师都必须掌握的，否则设计水平就只能原地踏步。对于有工作经验但设计水平停滞不前的设计师，你们可以自己思考下这方面的能力是否也已经止步不前很久了？

欢迎关注作者的微信公众号：「超人的电话亭」