UI设计新手，该怎么按“规则”做设计

2023-06-09 分类：网站建设

“对于设计新手来说，每当从产品经理手中拿到一份需求的时候，你有没有在设计前想过为什么会有这些需求？或者是拿到需求后，无从下手，不知道该怎么用设计去表达解决产品的需求？”

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

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

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

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

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

不同用户场景1：首要次使用的新用户

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

总结

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

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容