时尚大尺寸排版解析

author
0 minutes, 3 seconds Read

今天,新一期是关于 Saner 的

学习时尚大码[配音]

看看时尚的排版

到底是怎么排出来的?

头像

《voicer》的标题图就奠定了它的时尚基调。 胖友们也可以从下面的图片中看到。 标题图像由帐户名语音和眼睛组成。 设计感十足,时尚又独特。 不同的。

时尚类网站有哪些_时尚类网站_时尚网站排行/

时尚类网站有哪些_时尚网站排行_时尚类网站/

时尚类网站_时尚网站排行_时尚类网站有哪些/

Saner专门转换为深色模式,发现头部图片元素基本都是png格式,完美适配深色模式。

时尚网站排行_时尚类网站_时尚类网站有哪些/

因此,胖友们在制作公众号图片时也推荐使用png格式的图片,完美兼容普通模式和深色模式。

介绍

[配音] 不同的是,每篇文章的头图后面都有固定的文章介绍部分。

时尚类网站_时尚类网站有哪些_时尚网站排行/

时尚类网站_时尚网站排行_时尚类网站有哪些/

时尚网站排行_时尚类网站_时尚类网站有哪些/

时尚类网站有哪些_时尚网站排行_时尚类网站/

时尚类网站_时尚类网站有哪些_时尚网站排行/

引言部分采用灰色背景内容样式(样式ID:86005)来引导全文内容。

除了阅读指导之外,指导部分也有一些小亮点。 第一行使用小元素或英文字母留白的同时增添趣味和时尚。

这些元素在哪里? 点击【素材库】-【表情符号】。

时尚类网站_时尚类网站有哪些_时尚网站排行/

页面跳转,海量表情元素任你使用。

时尚类网站有哪些_时尚类网站_时尚网站排行/

标题

【Voicer】每篇文章的标题保持了高度的统一性,采用了与页眉图片类似的条纹阴影元素设计的大标题。

时尚类网站_时尚类网站有哪些_时尚网站排行/

时尚类网站_时尚类网站有哪些_时尚网站排行/

时尚类网站_时尚网站排行_时尚类网站有哪些/

时尚类网站_时尚类网站有哪些_时尚网站排行/

时尚类网站有哪些_时尚网站排行_时尚类网站/

时尚类网站有哪些_时尚类网站_时尚网站排行/

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

超大的标题不仅与标题图像相呼应,而且还留出了更多的空间。 分隔了段落,也增加了文章的呼吸感,让时尚感呼之欲出。

文本

主要文字内容通常为15px,比普通公众号的字体大小要大。

引用的内容通常会加粗、增大字体大小、文本斜体、添加文本背景颜色等。

时尚网站排行_时尚类网站_时尚类网站有哪些/

时尚网站排行_时尚类网站_时尚类网站有哪些/

时尚类网站_时尚类网站有哪些_时尚网站排行/

正文的关键内容往往通过添加与全文更加和谐的文本背景色来突出显示。

时尚类网站_时尚类网站有哪些_时尚网站排行/

时尚类网站有哪些_时尚网站排行_时尚类网站/

时尚类网站有哪些_时尚网站排行_时尚类网站/

有图片

附图一般以单图、双图、四图的形式呈现,并会在图片左下角标注灰度颜色(#888)文字。

单图:单图的大小一般与文字两端对齐,图片的宽度与文字的宽度相同。胖朋友在制作图片时也应避免太大或太小整理图片。

双图:双图拼接时两张图片大小相同。

时尚类网站_时尚网站排行_时尚类网站有哪些/

时尚类网站有哪些_时尚网站排行_时尚类网站/

时尚网站排行_时尚类网站_时尚类网站有哪些/

那么有的胖友就想问了,如果图片超过两张怎么办?

【配音】两张以上画面一般采用单画面+双画面的风格或者多双画面的风格。 风格虽然简单,但是简洁干净,视觉观感极其舒适。

时尚网站排行_时尚类网站_时尚类网站有哪些/

时尚网站排行_时尚类网站_时尚类网站有哪些/

时尚类网站_时尚网站排行_时尚类网站有哪些/

封面图片

【voicer】封面图的一个小亮点是,封面图右上角有一个标题图的眼睛元素,右下角有一个英文字母“voicer”。 品牌一直在宣传,同一个标志多次曝光,让粉丝多次看到,加深印象。

时尚类网站有哪些_时尚类网站_时尚网站排行/

时尚网站排行_时尚类网站_时尚类网站有哪些/

时尚网站排行_时尚类网站有哪些_时尚类网站/

时尚网站排行_时尚类网站有哪些_时尚类网站/

另外,标题中也有一些巧妙的想法,使用了很多小表情元素。 我们已经多次讨论过如何在标题中使用小元素。

时尚网站排行_时尚类网站_时尚类网站有哪些/

好的

关于【配音者】的排版

今天的分析就到此为止。

有一些有用的排版技巧

Similar Posts