APP的UI设计如何利用极简主义,避免臃肿的布局

2020-11-05 08:28:39  15 浏览  0 评论   赞

内容要简化,删除一些看起来好看,但是不实用的功能,适当使用风格的线条,划分功能区域;形式要简约,可以隐藏一些内容,使用功能性特效等

界面信息太多,我们可以利用“极简主义”,避免产品在界面布局上越来越臃肿。什么是极简主义?产品设计上的“极简主义”大致分为两种:内容简约和形式简约,具体两者有什么区别?下面我们来看看!

内容简化

要给页面做简化,首先要确定界面中每个元素存在的必要性,弄清界面中每个元素的实际作用并进行评估。对于那些作用有限的纯装饰元素该删除的就删除,确保界面的简洁。

1. 删除旋转唱片元素

内容简化_APP的UI设计如何利用极简主义,避免臃肿的布局

图1350-1:唱片元素

几款常用的音乐类应用播放APP界面,其主体都是一个旋转的唱片。但这个“唱片”占据的界面空间实在太大,导致其他常用功能必须在剩下的空间里排布,显得十分拥挤。

播放界面去除虚拟“唱片”,不仅减轻视觉上的重量,而且还提升界面的易用性,减少用户找功能和位置的时间,更好地提升APP的用户体验。

2. 去线化

内容简化_APP的UI设计如何利用极简主义,避免臃肿的布局

图1350-2:分割线

分割线主要的作用就是帮助用户区分界面中不同级别和维度的内容,完成信息层级的构建。

虽然分割线能在内容区分上,表现不同模块之间的独立性,但线条的存在却阻碍用户的浏览视线,影响信息的获取效率。尤其对于本身布局就很有条理的界面,分割线无疑就是“鸡肋”。

但需要注意的是,对于那些内容和功能都较为复杂,如微信朋友圈的界面,由于其内容类别较多可以发纯文字动态、分享歌曲、视频和文章,且图片上传的张数也不一样,因此一旦删除分割线,有可能会使界面变得更加凌乱。

形式简约

如果我们无法删除界面的内容量,不妨从更深层级进行简化,让界面显得更加简洁。

1. 临时视图

形式简约_APP的UI设计如何利用极简主义,避免臃肿的布局

图1350-3:链家APP的地图找房

我们都习惯将页面作为内容的容器,这会导致页面内容过于臃肿,其实对于某些内容,我们可以考虑使用临时视图来承载。

例如:链家APP中的“地图找房”功能,出现在界面中间,使用浮窗,并添加阴影,拉近与用户之间的“距离”。

2. 隐藏机制

界面中有那么多功能,但并不是每个功能都是用户全程需要的,如果我们能提前知道用户在某些场景下对特定功能诉求很低,就可以考虑隐藏这个功能。

如:使用MOO音乐APP时,当用户向上滑动,顶部搜索框是隐藏的;当用户向下滑动,搜索框是展示的。这样就能给用户提供更多浏览空间,同时用户若对当前推荐的歌曲不满意时,搜索框适时出现帮助用户查找想要的歌曲。

3. 功能性动效

形式简约_APP的UI设计如何利用极简主义,避免臃肿的布局

图1350-4:喜马拉雅FM

功能性动效的合理使用可以很好的缓解页面布局的压力。

以喜马拉雅FM为例,改版前APP为了提升用户粘性,让用户能上传更多作品,会将“录音”按钮做成大色块的样式,虽然醒目,但却会使界面失衡。改版后,使用动效进行引导,且用户首次进入页面时,“我要录音”按钮会出现水波纹动效,吸引用户注意力。

极简主义风格的网站界面设计就是要做到少即是多的原则,也就是删除没用功能,隐藏不必要的功能,仅保留有用的功能,在不影响产品的用户体验下,提升界面的价值。

 

转载请注明:网创网 www.netcyw.cn/b1350.html

赞 ()
发表评论
  • 昵称
  • 网址
(0) 个小伙伴发表了自己的观点
    暂无评论

Copyright © 2018-2019 小王子工作室 版权所有 滇ICP备14007766号-3 邮箱:yangzy187@126.com