简直不敢相信，加上这个元素，瞬间高级感爆棚！

关注 功夫体验设计 与十万读者见证成长的力量

这是功夫体验设计公众号第 260 期分享

作者 | 刘涛

最近HMI班级同学设计接近尾声了，大部分同学都在做中控设计，其中就涉及到音乐模块，音乐界面本身就是设计师发挥的地方，可以充分去体现设计感。比如可以在布局、封面、播放器界面等做文章。

但我发现绝大部分同学都有相似的问题，封面直接找一张图就好了，如下这张图。

这个问题还是比较普遍，曾经遇到很多同学也是这样的，所以今天拿出来讲讲。

一些特殊的栏目和模块我们最好去花心思设计下，这样可以大大提高UI界面的设计感。

上下分割

在封面设计中，可以使用简单的上下分割，轻松做出有层次的封面。普遍同学存在的问题，都是直接找一张图贴进去，如下这样：

这种方式设计，完全体现不出你的设计，而只是找了一张别人的图，况且这样贴进去缺少一些特色，不管怎样，一些关键重点功能还是需要设计一下的。

比如，我们可以通过画面分割的形式，对一些特殊的重点推荐歌单做个区别。

上面，使用了上下分割的形式，人物和背景上下都有交接，在加上文字版式，整个封面旧有了视觉张力。

当然，还有其他的分割形式，但大思路是一致。

大字叠加

同样的在做一些特殊栏目设计时，除了使用分割形式，还有大字叠加，一样可以做出视觉张力的封面。

在这里，我们可以将歌手抠出来，然后背景取色和人物同色系，再加上文字版式，效果就来了。

这种风格其实很好学习，下面简单来看看其他案例。

上图设计思路，采用文字穿插与文字前后叠加的版式设计。

苹果音乐的首页，一些重点歌单推荐，同样使用了特殊设计。

艺术字

在封面中进行艺术字设计，难度略大，但是效果做出来一样很精彩，比如下面这种。

POP三个字放大设计，加一些艺术化效果，整个设计氛围感就来了。

除了上面这张对英文字体进行艺术化设计，还有稍微复杂一些的，比如下面这种。

全新设计

全新设计一张封面，更加体现这个栏目的特色和亮点，也可以让整个画面视觉张力更强，当然对设计师能力要求也就越高，比如下面这种。

全新设计的好处，可以大大的吸引用户的眼球。如果是一些新的栏目，新的模块出现，是完全可以花费时间来设计。这种设计放在你的设计稿中，是完全可以拉开你和同事之间的差距。

好了，到这里差不多完事，今天的关于音乐界面的设计，提高UI设计感，你学会了吗。

好了，今天文章就到这里。

原创不易，如果对你有帮助，记得给我点个赞，支持下我们。

>>往日推送，推荐阅读>>

进大厂，没什么难的。。。

记得关注我的另外一个公众号

一个普通人的逆袭之路

👇👇👇

本文来自微信公众号“功夫体验设计”作者：刘涛导师（ID：UX-Talk）。大作社经授权转载，该文观点仅代表作者本人，大作社平台仅提供信息存储空间服务。

TAGS: 下面分割同学封面设计