网易云音乐app界面设计分析(网易云音乐app界面设计分析在哪)

今天给各位分享网易云音乐app界面设计分析的知识,其中也会对网易云音乐app界面设计分析在哪进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!

本文目录一览:

网易云音乐交互细节分析

前言: 学习了交互设计课程后,为了避免眼高手低,笔者决定通过学习一些优秀产品的交互设计,总结出好产品好的原因,并加以运用到实际工作中去。此外,只有当你明白好产品好在哪里,才能更科学的改进差产品。因此,笔者首先选取了口碑较好的网易云音乐进行分析。

网易云音乐的产品体验报告、分析报告实在不少,所以一些例如优雅的黑胶唱片设计、反馈及时的小秘书等产品闪光点我就不再一一赘述,本文将更多的从交互设计细节来分析。

软件版本: 网易云音乐 4.1.1

使用设备: iphone7

操作系统: ios11.1.1

体验时间: 2017-11-14

产品框架图:

一、让我思考良多的“我的音乐”

笔者把“我的音乐 ”中的相关功能重新分类,结果如下图所示:

可以看到最大的区别有两处:

1、电台和歌单的归属

无论是订阅的电台还是用户自己创建的歌单本质上都应归入收藏,即按照左图归类。但这是不符合产品目标和用户体验的。从产品目标来看,网易云音乐是很重视歌单这个功能的,因此相对于收藏的歌手、MV、专辑和专栏,要把歌单突出,于是单独拎了出来。从用户体验来看,订阅的电台是时常更新的,用户会需要经常去跟进,所以也单独拎出来(如图)。

从页面可以看出,歌单和电台的重要程度也是不同的,歌单是直接把内容显示出来,而电台的内容被收到了二级页面。这样做有两个好处,第一,默认歌单“我喜欢的音乐”可以与本地音乐和最近播放平级显示,因为从实际使用来说,用户习惯于选择这三者来进行收听;第二,在用户不想听老歌的时候,可以随手选一个自己喜欢的歌单收听,十分方便。但是缺点就是,当收藏和创建的歌单越来越多,这一页就会非常长非常拥挤,所以为了缓和,云音乐做了“展开-收起”功能。但是拥挤的问题仍然没有解决,导致对歌单的操作放不下,只能被放到左上角。

2、管理歌单

对歌单的管理包括创建、删除和排序,网易云音乐将这些操作放在了页面左上角“更多”中(如图)。作为操作键,对要执行操作的对象-歌单距离却很远,是不利于用户操作的,降低了产品的可用性。

而因为页面没有空闲,把当前使用频次较低的“我的音乐云盘”也塞了进去。这也是“操作”命名为“更多”的原因吧。而命名为“更多”并不利于用户理解,更多给人一种更多内容的感觉,把操作放在更多中比较牵强。笔者在使用过程中想创建歌单,也是花了一番功夫抱着尝试的心态点击开“更多”。这里需要一个更好的设计方案。

这里QQ音乐的做法比较好,如图所示,在“我的”同样显示了歌单,但是对歌单的操作是通过“我的歌单”标题后面的展开按钮或者下拉至底部的“管理和恢复歌单”。然后进入二级页面,可以进行“添加”和“管理”,一目了然。并且在“我的”页面,歌单最多罗列10个,不会有页面过长的情况发生。

二、关于音乐播放器

从整体框架可以看出,音乐播放器是独立的一个功能。让音乐播放器始终位于页面最高层级可以说是音乐软件公认的道理吧,因为用户对当前播放歌曲的操作(如查看歌词、评论、调节音量)是很频繁的。关键在于,不同应用对于这个功能的设计方式大有不同。

最常见的设计就是以qq音乐为代表的音乐播放器始终悬浮在底端的设计,见图一(左)。这种设计在pc端的音乐软件中比较常见,如图二,咪咕音乐网页版音乐播放器。

