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

Recommand
上海/UI设计师/2年前/54浏览
UI设计新手,该怎么按“规则”做设计Recommand

对于设计新手来说,每当从产品经理手中拿到一份需求的时候,你有没有在设计前想过为什么会有这些需求?

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

一、先搞清楚:给谁用?在什么时候用?(不同用户的不同场景)

首先,你必须要分析做的这个设计解决的是什么人(用户)、在什么时候(场景)下的问题?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

三、重点优先级:功能+交互操作+视觉(层次要清晰)

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

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

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

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

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

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

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

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

五、取舍:功能性能大于视觉(好用之后才是好看)

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

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

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

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

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

总结

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

0
Report
|
收藏
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
8月的“话”
Homepage recommendation
相关收藏夹
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
精选收藏夹
作品收藏夹
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
精选收藏夹
作品收藏夹
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
精选收藏夹
作品收藏夹
IP形象——动物类
IP形象——动物类
IP形象——动物类
IP形象——动物类
精选收藏夹
作品收藏夹
文创
文创
文创
文创
精选收藏夹
作品收藏夹
一些小动物
一些小动物
一些小动物
一些小动物
精选收藏夹
作品收藏夹
大家都在看
Log in