关注 功夫体验设计 与十万读者见证成长的力量
这是功夫体验设计公众号第 260 期分享
作者 | 刘涛
最近HMI班级同学设计接近尾声了，大部分同学都在做中控设计，其中就涉及到音乐模块，音乐界面本身就是设计师发挥的地方，可以充分去体现设计感。比如可以在布局、封面、播放器界面等做文章。但我发现绝大部分同学都有相似的问题，封面直接找一张图就好了，如下这张图。
这个问题还是比较普遍，曾经遇到很多同学也是这样的，所以今天拿出来讲讲。一些特殊的栏目和模块我们最好去花心思设计下，这样可以大大提高UI界面的设计感。1
上下分割
在封面设计中，可以使用简单的上下分割，轻松做出有层次的封面。普遍同学存在的问题，都是直接找一张图贴进去，如下这样：
这种方式设计，完全体现不出你的设计，而只是找了一张别人的图，况且这样贴进去缺少一些特色，不管怎样，一些关键重点功能还是需要设计一下的。比如，我们可以通过画面分割的形式，对一些特殊的重点推荐歌单做个区别。
上面，使用了上下分割的形式，人物和背景上下都有交接，在加上文字版式，整个封面旧有了视觉张力。
当然，还有其他的分割形式，但大思路是一致。
2
大字叠加
同样的在做一些特殊栏目设计时，除了使用分割形式，还有大字叠加，一样可以做出视觉张力的封面。
在这里，我们可以将歌手抠出来，然后背景取色和人物同色系，再加上文字版式，效果就来了。
上图设计思路，采用文字穿插与文字前后叠加的版式设计。
苹果音乐的首页，一些重点歌单推荐，同样使用了特殊设计。
3
艺术字
在封面中进行艺术字设计，难度略大， 但是效果做出来一样很精彩，比如下面这种。
POP三个字放大设计，加一些艺术化效果，整个设计氛围感就来了。
除了上面这张对英文字体进行艺术化设计，还有稍微复杂一些的，比如下面这种。
4
全新设计
全新设计一张封面，更加体现这个栏目的特色和亮点，也可以让整个画面视觉张力更强，当然对设计师能力要求也就越高，比如下面这种。
全新设计的好处，可以大大的吸引用户的眼球。如果是一些新的栏目，新的模块出现，是完全可以花费时间来设计。这种设计放在你的设计稿中，是完全可以拉开你和同事之间的差距。
好了，到这里差不多完事，今天的关于音乐界面的设计，提高UI设计感，你学会了吗。原创不易，如果对你有帮助，记得给我点个赞，支持下我们。