版式参考
(上下滑动可浏览原稿)
栏目介绍样式
正文边框及渐变表格样式
底部二维码样式
部分版式制作方式
文章栏目介绍样式
编者使用背景+文字阴影设计出文章栏目样式,从下图可以看出,将图片设置为背景图,不重复;又继续添加一层布局,设置半透明背景色为rgba(255, 255, 255, 0.66);
最后添加文字,rgb(45, 69, 152);设置文字阴影为大小2px、模糊为2px、颜色为rgb(255, 255, 255):
如想了解背景的更多应用方法,请点击下面这个教程来了解:
设置内容的背景
正文边框及渐变表格样式
在正文中,编者添加一整个布局,设置背景图;再继续添加一层布局,设置布局边框样式虚线,尺寸2px、弧度11px,颜色为rgb(157, 201, 201),背景色为白底:
1
左边图片右边文字样式
在第二块中,编者通过添加一个二列布局,分别设置宽度为35%与65%,再将图片与文字分别拖入布局中;设置左边由间距3px、右边布局左边距3px、右边距10px,让布局之间产生空白,不会紧贴着对方:
2
渐变色表格样式
在正文中,有一个三行两列的表格,表格背景使用蓝色,但由浅入深形成渐变色。但制作起来也很简单:
在系统模板中添加一个表格模板,删除里面文字,制作出一个三行两列表格;调整最左边最上边单元格的宽度为40%,设置当前单元格上下左右间距为3px,以及边框样式设置为无边框;然后向右应用格式,再向下逐行应用格式:
设置左边第一列中单元格背景色分别为rgb(229, 241, 246)、rgb(204, 231, 242)、rgb(183, 217, 232),再分别向右应用格式:
如想了解布局更多设置功能,请点击下面这个教程:
秀米有几种布局
底部名片样式
在这块编者依然是借助正文中背景+边框样式,而在正文中作者介绍则使用了轴线模板,最后二维码样式也是将点线模板的“点”颜色设置为白色,小米想给你特别介绍圆形图片边框样式:
1
圆形图片边框样式
添加一个圆形图片样式,设置图片全部边框样式为实线,尺寸5px,弧度为100%,颜色为rgb(255, 255, 255);设置阴影大小1px,模糊2px,颜色为rgb(12, 12, 12),最后再替换下图片就好了:
如想了解图片制作边框样式,请点击下面这个教程:
如何编辑图片
本文章内容与图片均来自网络收集,如有侵权联系删除。
版权说明:如非注明,本站文章均为 蜡小胖 原创,转载请注明出处和附带本文链接;