新媒体运营一年多的排版感悟,快来看看都有啥?
在新媒体行业已经工作超过一年,最初加入的是一家充满活力的初创企业,负责新媒体内容的推广,由于团队年轻化,对版面设计格外重视,刚开始时,仅仅因为一个标题的格式问题,就被副编辑修改到深夜十二点,随着时间的推移,逐渐能够独立完成排版设计,积累了不少心得体会,今天将这些心得与大家交流。
可以参考我之前制作的版本,其中一些作为范例存放在135上,这些都是近期更新的内容,其余的资料可以前往我的公众号三千喵查阅,由于无法直接嵌入链接,因此只能提供网址地址,实在抱歉
那个网址是一个微信公众号文章的链接,包含了两个部分的字符组合,分别是https和mp.weixin.qq.com,然后通过斜杠分隔,接着是s后面跟着一串字母和数字的字符序列,最后以.com结尾
那个网址是一个在线编辑器样式的资源链接,包含了多种设计模板,用户可以根据需要选择不同的风格进行编辑,网站提供了丰富的样式选项供参考,非常方便实用。
这个网址指向一个在线编辑器样式的页面,网址为https://www.135editor.com/editor_styles/96288.html。
那个网址是一个在线编辑器风格的链接,具体是关于96459号样式的,用户可以在那里找到相关的设计模板,它提供了多种编辑界面选项供选择,并且支持自定义修改,网址为https://www.135editor.com/editor_styles/96459.html
当前公众号的版式设计主要有两种形式,一种是图文结合的布局,另一种是融入互动元素的图文设计,后者随着时间发展应用越来越普遍,许多知名品牌纷纷打造出极具视觉冲击力的互动版式,成为业界瞩目的公众号设计典范,而本文将重点探讨最普遍的图文版式,个人认为这种版式设计的关键要素有三项:元素间的留白,色彩搭配方案,以及图像素材的选择。
一、间距
1、文字与文字之间
排版图文时务必重视留白,以此营造视觉上的层次感,使整体呈现更为清爽,避免杂乱感,尤其当页面包含大量文字时,切忌出现大段连续的文字,倘若段落过于冗长,不妨将其拆分为两个部分,或者在中间加入一些插图,以此来缓解画面的压迫感,例如下图所示
↑比如我这个排版,文字就比较多,采用了分段的形式
↑比如我这个排版,文字就比较多,采用了分段的形式
此外要使整段文字的要点采用较深的色彩标注出来,以此提升使用者的浏览体验,由于一般人在面对较多文字时会倾向于跳过部分内容,因此需要将关键部分凸显出来。
之后字体类型和大小以及颜色方面其实没有严格规定,常用的微软雅黑或者苹方效果都很好,字号通常推荐13到15号,字太小了容易辨认困难,字太大时内容显得杂乱。
段落间距依据内容多少决定,通常在1.5到2之间调整,内容较多时推荐2倍,内容较少时采用1.5倍;字符间距保持在大约1.5左右即可~至于文字色调,个人认为应当参照重点文字的颜色来设定,倘若重点文字呈现明亮色调,那么其他文字可以选用浅淡的灰度,这样效果更佳;倘若重点文字的颜色偏深,那么其他文字的色调就需要适当加深,以增强整体的和谐感~不过最好不要使用纯黑色,因为纯黑色在视觉上会显得过于生硬。
2、文字与图片之间
文字跟图片之间要恰当拉开距离,以便提升文章的立体感,要是段落文字不多,文字就能够采用多行居中的方式,文字跟图片的间隔可以适当缩小,这样文章整体会显得更为紧密和谐,比如
文字较少,所以采用分句式的排版
文字较少,所以采用分句式的排版
二、配色
众所周知,色卡是常见的色彩参考工具,众多网站都提供了丰富的色卡资源,但个人更倾向于从海报中提取配色方案,例如制作元旦节宣传内容时,会去花瓣网、大作网等平台搜寻相关海报,根据文章风格挑选适宜的色彩,长期积累后便能形成个人独特的配色体系,针对电商类文章常选用橘色、蓝色、红色等鲜明色调,而文字密集型文章则倾向于使用浅色系。
而且运用色彩搭配时,可以多考虑采用大块背景色调来突出内容特点,再用另一种色调作为文字层,这样表述可能不够清晰,但请连贯阅读,若仍有疑问可随时询问,文字会因此更易辨识,例如我后面展示的文章,整体背景是黑色方格,若直接放置文字,会显得模糊不清,因此我在上面叠加了一层颜色较浅的半透明黑色背景来承载文字内容:
在比如说像这个排版
大面积的底色,要是通篇都用它,眼睛会很不舒服,因为色调太刺眼,所以这时候再叠加一种不同色彩的版式,效果就会好很多,例如这个样子:
色彩搭配的方案目前仅能构思到此,倘若未来还存有其他灵感,定会继续增补。
三、图片
在处理图片素材时,一篇文章无论是整体色调还是色彩搭配,都必须保持高度一致,否则容易造成视觉混乱,影响阅读体验。例如,如果文章整体采用大地色系,但配图却选用明亮的粉彩色调,两者之间就会产生明显的冲突感。因此,在挑选配图素材时,要特别注意色彩之间的和谐性,确保与文章风格相符。比如,当文章整体呈现清新淡雅的风格时,就应该优先选用同样具有清新感的图片,这样才能营造出整体统一的氛围。
旅行风格排版
旅行风格排版
招聘排版
招聘排版
哈哈大笑起来,没意识到已经写了这么多内容,目前想到的就是这些,如果之后还有新的内容,会再来补充的~期待有缘人看到这篇回答能得到帮助,最后要强调的是关于页面布局这件事,确实需要不断尝试,多向他人请教,才能做出美观的布局,每次完成布局后都要好好反思,找出不足之处,争取下一次做得更出色,如果觉得内容有价值,别忘了点个赞哦~毕竟我还没有收到过点赞呢哈哈大笑~
此外,先前提及的SVG动态布局,今年已获普遍应用,个人视其为当前图文设计的新路径,它能使读者在内容中实现互动,例如这种情形。
那个网址,是一个微信公众号文章的链接,分享了一篇关于个人成长和职场发展的文章,内容比较有价值,值得一读。
链接地址在此,请予以查阅,内容详实,值得参考。
这个网址是一个微信公众号文章的链接,内容比较长,需要仔细阅读才能理解。
那个网址,是一个微信公众号文章的链接,分享了一篇内容,标题是关于某个话题的讨论,文章比较长,包含了多个部分,有观点也有分析,适合想要了解这方面信息的人去阅读,可以点击进去看看具体内容。
若对这类布局有探究欲望,欢迎关注我的公众号:三千喵,或复制链接预览实际呈现,大家不妨多探讨交流哈哈哈哈哈