专栏名称: i排版
提供简洁优雅的排版工具,提高排版效率,让读者享受阅读。
目录
相关文章推荐
优秀网页设计  ·  AI工具丨设计师刚需,可商用的AI生成背景图片库! ·  2 天前  
ZaomeDesign  ·  每日灵感丨二月七日 ·  2 天前  
优秀网页设计  ·  AI工具丨AI头像生成神器,定制专属情人节微 ... ·  3 天前  
字体设计  ·  学生们的立春节气字体设计 ·  5 天前  
51好读  ›  专栏  ›  i排版

排版分析 | 像Voicer一样有设计感

i排版  · 公众号  ·  · 2017-06-30 08:16

正文

Voicer是一个分享生活和设计的公众号,他的内容排版风格独特,富有设计感,相信很多小伙伴和沙师弟一样,钟爱这种有风格的排版。今天就和大家一起扒一扒Voicer的排版,快来学学,让你的排版也个性起来吧。


1. 封面图


作为分享设计的公众号,Voicer的推送封面在契合内容的同时,也充满了设计感。


左滑查看全部图片


栏目化的内容也设计了固定风格的封面。这样读者不用阅读完标题,而是通过封面图就可以立刻在脑海中建立起栏目内容之间的联系。就像我们鼓励公众号固定排版风格一样, 固定的栏目封面 也是一种品牌化的表现。


左滑查看全部图片

散步主题的封面图


2. 顶部和底部引导


顶部动态LOGO,有标志性,让人很容易就记住。


底部的二维码采用了简单的装饰,有风格也突出了重点。


引导点击阅读原文的样式,是一个动态的手指。


i排版也为大家提供了 动态 引导样式 ,比静态的引导更能引起读者的注意。


戳戳戳!!!

戳这里,更有料


3. 内容排版


小标题

固定风格的标题序号,醒目而有设计感。



i排版(iPaiban.com)原创的 动态标题样式 ,一经推出就得到大家的好评。在你的排版中,如果固定使用这样有风格的标题样式,也非常吸引读者眼球。

1

2

3

4


标题的文字部分,使用了黑色加粗的文字,添加了背景色(#F2F2F2)。虽然这个背景色很浅,几乎不易发觉,但也是内容设计感的一种体现。


文字排版

前提摘要的部分,Voicer选择了简单的灰色背景,以和正文内容有所区分。


i排版(iPaiban.com)的 “卡片”样式 中,也为大家准备了多种带有背景颜色的样式。比如:


01

人的眼睛是由黑、白两部分所组成的,可是神为什么要让人只能通过黑的部分去看东西?因为人生必须透过黑暗,才能看到光明。


我希望你有一个好奇,充满求知欲的心灵


匆匆那年我们究竟说了几遍再见


沙师弟建 :在图片颜色比较丰富时,使用的样式尽量简单,这样既达到内容区分的目的,也不会过于花哨而喧宾夺主。


Voicer的正文内容使用14px字体,颜色#888888。强调的部分加粗、加黑,有时候也会加背景色,也可以直接调整字体颜色,这些都是简便好用的内容区分方式。



给文字加背景色看上去简单,其实很考验审美。Vocier在给文字加背景色时,一方面考虑到图片的色调,全文使用同一种文字背景色;另一方面配合灰色的正文,使用了浅一些的背景色,有一种软萌的感觉。


熟练运用这些方法区分内容,读者读起来就比较轻松,也可以轻易抓住内容重点,也很符合公众号文艺、有设计感的定位。


大家在排版过程中,反复调整文字格式比较费工夫,这里推荐大家使用i排版(iPaiban.com)的 格式刷 功能,只需要调整一段文字,其他部分轻轻一“刷”就大功告成。

i排版编辑器工具栏


格式刷操作GIF


图片

Voicer使用的摄影图片非常有艺术感。如果你觉得自己的图片不够“高大上”,可以试试i排版(iPaiban.com)的 图片样式 ,多种图片组合方式,帮你轻松营造出图片风格。


上滑查看所有图片







请到「今天看啥」查看全文