文章太花哨?教你简洁的苹果风如何排版


阅读量:10140

发布时间:2018-04-26 16:58

苹果公司的网站页面,以简洁而富有冲击力的视觉效果,打造出充满科技感的画面。今天微小小就以苹果公司网站的页面为例,为大家介绍充满科技感的图文内容要如何排版。


1. 留白



undefined


通过将文字和图片居中,产生了大面积的留白,可以增加页面的呼吸感,阅读起来就比较舒服,大气。


在图文排版中,文字内容比较少的时候也可以使用居中或者局右排列的方式来排版,不仅增加留白,还可以使留白的效果比较整齐。


需要注意的是:文字居中排版时,要使得每一行的字数相近;如果字数差别很大,就会显得页面很凌乱。比如下面这一组示例:



使用黑科技排版让你的图文更有趣
为读者提供
沉浸式的阅读体验
undefined




黑科技排版的好处
品牌个性深度定制
提高阅读及转换率
undefined




黑科技排版的好处
品牌个性深度定制
提高阅读及转换率
undefined



如果文字内容比较多,无法实现这种居中排版,可以使用微助点排版编辑器(www.videaba.com),来调整文字两端的缩进程度实现留白。


undefined


同时还要注意让文字两端对齐。为大家展示一组使用两端对齐,和没有使用的对比效果:




微助点图文排版(videaba.com)是优秀的第三方微信编辑器,操作界面简洁,样式种类丰富。支持一键保存云端草稿、一键同步、一键抓取图文等。同时带有二维码生成器、动态二维码生成器、微信对话生成器、弹幕样式等功能。更有全网独家的黑科技排版样式,增加图文的交互感。只需短短3分钟,就能排版好一篇漂亮的文章。不仅帮助用户提高微信文章排版美感,还能提高工作效率。


undefined


用直线标注出来更为直观:


undefined
undefined


可以看出使用了两端对齐效果的文字明显要整齐一些。两端对齐也可以使用微助点排版编辑器的工具栏进行调整。



2. 对比



undefined


文案部分采用两段式的结构,上下两行文字不同的字号和粗细程度,形成两种对比关系,通过对比关系来让画面的层次感更加丰富。


在图文排版中,除了字号和粗细程度,还可以修改文字颜色、字间距。比如正文文字和注释文字在不改变其他样式的情况下,仅仅使用颜色,也可以做出区分。比如下面这一组示例:



全网独家 · 黑科技排版
让你的图文活起来

undefined




全网独家 · 黑科技排版
让你的图文活起来

undefined




这些修改都可以通过微助点排版编辑器的工具栏完成。

3. 突出



undefined


持续使用纯白的背景,看久了也会审美疲劳。穿插使用一些颜色感强的图片,或者风格突出的排版样式,来增强视觉冲击力,吸引读者视线。比如下面的示例:



undefined

其实人跟树是一样的,越是向往高处的阳光,它的根就越要伸向黑暗的地底。

——尼采


最美丽的人

undefined



undefined

精致生活



蹉跎岁月

还有·有你相伴

undefined
 



undefined

非宁静 · 无以致远


还有黑科技的排版样式,增加图文的交互性,还可以和读者产生互动。




undefined

总结

1. 留白:使用文字图片居中或居右的方式,增加留白,同时要注意两端对齐。

2. 对比:文字大小、粗细、颜色都可以形成对比。

3. 突出:偶尔使用有颜色区分的图片或者样式,甚至有交互效果的黑科技样式,来吸引读者注意力。




互动话题

对科技类内容的排版你有什么心得?欢迎在评论区分享给大家。
你想跟大家分享你的花式排版吗?你想通过排版技巧吸引更多关注吗?你想增强排版能力为自己升职加薪吗?
 给我们留言吧!