这种设计在pc端影响不大,但是在移动端,由于页面空间有限,这种条形播放器会占据很大的位置,原本可以在底端放置的标签栏被挤掉了。qq音乐的做法是把一些内容收到了左上角的抽屉式导航。了解过抽屉式导航的应该明白,抽屉里的内容很难到达用户,一些位于抽屉内的功能使用率会下降很多。

而网易云的做法则大大不同(如图一中),把条形播放器简化成一个有高低起伏动效的按钮,切无论切换到哪个页面,都始终位于页面右上角,点击就可以唤出音乐播放器。这样大大节省了页面空间,所以有位置可以在底部放置标签栏。这样比较起来,似乎网易云音乐比qq音乐的做法更好一点。其实也不尽然,右上角的一个小icon不够起眼,即使做了动效还是容易被忽略,而且没有当前播放音乐的信息,不够直观。对于初次使用的用户,可能需要花一定成本去寻找。

更好的做法是虾米音乐(如图一右),采用了舵式导航,即突出了音乐播放器的重要性,展示了部分信息(正在播放的音乐专辑封面);还与标签栏完美结合,让页面位置能呈现更多信息。

除了以上三种播放器,笔者在使用微信读书时发现了另一种不错的形式——悬浮于所有页面的小按钮,类似于苹果的小圆点(如图)。黄色圆圈内是微信读书的FM频道收起时的按钮,当用户在其他页面浏览时,按钮始终悬浮于页面最上方,播放状态时会旋转,暂停时会静止,点击后可以进入频道。

写到这里,笔者的感触是,当你认为一件事是两难的,并且想要在两者之间有所取舍时(比如突出播放器和节约空间的取舍),其实可能是有第三条路的(比如虾米音乐、微信读书的做法)。所以考虑问题时,我们要时常跳出来看看,有没有其他的可能性。

三、一些交互细节

1、节目标记。

后台会标记电台收听的最后一个节目,当用户切换电台或者退出程序后重新回到该电台,可以继续收听之前没听完的节目。

2、分享音乐。

用户分享时选择音乐,云音乐没有让用户从曲库中寻找,而是提供了搜索栏和最近播放的5首歌,这是充分考虑了用户场景做的决定。我们考虑一下什么时候用户会分享音乐?就是当用户正在听某首歌觉得很棒,那他会立刻分享,所以最近播放里会有他想分享的歌。还有一种情况是用户想分享此时的心情,所以需要找一首配乐,这时候用户一般心里已经有比较明确的目标歌曲,所以只要通过搜索功能就能快速实现目标。可以发现搜索栏有一些历史搜索记录,而这些记录与首页搜索栏的记录如出一辙,用户可以很方便的根据自己的历史记录搜索到自己想要的歌曲。

可以有所改进的是,在搜索栏可以添加一些心情标签,一些有该种心情却不知道分享什么歌曲的用户可以通过标签选择歌曲。

3、朋友动态。

在动态中,用户除了可以对朋友分享的动态点赞、评论和转发以外,还可以把朋友分享的歌曲设为下一首播放。对于非优质内容,用户可以选择“不感兴趣,减少此类推荐”、“不再显示推荐动态”以及举报等操作。给了用户更大的自由,让社交内容变得更纯净。

4、截屏。

截图后会自动跳出“分享截图给好友”(如左图),可以选择常用社交软件进行分享,从用户来看是个很方便的设计,而从产品来看也能增加产品自身的曝光率,一举两得。不过这个功能其他软件也有,真正让我感到云音乐用心之处的,是在多次截图但没有选择分享后,跳出提示“可在设置中取消截屏分享提示”(如右图)。这个功能实际来讲使用频率应该不高(除了像我这样为了分析狂截图的...),但是云音乐考虑到了,并且去做了,所以说细微之处见真章。

欢迎批评指正,欢迎补充!

