大家好，我是大冯 ，今天我们继续来讲一下 ，HMI概念首页设计里面的媒体 ，还有保养模块 ，那么我们首先来打开Figma ，今天我们主要做的是音乐专辑 ，和车辆得分的这两个模块 ，首先我们把下面的这个数据改一下 ，歌手的名字也可以自定义改一下 ，和下面的模块居中一下 ，车辆这边就是车辆体检 ，整车分数 ，同样也是对齐一下 ，把对应的部分修改好之后 ，我们修改一下里面的模块内容 ，那么在这里 ，我们可以使用一个八边形 ，直接可以把这个太阳的复制过来 ，拖到进去 ，居中一下 ，那整体的这个颜色 ，我们直接就给它复制过来 ，那怎么去做这个 ，偏向复制的这个选项 ，我们直接可以用style这个形式 ，颜色样式 ，可以去添加 ，然后对应的直接可以选择这个组件 ，

颜色你就不用去进行调整了 ，直接就调整完了，这个非常的方便 ，包括这里面也是 ，使用1 ，给它变成1或者2 ，效果就一键生成了 ，就不用你再一个一个的进行调整了 ，之后我们再把这两个模块也复制过来 ，居中一下 ，里面的这个填充 ，把我们事先准备好的 ，这个音乐专辑 ，给挪了过来 ，直接一个蒙版 ，音乐专辑这个图片 ，也可以自定义的进行寻找 ，不用和我这个一样 ，像音乐专辑这个部分就非常的快速 ，然后我们再去做一个进度条 ，音乐播放的进度条 ，那进度条的这儿有个部分 ，我们直接可以用一个波浪线 ，来进行表示 ，至于颜色 ，在中间添加一笔 ，吸取一下 ，

0% ，你也可以再添加一个色块 ，然后吸取第二个肤色 ，第二个肤色也是0% ，可以给它这么渐变的走一下 ，复制粘贴 ，一个水平翻转 ，那这个水平翻转 ，稍微的给它透明度减弱一些 ，最后再加上一个选中状态 ，这是当前，最后再给加上一个 ，当前所在位置的状态 ，甚至直接可以去复制一下 ，确定一下这个大小 ，直接粘贴上去 ，描边是0.5，这个1可能有点太大了 ，颜色使用这个主色 ，当前播放在 ，当前播放到什么状态了 ，这个展示一下就可以了 ，那么在音乐专辑这一块完事儿之后 ，

我们再去做一下车辆体检的部分 ，那车辆体检的部分 ，也是直接可以把这个时钟拖过来 ，直接拖过来之后 ，我们只需要变动一下 ，里面给它删一下 ，再复制一下 ，这个圆去掉 ，居中一下 ，然后上面这个圆我们可以对应的 ，利用Figma特性去更改 ，直接使用这个 ，填充，还是填充 ，颜色，渐变颜色给它换一下 ，给它换成这个辅助色 ，接着这个投影什么的给它删掉 ，那然后我们可以利用Figma这个特性 ，

去更改一下 ，