欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  网络运营

音乐APP UI设计:模糊大投影、无分隔线

程序员文章站 2022-03-19 13:13:07
今天我们整理一系列以音乐为主题的APPUI设计作品,在这些作品中,可以看出现在设计师们特别喜欢玩「模糊大投影」、「无分隔线设计」这些高级玩意,你有没有跟上大家的步伐呢?...

今天我们整理一系列以音乐为主题的app ui设计作品,在这些作品中,可以看出现在设计师们特别喜欢玩「模糊大投影」、「无分隔线设计」这些高级玩意,你有没有跟上大家的步伐呢?

ps: 如果你在设计达人的微信号查看本文,可点击阅读原文查看作品对应来源链接。

截图来源:dribbble/muzili,点评:设计达人网

新潮的音乐 app ui 界面设计作品欣赏

1. mix planet by michael korwin

cd封面的阴影好像是使用「高斯模糊」的方法来实现的,看上去有很漂亮,但又感觉有点不真实,也许这是音乐界面,要的就是时尚感吧!

音乐APP UI设计:模糊大投影、无分隔线

 

2. live wall live wall

大型银幕显示器上的音乐 app,是不是很 cool ?

音乐APP UI设计:模糊大投影、无分隔线

 

3. album-radial-interaction byjohny vino™

这家伙的dribbble有很多不错的gif,推荐关注哦。

音乐APP UI设计:模糊大投影、无分隔线

 

4. music app ui kit — material by divan raj

实用型的音乐app布局设计。样式兼容web、mobile、pad多个终端。

音乐APP UI设计:模糊大投影、无分隔线

 

5. music player and menu (dark theme) by filip legierski for riotters

一个暗色调的音乐app界面,特色:菜单字体粗而大

音乐APP UI设计:模糊大投影、无分隔线

 

音乐APP UI设计:模糊大投影、无分隔线

 

6. music app ui by giga tamarashvili

粉色音乐 app 设计

音乐APP UI设计:模糊大投影、无分隔线

 

7. music player visualizer by mammad emin ➔

这个音频动效一定很好看,就不知道程序员大哥能否实现。

音乐APP UI设计:模糊大投影、无分隔线

 

8. liquid music player by apostol voicu

酷,超简约。建议大家点击作者链接查看动效,挺cool的,这个动效设计是在音频播放时,才会动。

音乐APP UI设计:模糊大投影、无分隔线

 

9. musicapp4 by wantline

特色:色彩统一,看来是一个练习稿,又见高斯投影~

音乐APP UI设计:模糊大投影、无分隔线

 

10. musicloud — revolutionary app for music streaming by dawid dapszus for netguru

这个音乐的波形动效程序员应该能实现了,设计师在上面加入了一层白色渐变,这样的过渡效果不错。

音乐APP UI设计:模糊大投影、无分隔线

 

11. mini music player by apostol voicu

用这些大投影,确实能增加空间感,但大家作为练习稿就好了,不过如果用在网页上也可以。

音乐APP UI设计:模糊大投影、无分隔线

 

12. music player by jpstyle for new beee

这种简约的界面,留白要控制得很好,不然就「简陋」了。

音乐APP UI设计:模糊大投影、无分隔线

 

音乐APP UI设计:模糊大投影、无分隔线

 

13. video player concept by dima miro for fireart studio

视频快进时的切换效果。

音乐APP UI设计:模糊大投影、无分隔线

 

14. a satellite network music player by cocoxin for krc

又一款简约的 app ui界面,现在流行越少分隔线表示越牛x?

音乐APP UI设计:模糊大投影、无分隔线

 

15. music player app [concept] bybartosz pobocha

概念型音乐app设计

音乐APP UI设计:模糊大投影、无分隔线

 

16. music player by luobing

抽象的画面很cool,特色:无任何分隔线,留白到位

音乐APP UI设计:模糊大投影、无分隔线

 

17. music player app design concept by alex volk for agilie team

也是采用无分隔线设计,中间的播放界面ui比例很不错。

音乐APP UI设计:模糊大投影、无分隔线

 

总结

整体来看,很多app可能是练习稿,它的美观来自配图、色调的统一性,但在实际场景应用效果可能会大打折扣。

不管怎样,设计师就应该大胆尝试各种新鲜好玩的创意设计,并最终实现可用性与美观想结合的优秀作品!