网易云音乐app界面设计分析(网易云音乐app界面设计分析在哪),网易云音乐app界面设计分析,信息,视频,微信,第1张

网易云音乐产品体验报告

1 前言

1.1 产品介绍:

        Slogan : 音乐的力量

        产品简介: 网易云音乐是网易旗下的一款音乐产品,主打发现和分享,依托专业音乐人、DJ、好友推荐和社交功能,为用户提供个性化推荐,私人FM,云村社区,精彩歌单推荐,一起听等特色功能,为用户打造全新的音乐生活。

1.2 体验环境

        体验机型:HUAWEINOVA6

        系统版本:Android10.1.0

        APP版本:V7.3.10.237476

        体验时间:2020/09/20

2 市场分析

        由下图可知,2019年2月至2020年1月期间,网民使用APP的类型涉及各个行业,其中社交类APP的活跃人数处于领先地位,视频类、信息流资讯类、应用商店类、地图类和综合电商类APP的活跃人数次之,而移动音乐类和综合资讯类APP的活跃人数较为落后。此外,信息流资讯类和短视频类APP的活跃人数在五月份后有较大波动,综合电商类APP的活跃人数在11月达到峰值(双十一),其他行业的APP活跃人数较为平稳,意味着存量市场的争夺,同时也说明多个行业可以实施如双十一之类的刺激策略,如移动音乐行业可以策划移动音乐节之类的大型活动,吸引爱好音乐的人参与,从而提高移动音乐类APP的活跃度。

        根据2020年1月的移动音乐行业的数据可知,酷狗音乐和QQ音乐背靠腾讯系,版权资源丰富且运营时间较长,拥有大量的活跃用户;酷我音乐和网易云音乐也依靠各自的特色吸引了一部分用户,中国移动的咪咕音乐和阿里的虾米音乐也拥有一定的用户规模。

        从2019年2月至2020年1月一年的趋势来看,各大移动音乐APP的用户数量变化较为平稳,无较大波动。表明移动音乐行业在吸引新用户方面有一些劣势,且APP之间存在激烈的存量市场竞争。因此移动音乐行业如何成功“破圈”,在全网吸引更多新用户;各个移动音乐平台如何利用自身优势抢夺现有用户是值得分析的问题。

3 用户分析

3.1 用户基本特征

        从用户性别来看,网易云音乐用户的男女比例较为均衡,女性略多于男性;从用户年龄段来看,主要用户为35岁及以下的用户,约占总用户群体的76%,表明用户多为年轻人。

        从所在城市来看,网易云音乐的用户的居住地集中于二线城市及以上,其中一线城市的最多,占全部用户的38.5%;从消费能力来看,网易云音乐的用户的消费能力处于中等水平,低消费者和高消费者占比较少。

        据百度指数提供的需求图谱可知,网易云音乐的用户除了使用APP外,对网页版和电脑版也有较高的需求;用户非常关注APP的新功能,如“一起听”,“抱抱”。

        根据移动观象台数据,网易云音乐用户的应用偏好集中于影音、生活、通讯、手机工具、网购、社交、商务旅行。据此可总结网易云音乐用户的一些特征,如:

1)      喜欢线上乐活动:学习工作之余利用手机追剧、看电影、听音乐;

2)      热爱生活,喜欢网购;

3)      偏好网络社交,注重人际关系的维持;

4)      借助手机工具提高工作效率;

5)      经常出差的商务人士。

        通过以上对用户特征、信息、需求及偏好等方面的分析,可以对网易云音乐的用户群体进行粗略划分,包括:

1)        学生:在学习或运动过程中用音乐陪伴用户,空闲时间听音乐丰富娱乐生活

2)        初入职场的年轻人:压力较大,听音乐放松身心

3)        已经成家的青年人士:已有一定经济基础,听音乐陶冶情操,注重生活品质

4)        专业音乐人:使用APP的目的是工作

