APP极简风格的塑造法则之一:学会删减元素【案例篇】

APP极简风格可以说是2017年移动端的设计趋势。也是众多知名APP主要的UI设计风格。

比如nothing APP、极简APP、留白APP、想去APP余音APP等等。

 

当然,关于APP极简设计的干货,学堂君也分享了不少,比如:

1、移动端极简设计的修炼宝典:10条APP设计原则

2、极简风格的APP UI界面设计,你会喜欢吗

3、KYUI设计师,让你明白极简主义!

 

而今天学堂君继续举例来说明一下如何教大家具体从哪些方面去塑造自己移动端APP产品的极简风格。

重温一下什么是极简风格?为什么极简风格会火?

在内容越来越多的前提下,设计师应该减少无用信息的干扰让用户可以快速聚焦的到内容本身,这种“少即是多”设计思路就是我们常说的极简风格。

极简设计

塑造APP极简风格的最简单粗暴的法则就是:删减与用户任务无关的非功能性元素,只保留重要的信息,减轻用户的认知负荷。

 

 

那么如何去判断一个设计元素的取舍呢?APP UI设计师应该问自己以下三个问题:

1、这个设计元素在当前界面中是起什么作用的?能够完成什么   样功能?

2、去掉以后是否会影响用户正常操作?

3、如果影响用户操作,可否有更简洁的设计元素来替代?

 

下面学堂君就举例来说明一下:

以微博 APP的如图界面所示:

APP极简风格的塑造法则之一

微博APP界面中每条动态下面的icon能否去掉呢?

这里icon的使用主要是用于提升信息的可读性,因为相对于文本信息,具象元素可以更好的完成信息的传达。但是这只是起到一个提升作用,即使我把icon拿走,用户也会知道这三个是转发、评论和点赞。

APP极简风格的塑造法则之一2

而上图当中转发、评论、赞的icon可以去掉的吗?

回答当然不能,我们要考虑不同的使用场景。不同的界面交互策略等因素来衡量。

 

当这条动态没有任何人点赞,评论,转发的时候,我们把icon拿走是没有问题的。

但是一旦出现了互动,那么icon就完全取代了文字成为这个功能唯一的可识别性元素,后面的数目显示的是互动强度。

即使我一直很推崇的“一个”应用,它的界面设计简单到不能再简单,在这里还是保留了icon,所以我倾向于保留,当然如果你有更好的方案可以交流。

如下图所示,最好的APP案例证明:

APP极简风格的塑造法则之一3

 

第二种删除是指将所有不必要的功能去掉,直到无法继续删减为止。

在进行设计的过程中,经常会想着万一用户需要这个功能却找不到,所以还是留着比较好。其实这种想法是不需要的,只要这个功能对于产品的定位用户而言,不是多数人所需要的就没有存在的价值,有的时候删除比留下更好。

这样的情况很多。比如这样的音乐播放器界面:

music_player_color2

 

所以很多时候,我们在对APP界面进行设计时,需要经过反复的思考推敲。

如何通过不同的色彩和排版设计去实现简约,让用户觉得层次清晰,重点突出,简单又很专业,是每个设计师都想要知道的问题。

除了平常的多看、多想、多做,还有一些简化APPUI界面的小技巧,也需要知道。

虽然说less is more,但是并不代表可以随意减少功能,想要打造出简约的产品设计,可以从删除、组织、隐藏以及转移这四个方面入手。

下一期跟大家讲解APP极简风格的塑造法则之二:组织和隐藏。

 

每天更新,
全站高品质素材免费下载!