今天推荐的是小伙伴一粒简子的《随笔丨森林中的小树屋》是一篇随笔,编者在文字卡片上的设计很有想法,利用布局+间距设计出的“断层”卡片,简单也很有设计感:
版式参考
断层卡片样式设计
编者在文章上排版实行简约原则,让读者视觉专注在文章上;但文字卡片的设计,有点独特,文字边框的线条没有相交,就像断裂了一样:
我们打开布局模式,能清楚的看出编者是添加了两层布局,然后设置了布局边框制作而成的:
打开布局模式,添加一个空白布局,到编辑区域中;
设置布局左边边框样式为实线,尺寸1px,颜色rgb(71,,);
设置这个布局的左右间距为10px;
然后再拖一个空白布局到这个卡片框中,设置布局段前距为10px;
然后设置布局上边边框样式为实线,尺寸1px,颜色rgb(71,,);
设置布局上边的间距为10px;
最后拖入文字就好
“断层”卡片就是这样做出来的,后边的放在右边的线条,就是将外层布局的边框从左边换成右边就好:
多图旋转样式
编者在文章配图上,使用了秀米现有的模板,但因为利用到了布局与旋转元素,让文章变得有趣起来:
打开布局模式,添加一个二列布局,到编辑区域中;
设置布局宽度均为45%,设置布局为居中对齐;左右布局边距均为10px;
然后拖入图片模板,调整图片模板的旋转角度;
因为这个是组合模板,小伙伴们要注意辨认清楚,哪一层布局是图片模板的布局;然后点击它,再设置旋转角度就好:
文章格式参数
标题字号
18
正文字号
14
文字间距
1.8倍
配色方案
标题
rgb(71,,)
正文
rgb(62,62,62)
其他配色参考
rgb(13,,70)
预览时标签不可点收录于合集#个上一篇下一篇