3.1 用户使用场景

        根据2020年1月网易云音乐活跃人数的数据,自凌晨4时起,活跃人数不断增加,直到中午12时到达高峰,12时至晚上11时期间的活跃人数变化较为平稳,保持在3200万人左右。

        根据2020年1月网易云音乐人均使用时长的数据,06:00~07:00和23:00~24:00这两个时间段内,人均使用时长高达80分钟;7时后的人均使用时长呈下降趋势,于11时达到最低点,13:00~14:00和19:00~20:00又出现两个小高峰。

      根据2020年1月网易云音乐人均启动次数的数据,凌晨03:00~04:00的人均启动次数最多,高达16次;此外,6:00~10:00,12:00~14:00以及19:00~23:00的人均启动次数也相对较高。

综上,可将网易云音乐用户的使用场景概括为:

1)        清晨或睡前:清晨唤醒沉睡中的用户,夜晚帮助用户睡眠

2)        通勤时间:陪伴用户上班和下班的行程

3)        午休:用户结束半天的工作或学习后,边听音乐边午休

4)        休闲时间:用户学习或工作疲倦时,听音乐得到短暂放松

5)        运动过程中:为无聊且重复的运动增添一些乐趣

6)        工作/学习时:借助音乐提高注意力

7)        享受音乐:用户反复欣赏喜欢的音乐,并发表在线评论

3.3 用户需求

根据上述分析,可以得出用户对网易云音乐的需求为:

1)        听歌得到放松

2)        纯粹的享受音乐

3)        希望网易云音乐起到陪伴的作用

4)        与相同爱好的人交流,满足自己的社交需求

5)        粉丝了解歌手的动态

]6)        当BGM

4 产品功能介绍——产品功能结构图

根据网易云音乐的功能结构图,可以概括出几点主要功能:

1)      搜索功能

2)      音乐/视频播放

3)      音乐/歌单推荐

4)        直播

5)        电台

6)        云村社区

7)      音乐/歌单/电台管理

5 功能走查与需求优化

      由于网易云音乐的功能数量较多,本节将根据用户需求分析几个主要功能和特色功能,并结合个人的使用体验,从主观上提出需要优化的几个功能点。

5.1 听歌识曲功能

        听歌识曲功能主要帮助用户快速识别其感兴趣的歌曲,一般包括“听歌识曲”和“哼唱识曲”,如今已是移动音乐类APP必不可少的一个功能点。

        对于网易云音乐,听歌识曲和哼唱识曲默认的识别时间分别为16秒和11秒。笔者通过对网易云音乐听歌识曲的使用,发现该功能确实可以有效识别歌曲名称,识别的速度也可以接受,但仍存在一些不足的地方:

        首先,该功能的入口位于侧边栏,而没有显示在主页面或搜索页面,这对于不了解该功能的用户易用性不高,而其他主流移动音乐APP的入口均位于主页面或搜索页面。

        其次,笔者在使用哼唱识曲时发现,无论用户是否唱出具体歌词内容,识别的时间大体都是相同的,即该功能的实现没有充分利用歌词;

        最后,笔者在使用哼唱识曲时发现,当用户的目标歌曲同时存在原唱版本和翻唱版本时,使用该功能识别出用户的目标歌曲后,第一个出现的歌曲有时候的不是原唱的版本,而是翻唱版本,笔者在主观上认为大部分用户应该偏向于听原唱版本。

需求优化

        基于上述分析,对听歌识曲功能提出几点优化建议:参考其他移动音乐类APP,可将听歌识曲的入口设置在主页面或搜索页面中;哼歌识曲的算法最好能将歌词内容考虑在内,以提高歌曲识别的效率;若哼歌识曲功能识别出同一首歌的不同版本,最好将原唱版本放在首位。

