音乐类型App界面赏析(随笔)
音乐app界面赏析模块
本次针对主流的音乐app界面登录,首页进行赏析,主要包括以下App:QQ音乐,酷狗音乐,虾米音乐,网易云音乐,百度音乐。
登录界面:
QQ音乐的登录界面
QQ音乐是基于腾讯的庞大QQ用户的群体而开发的音乐软件,在登录的设计上,用自己的QQ唤起登录,简单化了用户的注册操作,也利用QQ的流量使得做到用户引流。
特点:登录简单,一键登录。
百度音乐的登录界面
百度音乐在登录的界面上采用了分类型的账号登录,登录还涉及了常规的短信登录,忘记密码等操作。并且在下部采用了社交平台的快捷登录,方便了用户的快速体验。
特点:登录信息全面,一键登录。
酷狗音乐的登录界面
酷狗音乐和QQ音乐一样采用了插画的背景图片作为登录背景。
酷狗音乐在登录注册的处理上采用界面跳转的交互方式,并且也在下方涉及了社交平台的快捷登录。
特点:登录跳转,一键登录。
网易云音乐的登录界面
网易云音乐采用了半透明、非全屏图片作为登录页的背景。
在登录上也采用了内页跳转登录的方式,但是注册下方添加了游客使用的特色导航。网易云音乐也涉及了社交平台的快捷登录。
特点:登录跳转,游客导航。
虾米音乐的登录界面
虾米的登录背景采用了纯色拼接的方式。
在登录上也采用了内页跳转登录的方式,注册的排版放在了App界面的右上方。虾米音乐也涉及了社交平台的快捷登录,以及淘宝的登录。
特点:登录跳转,游客导航。
总结
总结这几款App的登录界面,在元素的设计上,大家除了登录除外都涉及了社交平台的快捷登录,其中三款应用背景采用了图片元素的加入,两款使用了纯色或纯色拼接的背景。
感悟:在设计大众化的使用工具的时候,接入社交平台的快捷登录既能简化注册流程,也能提高用户体验。
主页界面
主页是一个应用的灵魂界面,下面就简单的赏析下这几款App的主页。
QQ音乐的主页界面
QQ音乐首页采用导航栏为三个主菜单的设计方式,在选中的时候会进行加粗和字号的放大操作。导航下部依次为比较常规的搜索,轮播图,次级菜单的分布,最底部采用了推荐,利用用户的习惯进行合理推荐,进行用户的留存处理。
底部为常规的音乐播放菜单以及按钮
特点:上部导航,轮播图,热门推荐。
百度音乐的主页界面
百度音乐首页采用导航栏为四个主菜单的设计方式,在选中的时候也会进行加粗和字号的放大操作。在搜索的处理上将搜索设计在了右上角,节省了页面的占用。导航下部依次为比较常规轮播图,次级菜单的分布,次菜单导航进行了简化,使用了四个,这样给最下方的推荐节省了界面占用,增加了推荐的内容。
底部为常规的音乐播放菜单以及按钮
特点:上部导航,轮播图,热门推荐,搜索简化。
酷狗音乐的主页界面
酷狗音乐首页采用导航栏为三个主菜单的设计方式,这个界面没有采用轮播图的使用,搜索栏也采用了简化,次级菜单上提,并且做了内容的区分,中部增加了工具部分的展示,直观的体现了工具的功能,也方便了用户的使用。
底部为常规的音乐播放菜单以及按钮,但是在样式的设计上采用了黑胶盘的放大处理,彰显了特色
特点:上部导航,轮播图,次级菜单分类排布,搜索简化。
网易云音乐的主页界面
网易云音乐首页采用导航栏为三个主菜单的设计方式,但是没有采用文字体现,采用图标,使用图标的颜色变化来达到导航的效果,菜单下也采用了层级的处理,让用户就能在上部进行多级选择。搜索栏也采用了简化。加入了一些主推的特色功能位于主页的中间,下方为常规的推荐模块。
底部为常规的音乐播放菜单以及按钮。
特点:上部导航,轮播图,次级菜单分类排布,搜索简化,特色功能处理。
虾米音乐的主页界面
虾米音乐首页采用导航栏为三个主菜单的设计方式,常规的文字菜单,制作了字体颜色的处理来做位置的提示,菜单下也采用了层级的处理,让用户就能在上部进行多级选择。搜索栏也采用了简化。中部和网易云音乐一样采用了特色功能的推荐,下方为常规的推荐模块。
底部为常规的音乐播放菜单以及按钮。
特点:上部导航,轮播图,次级菜单分类排布,搜索简化,特色功能处理。
总结
总结这几款App的主页界面,菜单等级可以做分级化的处理,这样可以简化界面的复杂程度,提高用户体验,轮播图的使用可以让主推内容有中央舞台的效果。
感悟:在做同级的信息处理时,可以通过颜色处理,大小处理来体现焦点。
登陆界面.png
首页.png