大家周末愉快呀！今天的学习继续啦！这次还是联系方页的模仿练习，废话不多说，直接进入正题。
今天是联系方式页模仿练习的最后一节啦，下周开始新的主题练习啦！还是老规矩，先上模仿练习原稿，参考如下：
下面来具体看看操作流程吧。
整体分析：
字体思源雅黑系列，英文及数字用的Roboto字体；主题色紫色，主要形状是矩形，修饰元素地图。先来看看延申练习的原稿：
具体操作：
1. 文字内容处理：
调整标题和正文的字体字号，给主要内容设置不一样的颜色，突出层级，标题的渐变色设置和小标题的颜色设置参数，参考如下：
2. 插入形状：
插入矩形，大小为整个页面的一般，设置无边框并纯色填充，参考如下：
?
3. 自定义地图：
在高德开放平台设置自定义地图，需要注册登录，然后设置自定义地图，最后截图就可以用，参考如下：
?
4. 插入蒙版：
插入一个与地图图片等大的蒙版色块，设置渐变填充，因为图片的下半部分需要放文字，为了减少地图内容对文字的干扰，渐变蒙版上面部分透明度100，下面稍微透明度低一点，参考如下：
?
5. 绘制坐标图形：
同时插入三个正圆，等比例缩小，设置无边框，颜色均为紫色，调整不一样的透明度，参考如下：
?
将设置好的三个正圆居中对齐，并放在地图中公司所在的位子，参考如下：
?
6. 加入文字内容：
将文字内容加入页面，并利用线条修饰小标题与正文内容，参考如下：
?
总结：
今天的模仿练习主要是卡片式的联系方式页练习，利用公司地址自定义地图，为页面增加视觉效果，其次是通过对图片的阴影调整，让整个页面形成空间立体感。本次的练习不难，就是地图网站还不是很熟，需要多翻一翻。
好啦，今天的学习就到这里，明天继续~~
PS: 各位大神若是下凡游历，有幸能得大神指点，感激不尽！！！！！！！！！