分享

分析丨文字模板的边框线也能当装饰线?!

 昵称4LicTG7E 2017-08-09

小米来给大家介绍今天这篇由小伙伴dairypooh的供稿《成长意味着离家越来越远》。这篇文章的特色主要有一下三点:


(上下滑动可浏览原稿)

文章版头

与贴图结合的小标题

底部二维码样式



那事不宜迟

一起来get新技能咧~


版头设计

编者在版头的设计上利用了布局划分版面,以及通过卡片模板的边框来装饰版头:

1

添加一个三列布局,调整两边布局宽度为24%,中间的布局宽度为36%,搜索点线模板,将对应的模板放入左右布局中,删掉模板中文字,再插入图片,图片宽度设置为90%:

2

添加一个三列布局,设置布局宽度两边为33%,中间的布局宽度23%,居中;然后插入文字,设置文字底色及文字为斜体,中间的为轴线模板,搜索“轴线”,找到对应模板,拖入布局中,修改颜色,删除文字:

布局的边框设计可以点击这个教程来了解:

秀米有几种布局

正文间距的设计

正文内容中,编者在文字间距的设置上数值较大,行间距2px、字间距2px、页边距35px;再设置定位中段前/后距为10px,后面内容可以通过格式刷来完成:

文字分段及格式刷的使用方法请点击这个教程来了解:

如何使用文字分段与格式刷

正文中小标题设计

在图文中,编者将模板边框与贴图结合,利用布局设计出几款小标题,我们来展示下:

1

月亮标题

在图文中,编者通过将竖排标题调整为装饰线所用,再插入小贴纸,设计出组合:

添加一个二列布局,分别设置布局宽度为52%、24%,搜索“三角标题”,将对应模板放到布局中,输入文字,右边布局是竖排模板;继续添加一个布局,设置宽度为50%,添加图片到布局中,设置图片宽度为18%,最后将布局段前距设置为-50px:

2

吊瓶标题

添加一个四列布局,调整左右两边布局宽度为31%,中间两个布局宽度设置为18%;

在零件分类下找到吊瓶样式,修改颜色及文字;插入图片,设置图片边框样式入下图所示;最后在布局上端插入一条横线,下端插入一个渐变色分割线:

图片编辑方式请点击这个教程来了解:

如何编辑图片

底部二维码样式设计

在文末,编者将空白布局设计边框及阴影样式,再插入内容:

1

添加一个空白布局,设置全部边框为实线,尺寸为2px,弧度为11px;设置阴影样式大小5px,模糊4px等:

2

制作好二维码边框样式后,继续拖入一个二列布局,插入二维码,设置二维码阴影样式大小为2px,模糊为30px等;然后再插入文字等内容:

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多