5.2 搜索功能

        搜索功能是移动音乐用户的基本需求,同时也是一个高频需求,目的是利用关键字帮助用户快速查询到其想听的歌曲。网易云音乐的搜索功能主要依靠关键词,可以搜索中文和英文,没有语音搜索的功能;在搜索结果的呈现方式上,从左到右按照综合、单曲、云村、视频、歌手、专辑、歌单、主播电台、用户这几个部分分类显示,其中综合页面从上到下也依次呈现这几部分的内容。虽然网易云音乐的搜索功能已经相当完善,但笔者还是从自身的角度提出几个值得考虑的问题:

        (1)与网易云音乐的网页版相比,APP没有提示用户可以通过“歌词”搜索歌曲,但笔者在APP中通过搜索歌词的方式也可以找到目标歌曲。

        (2)当用户搜索某个歌手时,该歌手的单曲呈现顺序一般是按照热度显示的,如果用户想听该歌手的最新歌曲还要进一步查找;另外,若用户想要播放某个歌手的全部单曲,却又不想听该歌手与其他人的合唱时,用户还需要自己手动换歌。

需求优化

      基于上述分析,对搜索功能提出几点优化建议:可以在搜索页面增加提示信息(图标或文字),让用户知道可以通过歌词搜索目标歌曲;当用户搜索某个歌手时,可以将该歌手的所有歌曲按照热度和发布时间分别显示,以帮助用户快速找到最新歌曲,此外还可以增加独唱/合唱的筛选功能,以满足部分用户只喜欢听独唱歌曲的需求。

5.3 歌曲播放界面

        歌曲的播放控制是移动音乐类APP的主要功能,用户每次打开APP基本都会使用该功能,且会在歌曲播放页面上停留较长的时间,因此该页面的设计对整个APP的运营至关重要。笔者通过分析网易云音乐的歌曲播放页面,发现整个页面设计的非常简洁,会给用户带来一种干净的感觉,让用户能暂时远离各种琐事,为用户创造美好的音乐享受过程。但笔者同时也发现几个小问题:

        (1)网易云音乐的歌词界面的功能过少,仅包括“信息报错”和“调整歌词字体大小”两个小功能点,缺少其他与歌词有关的功能入口,如“桌面歌词”和“云音乐锁屏”,当用户想开启桌面歌词时极有可能直接在歌词页面查找功能入口,而入口的缺乏可能会让用户产生不满情绪。

(2) 动效的切换过于复杂,入口隐藏在 “鲸云音效—动效”中,而“鲸云音效”这个名称只会让用户想到可以切换音效,与动效切换没有太大联系,用户极有可能找不到切换动效的入口。

(3)当开启网易云音乐的锁屏显示时,笔者发现页面布局存在一些问题:系统时间、歌曲名称、歌手名称与歌曲的图片是重合在一起的,当歌曲图片比较复杂时,白色的文字就会出现不清晰的现象;另外,整个锁屏页面的中部是空着的,没有适当的内容填充。

需求优化

        基于上述分析,对与歌曲播放相关的页面提出几点优化建议:在歌词页面增加与歌词有关的功能按钮,如可以增加开启“桌面歌词”和“云音乐锁屏”的功能入口,以方便用户;可以考虑将播放器样式切换功能从“鲸云音效”中独立出来,或者为“鲸云音效”更换一个更加恰当的名字,让用户能快速了解该功能可以切换音效和播放器样式;可以在歌曲播放页面增加实时弹幕的功能,或者显示“XX人与你一同在听”,以满足用户的即时社交需求;优化云音乐锁屏的页面布局,充分利用页面中的空白区域,将系统时间和歌曲信息(歌曲名、歌手名、歌曲图片)均能清晰地显示出来。

5.4 一起听功能

        一起听功能是网易云音乐的特色功能,用户可以邀请其他用户(一般是情侣或朋友)一起听同一首歌,两个人都可以对歌曲进行切换暂停等操作,这样可以利用音乐增进情侣或朋友之间的感情,也充分展现了网易云音乐的社交特性,但笔者仍从主观上发现几个问题。当两个用户一起听歌时,可以互相发送表情或语音,对于表情: 数量仅有八个且颜值不高缺乏趣味性;另外仅能通过语音聊天而不能发送文本内容,当用户不便语音时只能跳回微信发送文字。

