时尚类大号排版解析

时尚类大号排版解析

640


胖友们大家好啊,我是三儿

三儿之前出过好几期

分析大号排版的文章

旨在帮助胖友们

学习到更多的排版知识


今天,新一期就和三儿一起

研究下时尚类大号【voicer】

看看时尚感十足的排版

到底是怎么排出来的!




1

头   图


voicer】的头图,就奠定了它时尚的基调,从下面几张图胖友们也能看出来,头图以账号名称voicer和眼睛两个元素组成,设计感十足,时尚而又与众不同。


grey.gif
grey.gif
grey.gif

<      左右滑动查看更多      >

三儿特地转换成了深色模式,发现头图元素基本是png格式,完美适配深色模式。


grey.gif


所以胖友们制作公众号头图的时候也建议采用png格式的图片哦,完美兼容普通模式和深色模式。




2

导  读


voicer】与众不同的还有每篇文章头图之后的位置,都有一个固定的文章导读部分。


grey.gif
grey.gif
grey.gif
grey.gif
grey.gif

<     左右滑动查看更多     >

导读部分采用灰底色内容样式(样式ID:86005),为全文内容做引导。


引导部分除了阅读引导,还有一些小亮点,第一行采用小元素或者英文字母搭配,留白的同时增加趣味性和时尚感。


这些元素哪里有啊?点击【素材库】―【Emoji符号】。


grey.gif


页面跳转,海量emoji小元素任你使用。


grey.gif





3

标  题


在标题上【voicer】每篇文章都保持着高度统一,均采用和头图类似的条纹阴影元素设计的大标题。


grey.gif
grey.gif
grey.gif
grey.gif
grey.gif
grey.gif

<     左右滑动查看更多     >

标题不是常规的单标题,而是采用主副标题的形式呈现,每篇文章虽然标题序号样式一致,但是副标题文字内容不同。


超大标题既和头图相互呼应,也留出更多的空间,隔开了段落的同时也增加了文章呼吸感,时尚感呼之欲出。




4

正  文


正文内容常用15px,比一般公众号的字体要大。


引用内容往往会加粗,加大字号,文字倾斜,添加文字背景色等。

grey.gif
grey.gif
grey.gif

<     左右滑动查看更多     >

正文重点内容往往添加和全文较为协调的文字背景色来突出。


grey.gif
grey.gif
grey.gif

<     左右滑动查看更多     >




5

配  图


配图一般以单图、双图、四图来呈现,而且会在图片的左下角用偏灰度颜色(#888)文字来注释。


单图:单图尺寸一般是和正文两端对齐,图片宽度和正文内容宽度一致。胖友们在配图时也要避免图片过大或者过小哦


双图:双图拼接的两张图片尺寸一致。

grey.gif
grey.gif
grey.gif

<     左右滑动查看更多     >

那有胖友要问了,超过两张图的怎么办呢?


超过两张图的【voicer】一般用单图+双图样式或者多个双图样式。虽然样式简单,但是简洁干净,视觉观感上极为舒服。


grey.gif
grey.gif
grey.gif

<     左右滑动查看更多     >



6

封面图


【voicer】的封面图有一个小亮点就是,在封面图的右上角都会有头图的眼睛元素,右下角都会有一个“voicer”的英文字母。无时无刻都在推广品牌,同样的标志多次露出,让粉丝能够多次看到,加深印象。


grey.gif
grey.gif
grey.gif
grey.gif

<     左右滑动查看更多     >

除此之外,在标题上也有一些小巧思,用了许多emoji小元素,关于小元素的如何在标题中使用我们已经讲过很多次啦


👇👇

点我查看如何在标题中添加小元素


grey.gif

好啦

关于【voicer】的排版

今天就先分析到这儿了

有一些好用的排版小技巧

胖友们可以收藏起来

下次运用到自己的排版中哦


欢迎胖友们给三儿推荐

排版好看的宝藏公众号

留言板里等你哦!

福利时刻-免费领取7天135编辑器VIP会员】


点击https://www.135editor.com/users/invite/ddb12a17ce400c35fe041d275a578351,注册135编辑器,即可获得7天VIP会员



文章评价
登录后可以评论
立即登录
分享到