网易云音乐iOS端界面改版设计分析

01 整合产品业务，画风更轻

减少红色占比，整体背景换成纯白色

本次网易云音乐去掉了多处的品牌色（红色）：红色的图标改成黑色，红色的标签也改成了全局统一的黑色。原来皮肤选项里面的红色皮肤也去掉了。

这一改动也许是为了保证全局统一色调，保持清爽通透，免除红色给人的强烈的品牌冲击感。此外，即使是用到红色的地方也由原来的暗红色改成了通透一点的渐变红，更加年轻了。

之前的整体背景颜色是有灰度的白色为了避免视觉疲劳，但是灰色难免显脏。所以这次网易音乐直接将背景改成纯白色，就像米色的墙换成白色屋子里马上亮了。

首页整合个性电台模块，“账号”调整原来的列表结构

网易这次将原来首页的“主播电台”大Tab整合到下面的金刚区。可能出于业务上的需求，改动之后，很可能会提高“电台、直播”的入口曝光率。

这次结构变化最大是“账号”页面，整合一些主要功能到弱金刚区域，去掉列表后面的广告文案。这样对比改版之前整个页面的杂乱，新的界面干净纯粹。（正式版的“账号”页，稍作了细节调整）

02 对比和留白更明显

减少不必要的视觉分割，去掉线性分割

网易音乐这次改变了之前一直沿用的老式线性分割方式。比如播放界面去掉了顶部的分割线，使整个页面融为一体，体验更加沉浸。同样的列表去掉了线采用留白分割，页面更干净，没有割裂感。

加大留白

加大间距留白，整个页面更有呼吸感，操作起来更加顺畅自然。

线面图标对比更加强烈

首页金刚区的大图标由之前的线性改成现在的面性，使得和下面的圈面更加和谐。也加强和其他线性图标的对比，在整个界面里面更加突出。包括最下面的菜单栏除了将图标缩小形状优化之外，选中效果采用圆圆的面性底，加大和没选中图标的对比区分。

03加强相关信息之间的亲密性

缩小字间距

因为去掉分割线的硬分割，采用留白分割。这要求信息之间的亲密性更要加强，才不会使得由于过多的留白造成的页面散乱。

04 增加模块和各元素的一致性，整体更圆润

升级之后的网易云音乐，处处体现其圆润的视觉特性。所有图标形状进行了优化，更趋于logo的圆润流动的形象。除了图标，歌单列表卡片和歌单九宫格图片加大圆角。这一特点的重复也加深了品牌印象。

这次网易音乐的升级改版，通过信息间加大对比，加强亲密性和一致性。通过大量的细节考量和调整，在视觉上更加清爽透气，沉浸流畅。

本文所有图片版权归网易云音乐所有

作者：Jasmine