专栏名称: 交互设计学堂
系统学习交互知识,就找老D。干货分享、在线培训、行知书院三大版块帮你提升自己。 最新资讯-全是干货还有老D点评,每天推送; 交互培训-在线课程帮助小伙伴进入交互行业,只要3个月; 行知书院-老D帮小伙伴们解读经典设计书籍,都是“硬”知识。
目录
相关文章推荐
超人的电话亭  ·  4️⃣个设计要点,让新手UI界面视觉更统一 ·  17 小时前  
庞门正道  ·  来自澳大利亚的订单。 ·  4 天前  
庞门正道  ·  这个男人,又出新作品啦! ·  5 天前  
字体设计  ·  2024年人工智能工具排行榜 ·  5 天前  
ZaomeDesign  ·  新作 | 中国中医药联合研究生院 / ... ·  1 周前  
51好读  ›  专栏  ›  交互设计学堂

找了一个月,终于找到了这么多app设计的亮点!

交互设计学堂  · 公众号  · 设计  · 2024-10-29 21:30

正文

最近在浏览使用一些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 -


注:交互设计学堂公众号接受投稿啦,如果你有好的原创设计类文章,可联系客服。别让灵感溜走,快来投稿吧~~