麦子学院 2018-05-25 20:21
UI设计新手必看:如何塑造APP产品的极简风格
回复:0 查看:2704
在内容越来越多的前提下,设计师应该减少无用信息的干扰让用户可以快速聚焦的到内容本身,这种“少即是多”设计思路就是我们常说的极简风格。
UI设计学习
塑造APP极简风格的最简单粗暴的法则就是:
删减与用户任务无关的非功能性元素,只保留重要的信息,减轻用户的认知负荷。
那么如何去判断一个设计元素的取舍呢?
APP ui设计师应该问自己以下三个问题:
1、这个设计元素在当前界面中是起什么作用的?能够完成什么样功能?
2、去掉以后是否会影响用户正常操作?
3、如果影响用户操作,可否有更简洁的设计元素来替代?
下面就举例来说明一下:
以 微博 APP的如图界面所示:
微博APP界面中每条动态下面的icon能否去掉呢?
这里icon的使用主要是用于 提升信息的可读性 ,因为相对于文本信息,具象元素可以更好的完成信息的传达。但是这只是起到一个提升作用,即使我把icon拿走,用户也会知道这三个是转发、评论和点赞。
而上图当中 转发、评论、赞的icon 可以去掉的吗?
回答当然不能,我们要 考虑不同的使用场景。不同的界面交互策略 等因素来衡量。
当这条动态没有任何人点赞,评论,转发的时候,我们把icon拿走是没有问题的。
但是一旦出现了互动,那么icon就完全取代了文字成为这个功能唯一的可识别性元素,后面的数目显示的是互动强度。
即使我一直很推崇的“一个”应用,它的界面设计简单到不能再简单,在这里还是保留了icon,所以我倾向于保留,当然如果你有更好的方案可以交流。
如下图所示,最好的APP案例证明:
第二种删除是指将所有不必要的功能去掉,直到无法继续删减为止。
在进行设计的过程中,经常会想着万一用户需要这个功能却找不到,所以还是留着比较好。其实这种想法是不需要的,只要这个功能对于产品的定位用户而言,不是多数人所需要的就没有存在的价值,有的时候删除比留下更好。
这样的情况很多。比如这样的音乐播放器界面:
所以很多时候,我们在对APP界面进行设计时,需要经过反复的思考推敲。
如何通过不同的色彩和排版设计去实现简约,让用户觉得层次清晰,重点突出,简单又很专业,是每个设计师都想要知道的问题。
除了平常的多看、多想、多做,还有一些简化APPUI界面的小技巧,也需要知道。
虽然说less is more,但是并不代表可以随意减少功能,想要打造出简约的产品设计,可以从删除、组织、隐藏以及转移这四个方面入手。
UI设计学习
塑造APP极简风格的最简单粗暴的法则就是:
删减与用户任务无关的非功能性元素,只保留重要的信息,减轻用户的认知负荷。
那么如何去判断一个设计元素的取舍呢?
APP ui设计师应该问自己以下三个问题:
1、这个设计元素在当前界面中是起什么作用的?能够完成什么样功能?
2、去掉以后是否会影响用户正常操作?
3、如果影响用户操作,可否有更简洁的设计元素来替代?
下面就举例来说明一下:
以 微博 APP的如图界面所示:
微博APP界面中每条动态下面的icon能否去掉呢?
这里icon的使用主要是用于 提升信息的可读性 ,因为相对于文本信息,具象元素可以更好的完成信息的传达。但是这只是起到一个提升作用,即使我把icon拿走,用户也会知道这三个是转发、评论和点赞。
而上图当中 转发、评论、赞的icon 可以去掉的吗?
回答当然不能,我们要 考虑不同的使用场景。不同的界面交互策略 等因素来衡量。
当这条动态没有任何人点赞,评论,转发的时候,我们把icon拿走是没有问题的。
但是一旦出现了互动,那么icon就完全取代了文字成为这个功能唯一的可识别性元素,后面的数目显示的是互动强度。
即使我一直很推崇的“一个”应用,它的界面设计简单到不能再简单,在这里还是保留了icon,所以我倾向于保留,当然如果你有更好的方案可以交流。
如下图所示,最好的APP案例证明:
第二种删除是指将所有不必要的功能去掉,直到无法继续删减为止。
在进行设计的过程中,经常会想着万一用户需要这个功能却找不到,所以还是留着比较好。其实这种想法是不需要的,只要这个功能对于产品的定位用户而言,不是多数人所需要的就没有存在的价值,有的时候删除比留下更好。
这样的情况很多。比如这样的音乐播放器界面:
所以很多时候,我们在对APP界面进行设计时,需要经过反复的思考推敲。
如何通过不同的色彩和排版设计去实现简约,让用户觉得层次清晰,重点突出,简单又很专业,是每个设计师都想要知道的问题。
除了平常的多看、多想、多做,还有一些简化APPUI界面的小技巧,也需要知道。
虽然说less is more,但是并不代表可以随意减少功能,想要打造出简约的产品设计,可以从删除、组织、隐藏以及转移这四个方面入手。