文章排版不好看?这里有运营必备的,4,个设计原则

Robin Williams 在《写给大家看的设计书》中,根据自己多年的实践经验,总结了 4 个设计的基本原则——亲密性、对齐、重复、对比。这 4 个原则适用于 PPT(实际上很多 PPT 教程文章中都在使用这 4 个原则)、海报、排版、名片等所有设计领域,对于新媒体运营来说非常实用,比如图文排版、海报、二维码、封面设计等环节都能用上。
亲密性
写文章前,我们通常会画一个简单的逻辑图,然后,照着这个逻辑,慢慢填充文字,这样写出的文章,逻辑会比较清晰,读者阅读起来也很轻松,
本文基本逻辑,百度脑图绘制
同样的道理,文章编排前,也要先梳理好视觉逻辑,然后,通过亲密性、对齐、重复、对比等方法,展现视觉逻辑,***程度上方便读者阅读和记忆。
亲密性是实现视觉逻辑化的比较好步,它是指关系越近的内容,在视觉上应该靠得越近,反之,关系越疏远的内容,在视觉上应该越远。
比如,标题和正文就是***的 2 个版块,正文间的亲密度应该高于正文与标题间的亲密度,所以,标题和正文间应该有明显的区分,这个区分可以用空行来实现,也可以用图片(比如头图)或者分隔符(比如引导关注)来分隔:
传统排版一般通过首行缩进 2 个字符的方法来区分各段,但显然这种方式并不符合亲密性原则,段间距与行间距完全一样,并不能有效区分各段。所以,现在大部分新媒体编辑排版时会在段与段之间空一行,有效增加段间距,突出各部分的亲密性。
如果段与段之间有标题的话,注意标题和上、下段之间的间距应该有差别,因为标题和下一段是一个整体,和上一段的关系不大。这种亲疏关系应该在间距的大小间表现出来。
此外,图片的注释应该和图片靠得更近一些:
需要特别注意的是,许多公众号的尾部会放很多内容,比如,作者介绍、二维码、活动信息等,当内容过多时,尤其要注意分区,不然很容易陷入混乱。
比如,你能一眼看出下面左图中包含了几个版块的内容吗?很难,因为没有明显的分区。其实左图包含了作者简介、留言互动、点赞转发引导、关键词引导 4 类内容(自己找找看)。
遇到这种内容类别较多的情况,首先判断能不能删除一些内容,减少读者的认知负担。显然,留言、点赞、转发、关键词,这么多互动方式放在一起,有点复杂,删除 1,2 种不太重要的,会让界面看起来更简洁(琛姐删除了点赞转发引导),对于剩下的内容,通过空行和分隔符号(这里用的是实线框)进行分区。
PS:改版后的微信图文推送界面引来许多争议,但单纯从亲密性原则来看,显然现在的版本是更好的,因为摘要是对标题的补充说明,且两者都是纯文字,亲密度很高,把两者放在一起,更符合视觉逻辑。
左边为老版图文推送界面,右边为新版图文推送界面
对齐
对齐包括居中对齐、左对齐、右对齐 3 种方式。在微信公众号运营中,比较常见的是居中对齐、左对齐 2 种方式:
对于读者来说,居中对齐阅读起来是最轻松的,因为视线可以完全集中在屏幕中间部分,不用大幅度左右移动。但这种方式一般适合内容较少、短句较多的内容。较长的内容一般适合采用左对齐。
还有一个和左对齐很类似的对齐方式:两端对齐,相比于左对齐,两段对齐的文字边缘更整齐,视觉效果更好,所以,在新媒体排版中一般用两端对齐代替左对齐:
对于设计新人来说,比较好严格遵循一种对齐方式,不然就会导致混乱,实在不行,至少保证在同一内容版块中遵循一种对齐方式。比如,下面左图中就是比较常见的情形,在同一内容版块中出现了 2 种对齐方式,使得界面看起来略显混乱,重点也不突出(后面的对比原则会讲到)。
稍作调整,把版块内的内容都调整为居中对齐(因为字数较少),并利用对比原则,修改重点部分的字体颜色,粗细,整个界面看起来就整齐了许多(如右上图所示)。
重复
重复是保持整齐的重要准则。既包括字体、字号的重复,也包括颜色、风格的重复。对于新人来说,要时刻牢记,尽量统一字体、字号、颜色等等一系列元素,在统一的基础上,找出需要强调的部分,进行更改,通过对比原则进行强化。
重复的字体、重复的字号(一般 14~16 号):
重复的颜色、重复的风格:
对比
亲密性、对齐和重复,在保证版面干净、整齐的同时,也会带来枯燥、乏味。所以,我们需要***一个效果——对比。
对比的基本作用是突出重点,增加可读性。
比如把需要强调的部分加粗、调大、改颜色、增加背景色、加删除线、下划线、倾斜、加。一。些。符。号、或是做一些艺术化处理,等等方式,都可以使需要强调的部分迅速从大量内容中跳脱出来。
对比的附加作用是有效增强视觉效果,打破平淡,吸引读者注意。
比如,无印良品的海报看着很简单,实际上他们的设计师很擅长利用对比,使得简单的画面充满设计感,下图就很好地利用了文字横向和纵向分布的对比,打破了平淡:
在公众号排版中也可以应用类似的方法:
需要注意的是,要么不使用对比,要对比就一定要明显,否则,两个元素过于相近,就会导致混乱,因为读者会误会,不知道你是故意的,还是不小心搞错了。
比如,使用「16 号字」和「15 号字」进行对比,差异就很不明显,而使用「24号字」和「15 号字」进行对比,差异就明显得多,一眼就能看到加大的字体。
小结
新人做设计的比较好定律:做加法!开始时使用的元素越少越好,因为每增加一种元素,设计的复杂性都是指数级上升的(不要想当然地以为自己是设计大师)。
1.把所有内容的字体、字号、颜色、风格统一(重复原则);
2.选定一个统一的对齐方式(对齐原则);
3.按内容逻辑对内容进行分区(亲密性原则);
4.对需要强调的部分进行对比处理(对比原则)。
本文作者@草莓学堂 由(青瓜传媒)整理发布,转载请注明作者信息及出处!
产品推广服务:APP推广服务 广告投放平台 龙游游戏
本文地址:https://www.55jiaoyu.com/show-778948.html
本文由合作方发布,不代表展全思梦立场,转载联系作者并注明出处:展全思梦
热门文档
- 1.朔州市二中(朔州市二中2022中考录取分数线预测(数据为往年仅供参考)预测)
- 2.粮食工程专业就业方向及前景!附2025大学排名及分数线预测(数据为往年仅供参考)
- 3.广州市公用事业技师学院(广州市公用事业技师学院金盘岭校区)
- 4.武汉江南技术学校(武汉市青山区江南技术学校)
- 5.中山医(中山医科大学***附属医院)
- 6.龙冈中学(龙冈中学录取分数线预测(数据为往年仅供参考)预测2022)
- 7.可模仿的世界名画100幅人物可模仿的世界名画100幅人物男_...(少女世界名画人物肖像)
- 8.砚眼文言文翻译(砚眼文言文翻译仆人的错误用一个成语概括)
- 9.双刀歌词双刀歌曲(双刀歌词歌词是什么意思)
- 10.2025新高考八省联考填报志愿模拟演练入口:附填报方式、时间预测(数据为往年仅供参考)
推荐文档
- 11.2023年青岛电子学校招生录取分数线预测(数据为往年仅供参考)
- 12.三顾茅庐的顾什么意思(三顾茅庐中的顾是什么意思这个成语的意思是什么)
- 13.什么叫做淡季(什么叫做淡季和旺季)
- 14.形容流口水的成语(形容流口水的成语望闻生津)
- 15.KurtCobain为什么自杀(kurtcobain为什么自杀)
- 16.值机柜台是什么意思(值机柜台是什么意思F06-H10什么意思)
- 17.地球赤道一圈多长(地球赤道一圈多长广州,北京,航程)
- 18.如何报考大学生村官(怎么考村官大学生村官怎么考)
- 19.猪的英语怎么读(猪的英语怎么读,单词怎么写)
- 20.宰相是几品(宋代宰相是几品)
- 21.梦到和婆婆吵架预示着什么(梦到和婆婆吵架预示着什么周公解梦)
- 22.商学是什么专业(目前热门专业十大最吃香专业)
- 23.新冠肺炎的全称是什么(新冠肺炎的全称是新型冠状病毒肺炎)
- 24.坤位是什么方向(大六壬入门基础知识教程)
- 25.江西中考成绩怎样查(江西中考成绩怎么查询2021)
- 26.开头的四字成语(集合16篇)(开头的四字词语有哪些)
- 27.容身之地什么意思(容身之地的容是什么意思)
- 28.段开头的成语接龙(段开头的成语接龙大全集最长)
- 29.寻觅的作文10篇(寻觅的作文10篇三年级)
- 30.皖l是安徽哪个城市的车牌代码(皖l是安徽哪个城市的车牌)
- 31.更多音字组词(更多音字组词和拼音怎么写)
- 32.皖南事变发生在什么时候(皖南事变发生在什么时候开始)
- 33.形容一个人有钱的四字成语(形容一个人有钱的四字成语有哪些)
- 34.第二个字是争的成语(第二个字是争的成语有哪些)
- 35.范睢念ju还是sui(睢盱读suixu还是huixu)
- 36.布达拉宫简笔画布达拉宫简笔画图片儿童(布达拉宫简笔画又好看又漂亮)
- 37.纸上谈兵指的是谁(纸上谈兵指的是谁指鹿为马指的是谁乐不思蜀指的是谁)
- 38.少先队入队仪式新生代表演讲稿10篇(新少先队员入队仪式发言稿)
- 39.虎皮鹦鹉寿命多少(虎皮鹦鹉的寿命一般是多少年)
- 40.禅悟是什么意思(禅悟人生修心修行人生感悟)
- 41.生活在意大利的华人告诉你,意大利移民到底好不好(如今意大利移民的问题很严重吗)
- 42.朝花夕拾优美段落摘抄10篇(朝花夕拾优美段落摘抄10篇50字)
- 43.过年春节的画怎么画过年春节的画怎么画简单好看(2021春节画怎么画简单又好看)
- 44.形容互相支援的成语(比喻互相支持互相帮助的成语)
- 45.达尔文_三字歌谱_乐谱_(达尔文这首歌的歌词)
- 46.whole(wholeheartedly)
- 47.河南高考分数线预测(数据为往年仅供参考)2025一本、二本、专科一览表
- 48.山西2025年高考录取分数线预测(数据为往年仅供参考)一览表(含本、专科批)
- 49.西南科技大学教务系统登录入口(西南科技大学教务系统登录入口网址)
- 50.安阳师范学院教务处登录入口(安阳师范学院教务处登录入口官网)
- 51.輲车是什么意思輲车的解释是什么(notch×herobrine车)
- 52.上海黄浦区有多少平方公里(上海黄浦区占地面积是多少平方千米)
- 53.brick是什么意思brick的翻译(bricks是什么意思英语翻译)
- 54.龟缸怎么处理龟便
- 55.四书是指什么五经是指什么
- 56.结婚彩礼钱法律上归谁
- 57.成龙代言佳能什么型号
- 58.红酒要醒多久才好喝
- 59.婚姻料理电视剧情
- 60.人生只若如初见的意思
- 51.8大数据分析模型之——用户模型(一)
- 52.绿洲关注设置教程
- 53.新一线城市是受访应届生最青睐就业地
- 54.铁路专业的就业前景好不好?
- 55.如何运营一款(产品)APP?
- 56.SEM账户效果不佳?80%是因为你思路错了!
- 57.如何做有效的“用户分层”?
- 58.仅需4步,快速打造走心社交广告创意!
- 59.知乎评论的真假分析及涨赞软件分享
- 60.浅析双11项目运营推广关键点!
- 61.小红书邀请好友方法以及邀请码介绍
- 62.财政收入超收怎么看?财政部回应来了
- 63.北方***服装批发集散地变身首都商务新区 大红门商户“再出发”
- 64.节后机构调研热度骤降 相关个股涨多跌少
- 65.***汽车出口猛增实力圈粉
- 66.10月CPI同比涨1.5% PPI涨幅料已见顶
- 67.2500字用户留存分析
- 68.政策补贴再度退坡 新能源车如何“上坡”
- 69.赣深高铁开通前***“彩排” 全线通车进入倒计时
- 70.***预增近12倍 多家公司发布业绩喜讯

