经典作品

音乐app

本凡科技(广州App事业部) 发布时间:2022-06-13 阅读次数:730

案例背景

随着时代的发展,社交应用是当下互联网的一大热点,越来越多应用都开始注重社交这个板块。个人喜欢在休闲的时间段听歌,接触过许多音乐APP,对这类APP有着很大的兴趣,于是就有了本次概念音乐APP的萌发灵感。这个概念白APP主要是吧音乐和社交文化结合在一起,在听音乐的过程中也广交好友,把喜欢的歌曲分享给其他人。听音乐听久

了也可以观看一下视频以及文章也不妨为一种消遣的好方式。以音乐为基础,通过一些评论,文章视频发表从而进行交流


设计规范DES6IN SEICICATIN

●字体规范

中文字体选择I0S平台字体苹方

英文字体选择|OS平台字体Helvetico数字选择DIN字体,该字体严谨、识别度高


●颜色规范

该音乐APP面向一些年轻有活力的青年,所以在视觉上采用-些彰显活力年轻的色彩,选择橙色为品牌色,饱和、明度为100%


其他图标

音乐类APP是给人- -种放松和减压的感觉,所以图标统一采用圆角的样式,适当加断点来增加趣味性ICON视觉上要做到统- ,因此在辅助线内可以规范视觉中心


界面设计

发现页

发现页有顶部固定的搜索框,帮助用户快速进行的查找目标信息,往下是活动banner轮播图、金刚区、人气歌曲以及热门歌单。

热门歌曲、歌单是音乐APP所需要的首要需求,所以把这两个放在靠前位置方便用户操作。


发现页

该音乐APP偏向于休闲娱乐性,所以发现页往下会有人气歌手、精选MV、人气直播以及电台推荐,这几个分类都是按照用户使用频率来进行排序。每个分类都可以通过向右方向的按钮或者右滑查看更多信息。


视频页

导航部分有-个视频与直播页面之间的一个转换功能文字

导航下方有固定的分类条,用户可以根据自身需要来进行选择信息,各个视频模块之间有一条分割线,其作用是提高用户游览效率


直播页

头部有一个运营banner轮播图的设计,广告运营以及推荐位都能在此展示,下方是一个可上拉卡片,设计简单易操作.上拉卡片就可以达到分类信息展示效果不用跳转到第二界面,方便的同时也具有高效性


动态页

圈子是乐友进行交流的地方,信息板块具备文章和视频等内容上面的设计是当下热门内容推荐位下面是分类选项卡,可自行切换,有一个上拉按钮可以点击进行上拉动作方便用户操作


关注页

用户给人加关注一般是用户自身比较喜欢发布者的内容,所以在圈子中加入一个关注模块,这样用户可以快速游览关注过的人所发布的内容信息

各个信息之间存在一定间隔,与两边也有间隔,在提高用户游览效率的同时也让界面看上去有呼吸感


个人中心

个人中心的金刚区采用简单的线性图标会给人一种简洁干净的感觉,会员中心用卡片嵌入的形式来凸显出来来吸引用户歌单版块采用左右滑动来改变内容,操作方便,在这里用户可以自行添加或者创建歌单


侧边栏

侧边栏主要功能是功能工具的选择,夜间模式能人性化的解决用户夜晚使用APP的视觉体验侧边栏弹出的时候会对当前界面进行一个遮罩,让视觉有层次,减少当前界面队用户视觉.上的干扰


播放页

此为播放界面,用户进入或者退出整体是属于上下缩放的方式,主页面具备常用功能,右滑会进入歌词界面,两者之间变化是在于中间部分的变化其他功能栏保持不变,顶部黑是滑动操作的标志。