首先针对客户说的普通，我们就可以尝试把常规的圆形改为圆角矩形，并适当调整icon在图形内的占比
按钮造型OK后，再来看看里面的图标，不难发现暂停是2个竖线（线性图标），挂断则是一个电话（面性图标），它俩不统一；所以我们需要对其进行统一，以暂停按钮为主，我们来调整挂断按钮
原暂停图标的颜色是灰色，而挂断图标又是红色，视觉上就会造成暂停“弱于”挂断，我们需要调整其明度让2个图标整体更加和谐
为了进一步增加按钮的质感，我们可以在它的下方加上合适的投影；并根据页面的整体色调，进一步调整图标的色相，使按钮更好的与页面保持和协统一
在整体的排版没有问题的情况下，我们可以先将纯色块的容器调整为渐变的形式，再加上描边(注意描边也是渐变哦)
调整后好了很多，但还是略显单薄，我们可以给图标加上倒影，使画面的层次更加丰富
原容器是白色降低透明度+描边，整体氛围感不足；我们可以看到图标都是红色调的，所以大胆一点，我们的容器和描边也可以是红色调的
容器样式调整完后，因为图标是发光的，必然会存在投影，我们再加上投影即可；需要注意这里的投影添加方式（记笔记✍️
原课程卡片使用白色矩形包裹课程图片的形式，我们可以尝试去掉外层的白色，将课程图片铺满整个卡片
去掉右上角的时间标签，与课程名称上下排列并注意层级关系，“去看看”按钮改为用箭头符号表达，避免全是文字导致视觉看起来很单一
调整后整体效果比之前简洁很多，但是图片上的遮罩还是太黑，显得不够高级，我们可以改为毛玻璃的效果增强卡片的质感
到这一步基本就差不多了，再整体看一看，发现按钮有点粗糙是一个大白块儿，那么微微调整一下
優(yōu)網(wǎng)科技，優(yōu)秀企業(yè)首選的互聯(lián)網(wǎng)供應(yīng)服務(wù)商
優(yōu)網(wǎng)科技秉承"專業(yè)團隊、品質(zhì)服務(wù)" 的經(jīng)營理念，誠信務(wù)實的服務(wù)了近萬家客戶，成為眾多世界500強、集團和上市公司的長期合作伙伴！
優(yōu)網(wǎng)科技成立于2001年，擅長網(wǎng)站建設(shè)、網(wǎng)站與各類業(yè)務(wù)系統(tǒng)深度整合，致力于提供完善的企業(yè)互聯(lián)網(wǎng)解決方案。優(yōu)網(wǎng)科技提供PC端網(wǎng)站建設(shè)（品牌展示型、官方門戶型、營銷商務(wù)型、電子商務(wù)型、信息門戶型、微信小程序定制開發(fā)、移動端應(yīng)用（手機站、APP開發(fā)）、微信定制開發(fā)（微信官網(wǎng)、微信商城、企業(yè)微信）等一系列互聯(lián)網(wǎng)應(yīng)用服務(wù)。
公安局備案號：
專屬顧問
