大部分同学在做HMI中控设计时,其中就涉及到音乐模块,音乐界面本身就是设计师发挥的地方,可以充分去体现设计感。比如可以在布局、封面、播放器界面等做文章。
但我发现绝大部分同学都有相似的问题,封面直接找一张图就好了,如下这张图。

这个问题还是比较普遍,曾经遇到很多同学也是这样的,所以今天拿出来讲讲。
 
一些特殊的栏目和模块我们最好去花心思设计下,这样可以大大提高UI界面的设计感。
 

1

上下分割

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

这种方式设计,完全体现不出你的设计,而只是找了一张别人的图,况且这样贴进去缺少一些特色,不管怎样,一些关键重点功能还是需要设计一下的。
比如,我们可以通过画面分割的形式,对一些特殊的重点推荐歌单做个区别。

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

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

2

大字叠加

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

在这里,我们可以将歌手抠出来,然后背景取色和人物同色系,再加上文字版式,效果就来了。
这种风格其实很好学习,下面简单来看看其他案例。

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

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

 

3

艺术字

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

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

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

4

全新设计

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

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

好了,到这里差不多完事,今天的关于音乐界面的设计,提高UI设计感,你学会了吗。
声明:* 本站所提供的资源均来源于互联网,站内所有文字、图片内容由网站会员上传而来,UI社不具备此内容的版权。由于将本站资源用于商业用途而引起的纠纷,本站不负任何责任。如果有侵犯到您的权益,请联系本站删除,谢谢合作!联系邮箱:Uishe#qq.com (请将[#]换成@)