Sketch-新拟态风格系列02—音乐播放器界面绘制

那就开始今天的教程吧

1.本节课是新拟态的第二课，做音乐播放器的移动界面，它涉及到两个页面，左边是目前正在播放的状态，就是一个歌曲的切换，歌曲的名称，然后歌手，是否收藏，

 以及现在播放的进度，然后就是常规的下一首、上一首、播放和暂停，顶部区域设置到列表菜单，第二个页面是歌曲的播放列表，主要是多首歌曲的排列。

2.这节课会涉及到4个问题：

  第一个是原型图，大多数原型图都是灰色的，它会有不同的明度区分，如果有特别说要说明的可能会多设置一些比较重的颜色

  第二个是为什么说原型图最好不带色相，是为了给设计师更大的发挥空间

  第三个是弥散投影模糊数值，待会会具体在实际的过程中说一下

  第四个是功能层级的体现，要具体项目具体分析

3.比如登录界面，会设置两个按钮，实际在做的时候会做特殊处理，要强调主按钮，也就是用户主要的动作，表现方法有【颜色和尺寸】，这两个是最直接的，

  其它的比如说描边、投影、与众不同的纹理，不同的项目会有不同的体现。

4.先画左边正在播放歌曲的界面，一个是正在放的歌，然后是两边上一首和下一首的信息，下面这一块是歌曲名称、歌手、是否点赞收藏，有两个圆角拉满，

 暂停之后出现三角形，先把字打上去，做排列组合，调整位置。

5.要做的是个粗描边的圆角矩形，是224×274的大小，两边各留个6，原位粘贴以后减12，【里面的圆角一定是比外面的圆角要小的】，这个数值做控制，

 左右两侧也要做同样的样式，投影可以偏一点蓝色的色相，大概的效果已经出来了。