UI设计初学者都应该知道的五个准则

对于新手设计师来说，当你从产品经理那里得到一个需求时，你会在设计之前考虑为什么会有这些需求吗？或者你不知道在你得到需求之后如何用设计来表达和解决产品需求？

其实做任何事情都有规律可循，做设计依然，在这里我们就让这些常见的基础难题，用金手指抽丝剥茧一一化解，这个方法，我叫它5大金手指原则：

一、先搞清楚：给谁用？在什么时候用？（不同用户的不同场景）

首先，你必须要分析做的这个设计解决的是什么人（用户）、在什么时候（场景）下的问题？

而我在他们前面都加了一个词“不同”。

举例为（一个直播社交APP设计首页，也要考虑划分两个不同场景）

不同用户场景1：第一次使用的新用户

他对一个界面的是完全陌生的，所以他进来的首次体验是非常重要的，这个状态不是一块空白的画布，它应该能够为用户提供方向和指导。

比如推荐喜欢的直播、热门的主播、简单清晰的使用提示等，以此来帮助用户快速适应设计而留存用户。

不同用户场景2：使用过的老用户

对于这种老用户，他已经对界面熟悉，而且也有过操作记录，所以当他进入首页的时候，他以前所操作的数据是不是就应该会匹配显示。比如他关注的直播列表、主播、他自己个人化的定制等。

所以即使是同一个界面，在不同用户的不同场景下设计也要细分，有所区分的进行设计。

二、搞清楚：用户在这个页面要做且必做的一件重要的事是什么（每个页面只有一个北极星目标）

做事情不能三心二意，做页面设计亦是如此。

界面设计要简洁，一个页面只承载一个最为重要的功能，完成最重要的一个指标（北极星目标），如果一个页面要表达的东西太多，那将会给用户带来选择恐惧，想要说都是重点那也将都不是重点。

有人常常会遇到说：一个页面，产品经理给的需求里要呈现的重要信息太多怎么办？

好办，我们可以把这个重要信息列出来，然后再从根源（用户的第一需求、逻辑的先后顺序）做筛选。

按照P1、P2、P3的优先级来进行视觉设计。

P1一定是有且唯一的，我们要重点突出它，引导来达到并提高这个功能的转化率，让用户不用思考，立马直接去操作就对了。

当然在一个主要动作的同时，可以存在多个次要动作，但不要让它们喧宾夺主。

三、重点优先级：功能 交互操作 视觉（层次要清晰）

做设计要让页面的元素具有清晰的层次，一个页面的重点是什么？次之是什么？最弱化的是什么？

而这个层次从三个方面都要有设计体现：功能 交互操作 视觉。

一般情况下，这三个的优先级基本是一致的， 功能的优先级决定了交互操作和视觉的优先级，视觉优先级引导用户的操作路径的优先级，他们互相制约互相影响。

那么可以通过强烈的视觉层次感来实现，比如大色块、大图片、大字号、颜色、金刚区位置、微动效等等区分优先级。

四、可识别性是第一视觉原则（能一眼看清和看懂）

清晰明了的识别是界面设计的第一原则。产品最好不要搞朦胧派、抽象派，要想你设计的界面立意准确、有效有用，首先就得保证用户能够准确的认出它，然后准确的操作使用它。

举例：你要设计一个按钮，那它看上去就必须像个按钮，灰色按钮告诉你是不可操作，彩色的按钮是可以操作的。如果是个阅读APP，那就不能把背景弄得花里胡哨，完全看不清上面的文字。

简而言之，就是要保证你这张脸是干净的没有脏东西，眼睛是眼睛，鼻子就是鼻子。

五、取舍：功能性能大于视觉（好用之后才是好看）

对大多数设计师来说，都把自己定位为视觉型设计师，把颜值看得比生命还重要，殊不知我们应该晋级成为产品型设计师、运营型设计师甚至是还要懂一点技术的设计师，要带着用户的思维从源头来看这件事，那就是设计这个界面的目的是什么？

答案：为了解决用户的问题。

举例：我需要一把椅子，设计师花了很多心思远赴千里从国外找到材料，做了一个很美观很高大上的桌子，虽然精美花费巨大，但是你觉得有用吗？用户不会选择使用它，它就是失败的设计。所以，你还不如就在隔壁拿一把木椅子给我，虽不精美但是又快又有用，何乐而不为。

因此，界面设计不仅仅只是设计一个美丽的外表，它必须在保证有用好用的前提下再是好看！

有舍才有得，即便舍弃视觉也要保障功能性能。

总结

无论是设计前的思考，还是完稿后的审查，都可以按照上面金手指的5个步骤标准，保证设计的完整性、合格性。

以上就是本期分享的全部内容，我们下期再见~

转载声明：本文来源于网络，不作任何商业用途