UI设计教程-音乐播放器界面设计(下)

分类: MXPlayer资源 发布时间:2018-08-26 10:31

音乐播放器界面设计(下)

这个部分主要是设计音乐播放器的播放列表页面!

隐私:视频播放器了列表(mxplayer 安卓-Mac OS)

子页面的设计相对来说会比较简单些~但是需要注意的是在颜色以及间距方便需要遵循前面设下的规范!

比如前面的页面在设计的时间元素与边框的间距是40PX的话,那么后面的所有页面的边框间距都要是相同的(个别特殊情况除外)

包括文字的字号,文字颜色,以及图标尺寸与颜色等等都是需要遵循相同的标准的!这就是设计规范!

有时候会画着画着就忘记了这件事,不管是间距、颜色、尺寸等规范,最好是我们在设计的过程中,同时一遍去记住这些规范,比如可以新建一个新的文件,然后在新文件当中去记录这些规范!这样方便我们打开直接查看规范就不会造成不同的页面之间它们的间距规范等是不同的!

发文字数不能少于300字?

那就继续说些要注意的细节吧!

前面我们主要说了间距尺寸颜色等等,另外还需要注意的是颜色!不管是文字颜色,还是图形颜色,更需要注意的是背景色,很多新手都很少会注意到背景色这个东西,包括分割线的颜色也需要去注意!一般分割线都会运用灰色作为分割线的颜色,但是如果只是选择灰色,看起来会有点不舒服,所以个人建议在灰色的基础上加点色系进去,比如可以加点蓝色或者紫色的色系进去,只需要加一点点就可以了,有种若隐若现的效果是最合适的!

OK~接下来看视频吧~

Subtitlev7上无广告浏览器

我是UI小老鼠~欢迎继续关注我并分享我的教程吧~