最近在浏览使用一些APP的时候,发现了一些我之前没有注意到的细节。很多APP里,都有一些有趣、比较实用的设计。
有了这一发现之后,我趁热打铁,去找了大量的APP亮点设计来分享给大家,希望大家看了之后对自己的APP设计会有所帮助。
一、QQ阅读
QQ阅读,相信喜欢看网文的人不会陌生。作为一款网文阅读的APP,用户在浏览时则势必会出现伤害视力的风险,那么除了用户在时间上的把控之外,APP能做到什么?APP可以在亮度上进行调节,以最大的程度来保护用户的视力,这样的设计在市面上很多的APP中都非常常见了。
但是,QQ阅读的设计却别出心裁。用户可以通过拉动界面中的拉绳来调整亮度。这样的设计让用户有一种在开关灯的感觉,交互感很强烈,用户的体验感也非常不错。
我们还可不可以认为是APP在隐晦的提示用户,关灯了该睡觉休息了?
二、网易云音乐
在如今音乐APP市场上举足轻重的网易云音乐,其中的设计亮点自然是非常多,但最让我满意的还是下面这一个。
用户通过修改音乐播放器的样式,来让音乐播放时产生音波。如此一来,用户就可以清晰的感受到每一个鼓点、律动,更好的欣赏音乐的魅力。
三、QQ音乐
既然上面提到了网易云音乐,那么就不得不提一下QQ音乐了。QQ音乐作为“老大哥”其细节设计自然也不差。
当用户听到一首自己喜欢的音乐,点击红色爱心按钮将歌曲收藏时,下方就会飞出许多的爱心元素,飞出来的元素大小不一错落有致,在反馈用户的同时,还增添了一些互动感。
四、SOUL
suol是一款交友的APP,在主页中利用用户的名字组成一个地球的球体,也就是说不管你在地球的任何地方,都可以在soul上交到朋友。
除此之外,整个界面下方的卡片上还存在着大量的动效设计,为界面增加了设计感和趣味性。卡片上的小元素会出现一些提示性、趣味性的动作,这一整个整体的设计风格就可以让用户放松下来,不会感到紧张。
五、夸克
浏览器作为为用户解决问题的APP,其中心目的自然就是更好、更便捷、更快速的帮助用户解决难题。
在这一点上,夸克就做的很好。当用户需要输入多个文字或者字母,中间某一个字输出了,想要点击到错误的地方又很是困难,为了防止这种情况发生时用户将全部信息删除重新输入,夸克在其中加入了一个刻度条。
这个刻度条,可以让用户通过滑动来调整信息中任何一个文字或者字母。
六、bili bili
一般的视频APP中,用户想要同时三连的话需要去进行多次点击。而在b站中,为了减轻用户的负担,b站实现了这样的一键三连功能,只要用户长按住点赞按钮那么就会触发一键三连功能。
七、得物
对于现在的年轻人来说,得物应该都比较熟悉。得物里一个比较实用是设计就是这个3D空间设计,用户可以360°无死角的查看商品的细节。
清楚的感受自己是否喜欢,在这类APP中,3D设计的加入就显得十分的恰到好处。
八、BUFF
这个和上面的得物是一样的,同样是3D设计,只不过得物是服饰鞋子之类的商品,而BUFF则是一个游戏物品交易平台APP。
九、懂车帝
买车算得上是一件人生大事,普通人买一辆车需要考虑的东西很多,要考虑实用性、油耗等等一系列问题。
在懂车帝APP中,不仅能看到车的参数,还能通过3D设计查看车身细节,甚至还能坐进车内,看内饰,车内空间的大小。
这样一来,就可以帮助我们选择到自己满意的车型。
十、蜻蜓FM
什么类型的APP就加入什么类型的元素,蜻蜓FM就做的很好,作为一款收听电台广播的APP,蜻蜓FM就在其中加入了类似收音机的设计。
用户在滑动上方的卡片时,下放的收音机就会自动播放相对应的广播。整体给用户的感觉就像在一个收音机上扭动按钮来切换频道。
十一、麦当劳
而作为餐饮方面的APP,麦当劳的设计就更加深入人心。在用户挑选商品时,选择到的商品就会替代之前的商品,让用户更加直观的看到自己选择到的商品的样子。
整个画面中,融入了伪3D、动效的设计手法,整个画面的反馈感做的十分不错。
十二、高德地图
就当前而言,高德地图在市场可以说是占据了半壁江山,但高德却没有恃宠而骄,依旧在不停更新、完善自己的技术。
在高德地图中,当用户想找一个景区或者公园散散步时,用户可以通过提示滑动地图进行公园内部进行查看,并且还可以调节时间来查看不同的景色。让用户更直观的感觉到自己喜不喜欢这里,在考虑要不要去。
十三、PODO漫画
PODO漫画,一款看漫画的APP。漫画需要具有足够的视觉冲击力,所以PODO在界面排版中就花了大量的心思,不仅拥有足够的视觉冲击力还巧妙的加入了动效设计,画面中的主体物还加入了穿插破形技巧,整个画面内容十分饱满。
十四、小宇宙
在小宇宙APP中,将用户的一些评论设计成了卡片的样式,并且通过错落重叠来增加一些立体感、层次感,让整个画面的层次更加丰富不会显的太单调。
并且用户在滑动卡片时,整个画面中的卡片都会进行移动,利用视错觉来让用户觉得卡片有很多。
十五、uu加速器
uu加速器是用来加速游戏的APP,作为加速器,在APP中加入动效设计是很普遍的行为。但是要把普通的东西做的不普通,那就很难了,在这里UU就很好。
没有花哨的设计,只是在图标外围加入了动态的进度条,有一种简洁却不简单的设计感。
总结
怎么样,看了这些APP的设计之后,是不是感觉又学到了很多。但是,我想表达的意思是,适合APP本身的设计才是一个好的设计,我们不能看到一些炫酷的设计就往APP上堆,我们要结合APP本身的定位来匹配出合适的设计。
最新3d数据可视化设计打卡,下周正式开始,快来看看:
- END -
注:交互设计学堂公众号接受投稿啦,如果你有好的原创设计类文章,可联系客服。别让灵感溜走,快来投稿吧~~