需求优化

        基于上述分析,对一起听功能提出优化建议:考虑优化一起听页面的表情包,增加表情包的数量和类型(会员与非会员差异化);可以在语音聊天的基础上,增加文本聊天功能,以满足用户不同情境下的聊天需求。

5.5 歌曲分享功能

        网易云音乐的歌曲分享功能有多种形式,包括定制分享卡片、邀请好友一起听、制作歌词视频、制作歌词图片和歌曲卡片,可以分享到微信朋友圈、微信好友、云音乐动态、私信、QQ好友等,可以很好的满意用户的各种分享需求。但笔者在定制分享卡片中发现一个小问题:分享文案只能从几个选项中选择,不能进行自定义,这与“定制”二字不太相符。

需求优化

        基于上述分析,对定制分享卡片功能提出优化建议:在用户可以选择推荐文案的基础上,增加自定义文案的功能,实现根本上的“定制”,以满足用户个性化的分享需求。

5.6 评论相关功能

        网易云音乐的评论区是其特色功能之一,评论按照推荐、最热和最新三个标准分类,评论内容大多具有深刻涵义,无意义的评论内容较少。评论区有一个单曲评论分享的功能,用户可以将评论内容以图片的形式分享到微信、微博等,但这个功能也存在小问题:分享的评论内容是自动生成的,用户不能选择喜欢的评论进行分享,且生成的图片过长。另外,抱抱功能是评论区的一个特色功能点,但该功能不能取消,若用户手滑触发该功能可能会面临无法取消的尴尬处境。

需求优化

        基于上述分析,对与评论相关的功能提出优化建议:单曲评论分享功能可以让用户选择喜欢的评论进行分享,既可分享单条评论,又可分享多条评论,以提高用户的分享体验;另外,可以增加抱抱功能的取消按钮,以化解用户的手误。

5.7 云村

        网易云音乐的云村为用户提供了可以展示的平台,用户可以通过图文或视频两种方式发布内容。云村热评墙还可以展示热门评论,用户可以对评论内容进行二级评论、点赞或分享。但笔者在使用的过程中仍发现了问题:视频和图文两种类型的帖子混合在一起,没有很好的区分,显得有些杂乱;发布帖子的按钮位于左下角,且页面向上滑动时按钮会自动消失,粗心的用户不易发现;图文类型的帖子内容不标准,有多有少,且图片和文字不能同时浏览,会浪费用户的时间。

需求优化

        基于上述分析,对云村的页面设计提出优化建议:将广场中的帖子按照综合、视频、图文三种类型区分开,用户可以选择观看任一类型的帖子;合理安排分布按钮的位置、大小及外观,以帮助用户快速找到发布按钮;优化图文类型帖子的页面布局,以方便用户同时浏览图片和文字,节省用户的时间。

5.8 视频

        “视频”是网易云音乐的一个主要功能页面,用户可以上传视频和观看视频,也可以开直播和观看直播,用户可以尽情享受各类型有意思的视频和直播内容。但笔者仍从主观上为视频页面提出两个建议:推荐页面的视频有各种类型,不仅包括与音乐相关的视频,还包括各种影视片段、明星采访等内容,这可能会让用户怀疑视频模块的音乐专业度;另外,当用户选择视频的分类时,只能从左往右滑动选择,易用性不高,且无法对所有的视频类型有一个整体的了解,LOOK直播页面也同样存在这个问题。

需求优化

        基于上述分析,对视频模块提出优化建议:推荐页面最好能向用户推荐与音乐有关的视频,其他类型的视频可以放在别的页面中展示;优化视频类型和直播类型的筛选方式,帮助用户快速了解有哪些类型的视频和直播,并快速选择感兴趣的内容。

