手机二维码 手机二维码

[UI设计]新手做UI设计的参考规则

发表时间:2020-09-25    人气:531    来源:原创

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

 [UI设计]新手做UI设计的参考规则

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 [UI设计]新手做UI设计的参考规则

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

    因此UI界面设计不仅仅只是设计一个美丽的外表,它必须在保证有用好用的前提下再是好看!有舍才有得,即便舍弃视觉也要保障功能性能。

 [UI设计]新手做UI设计的参考规则

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


每日前50名预约咨询

可免费获取专属优惠

*
*

电话咨询

400-0731-162

在线咨询

返回顶部