美文网首页产品菜鸟入门记
音乐类型App界面赏析(随笔)

音乐类型App界面赏析(随笔)

作者: Brose | 来源:发表于2017-12-07 22:30 被阅读19次

    音乐app界面赏析模块

    本次针对主流的音乐app界面登录,首页进行赏析,主要包括以下App:QQ音乐,酷狗音乐,虾米音乐,网易云音乐,百度音乐。

    登录界面:

    QQ音乐的登录界面

    QQ音乐是基于腾讯的庞大QQ用户的群体而开发的音乐软件,在登录的设计上,用自己的QQ唤起登录,简单化了用户的注册操作,也利用QQ的流量使得做到用户引流。
    特点:登录简单,一键登录。

    百度音乐的登录界面

    百度音乐在登录的界面上采用了分类型的账号登录,登录还涉及了常规的短信登录,忘记密码等操作。并且在下部采用了社交平台的快捷登录,方便了用户的快速体验。
    特点:登录信息全面,一键登录。

    酷狗音乐的登录界面

    酷狗音乐和QQ音乐一样采用了插画的背景图片作为登录背景。
    酷狗音乐在登录注册的处理上采用界面跳转的交互方式,并且也在下方涉及了社交平台的快捷登录。
    特点:登录跳转,一键登录。

    网易云音乐的登录界面

    网易云音乐采用了半透明、非全屏图片作为登录页的背景。
    在登录上也采用了内页跳转登录的方式,但是注册下方添加了游客使用的特色导航。网易云音乐也涉及了社交平台的快捷登录。
    特点:登录跳转,游客导航。

    虾米音乐的登录界面

    虾米的登录背景采用了纯色拼接的方式。
    在登录上也采用了内页跳转登录的方式,注册的排版放在了App界面的右上方。虾米音乐也涉及了社交平台的快捷登录,以及淘宝的登录。
    特点:登录跳转,游客导航。

    总结

    总结这几款App的登录界面,在元素的设计上,大家除了登录除外都涉及了社交平台的快捷登录,其中三款应用背景采用了图片元素的加入,两款使用了纯色或纯色拼接的背景。
    感悟:在设计大众化的使用工具的时候,接入社交平台的快捷登录既能简化注册流程,也能提高用户体验。

    主页界面

    主页是一个应用的灵魂界面,下面就简单的赏析下这几款App的主页。

    QQ音乐的主页界面

    QQ音乐首页采用导航栏为三个主菜单的设计方式,在选中的时候会进行加粗和字号的放大操作。导航下部依次为比较常规的搜索,轮播图,次级菜单的分布,最底部采用了推荐,利用用户的习惯进行合理推荐,进行用户的留存处理。
    底部为常规的音乐播放菜单以及按钮
    特点:上部导航,轮播图,热门推荐。

    百度音乐的主页界面

    百度音乐首页采用导航栏为四个主菜单的设计方式,在选中的时候也会进行加粗和字号的放大操作。在搜索的处理上将搜索设计在了右上角,节省了页面的占用。导航下部依次为比较常规轮播图,次级菜单的分布,次菜单导航进行了简化,使用了四个,这样给最下方的推荐节省了界面占用,增加了推荐的内容。
    底部为常规的音乐播放菜单以及按钮
    特点:上部导航,轮播图,热门推荐,搜索简化。

    酷狗音乐的主页界面

    酷狗音乐首页采用导航栏为三个主菜单的设计方式,这个界面没有采用轮播图的使用,搜索栏也采用了简化,次级菜单上提,并且做了内容的区分,中部增加了工具部分的展示,直观的体现了工具的功能,也方便了用户的使用。
    底部为常规的音乐播放菜单以及按钮,但是在样式的设计上采用了黑胶盘的放大处理,彰显了特色
    特点:上部导航,轮播图,次级菜单分类排布,搜索简化。

    网易云音乐的主页界面

    网易云音乐首页采用导航栏为三个主菜单的设计方式,但是没有采用文字体现,采用图标,使用图标的颜色变化来达到导航的效果,菜单下也采用了层级的处理,让用户就能在上部进行多级选择。搜索栏也采用了简化。加入了一些主推的特色功能位于主页的中间,下方为常规的推荐模块。
    底部为常规的音乐播放菜单以及按钮。
    特点:上部导航,轮播图,次级菜单分类排布,搜索简化,特色功能处理。

    虾米音乐的主页界面

    虾米音乐首页采用导航栏为三个主菜单的设计方式,常规的文字菜单,制作了字体颜色的处理来做位置的提示,菜单下也采用了层级的处理,让用户就能在上部进行多级选择。搜索栏也采用了简化。中部和网易云音乐一样采用了特色功能的推荐,下方为常规的推荐模块。
    底部为常规的音乐播放菜单以及按钮。
    特点:上部导航,轮播图,次级菜单分类排布,搜索简化,特色功能处理。

    总结

    总结这几款App的主页界面,菜单等级可以做分级化的处理,这样可以简化界面的复杂程度,提高用户体验,轮播图的使用可以让主推内容有中央舞台的效果。
    感悟:在做同级的信息处理时,可以通过颜色处理,大小处理来体现焦点。


    登陆界面.png
    首页.png

    相关文章

      网友评论

        本文标题:音乐类型App界面赏析(随笔)

        本文链接:https://www.haomeiwen.com/subject/gzfsixtx.html