6 总结

      目前移动音乐行业多是存量市场的争夺,移动音乐平台之间竞争激烈,歌曲版权和特色功能是争夺用户的有力工具。此外,移动音乐行业在进行内部竞争的同时,也应着眼于全网用户,策划能够吸引网民的大型活动或许能为行业带来一部分新用户。从活跃人数的角度来看,排名前三的皆为腾讯系的移动音乐平台,网易云音乐虽发布时间较晚,运营时间较短,但其凭借个性化推荐、私人FM、音乐社交等特色功能抢占到第四名的位置,成功地在移动音乐行业拥有了属于自己的“一方天地”,期待网易云音乐未来能有更好的发展!

兄弟姐妹们求赞呀!

网易云音乐的banner为什么特别吸引人呢?

本期将与大家探讨网易云音乐的banner视觉设计,分析一下banner中存在的视觉合理性和美观性。用过不少音乐软件,它们的banner设计和网易大同小异,这也说明受众和市场是接受的。个人相对来说还是比较喜欢网易云音乐,抛开神人辈出的评论区,作为设计师,对于网易云音乐的视觉设计还是很喜欢的,而banner作为主面板的视觉核心区,承载着整个面板的宣传焦点,新歌首发、歌星访谈以及其他营销信息都会在这里以轮播的形式不断展示,所以设计重心自然而然就落在这一块区域,纵观以往的banner设计,至今网易云音乐都保持了较高的水准,风格搭配内容,配色结合排版,总能吸引人的视线。

我的网易云音乐主面板

上面是我的网易云音乐面板,顶部个性推荐那一列就是主banner视觉区。我们先来看几个设计案例,看看从中能现些什么设计手法。

不知道大家有没有发现,上面所列举的banner设计,代表了5种不同的排版组合,第一张和第二张是左文右图和左图右文的组合,第三张是形象居中,文案在两侧的组合,第四张是文案居中搭配背景,第五张是形象为前景,浮在文案之上的形式,第六张是以人物组的形式出现。接下来和大家探讨一下这几种组合形式。

一、左图右文左文右图

这两种其实可以归为一类,主要特点是画面左右分割明显,文案作为一个整体,图像作为另一整体。这也是基本的排版方式,这种方式能够非常直观有效的传递出画面所要表达的信息。

如上面的案例,无论是何种风格的封面图,都运用了这一种排版组合方式,你能够很清晰的看到banner中主题是什么,歌手是谁以及是何种风格。我们知道排版四大原则是重复性、亲密性、对比和对齐。

以上图远东韵律和张碧晨联合的这张banner为例,左文右图的形式清晰分割了画面,左侧最为粗大的MAPS强调了它就是文案的主体,而其他文案依次居中排列,文案部分很好的体现了对齐、对比和亲密性的原则。在看右图部分,同样的圆角矩形将歌手放置其中,依次排列,美观有序,这是重复性的表现。

而像解忧唱片行这一张为代表的单形象,则可以使用最基本的排版,只要保证人物主体和文案组的合理放置,遵循排班的基本原则,便可以组合成一个美观的画面。

二、形象居中,文案在侧

这种方式可以将人物形象信息最大化的展示出来,人物占据视觉中心,成为画面焦点,让人的视线集中于此,从而增强歌手在观众心中的印象,然后将文案按照排版原则去放置,再加上烘托氛围的背景元素,画面即成。

焦迈奇这张banner是我个人非常喜欢的,整个画面风格迷幻,人物形象突出,配合编排有序的文案,让整个banner相当出彩。类似的画面还有下面这些。

三、文案居中+抽象背景

抽象背景也可以是无人物形象的背景元素,这种方式适合表达一些特定的主题,像心情类、话题类、投票类、电台宣传以及一些产品营销等等这样的信息聚合类的banner设计。

四、人物为前景浮于文案之上

其实这类有两种形式,一种就是人物浮于文案之上,另一种是文案叠在人物之上。这一种和人物居中的形式有类似之处,也有细节的区别。这种形式文字和图像并非完全分隔,而是相互之间有所遮挡或相互穿插,让画面更具特点。

五、以人物组形象出现

以人物组出现的方式大多用于乐队组合或者几位与主题相关的人物。这类风格的banner往往是要表现一个群体主题,像热评、颁奖、歌单推荐等等,用人物组合的方式向受众传递画面信息。

以上是我总结的网易云音乐主流的几大画面组合形式,我每天都会关注云音乐客户端主banner的更新,也一直在观察它的风格变化,总的来说大方向就是这些,其实不光是云音乐的banner设计,任何媒介的焦点图大都离不开这些形式,大框架之下就看设计师们如何发挥自己的小创意,让视觉更出彩更吸睛,从而产生高点击,达到宣传目的。

接下来再来欣赏一些比较不一样的版式形式,也是出自网易云音乐。

视觉传达是本着利益受众的理念去组合画面,而最终既能让受众喜欢又能达到传达目的,这就是一个成功的设计。通过以上对网易云音乐banner的设计发现,我们在以后的设计工作中就能更加清晰的理顺设计思路,设计出让各方都满意的作品,这也是一个设计师的价值所在。

有对ps感兴趣的或者想学习ps的小伙伴都可以“关注”老师 私信“学习”两字 就可以免费获取PS学习资料,跟老师一起学习哦!

网易云ui设计优缺点

如下:

Tabs的indicator由以前诡异的凹陷方块变回了Android默认风格,对可滑动隐喻来说直观多了。

另外双层Tabs真的还是好让人困惑啊,酷安和豌豆荚那种双层Tabs又不适合网易云音乐目前的导航状况。真是又陷入了放Drawer看不见,放Tab好几层的困境。

网易云音乐安卓端页面结构和设计模式分析

1.版本:V3.7.3.153912

2.网易云音乐安卓端页面结构分析

3.网易云音乐安卓端设计模式分析

网易云音乐app界面设计分析的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于网易云音乐app界面设计分析在哪、网易云音乐app界面设计分析的信息别忘了在本站进行查找喔。


【免责声明】:

本站所发布的一切资源仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。

【关于转载】:

本站尊重互联网版权体系,本站部分图片、文章大部分转载于互联网、所有内容不代表本站观点、不对文章中的任何观点负责、转载的目的只用于给网民提供信息阅读,无任何商业用途,所有内容版权归原作者所有
如本站(文章、内容、图片、视频)任何资料有侵权,先说声抱歉;麻烦您请联系请后台提交工单,我们会立即删除、维护您的权益。非常感谢您的理解。

【附】:

二○○二年一月一日《计算机软件保护条例》第十七条规定:为了学习和研究软件内含的设计思想和原理,通过安装、显示、传输或者存储软件等方式使用软件的,可以不经软件著作权人许可,不向其支付报酬!鉴于此,也希望大家按此说明研究软件!

注:本站资源来自网络转载,版权归原作者和公司所有,如果有侵犯到您的权益,请第一时间联系我们处理!

-----------------------------------------------------------------------------------------------------------

【版权声明】:

一、本站致力于为源码爱好者提供国内外软件开发技术和软件共享,着力为用户提供优资资源。
二、本站提供的源码下载文件为网络共享资源,请于下载后的24小时内删除。如需体验更多乐趣,还请支持正版。
三、如有内容侵犯您的版权或其他利益的,请编辑邮件并加以说明发送到站长邮箱。站长会进行审查之后,情况属实的会在三个工作日内为您删除。
-----------------------------------------------------------------------------------------------------------



源码村资源网 » 网易云音乐app界面设计分析(网易云音乐app界面设计分析在哪)
您需要 登录账户 后才能发表评论

发表评论

欢迎 访客 发表评论