帆软论坛“帖子排版技巧”快速进阶指南

欢迎找我唠嗑
经常在论坛能看到内容很好,但排版较为糟糕的帖子,千万不要因为排版这件“小事”影响了读者浏览你的好内容。其实排版并不难,掌握四大原则即可:对齐、亲密性、重复、对比

对齐
——任何东西都不能在页面上随意安放。每个元素都应当与页面上的另一个元素有某种视觉联系。这样能够建立一种清晰、精巧而清爽的外观,提升可读性。避免一个页面上混用多种对其模式,也就是不要有一些置左,有一些置右。尽量避免使用居中对齐,除非是比较正式、稳重的设计(别动不动就让什么都居中,有些时候居中是一种很土的对齐方式)。

亲密性
——彼此相关的项应当靠近,归组在一起。如果多个项相互之间存在很近的亲密性,它们就会成为一个视觉单元,而不是多个孤立的元素。这有助于组织信息,减少混乱,为读者提供清晰的结构。

重复
——重复的目的就是“一致性”,让设计中的视觉要素在整个作品中重复出现。可以重复颜色、形状、材质、空间关系、线宽、材质、空间等。这样一来既能增加条理性,又能增加统一性。

对比
——对比的基本思想就是要避免页面上的元素太过相似。如果元素(字体、颜色、大小、线宽、形状、空间等)不相同,那就干脆让它们截然不同。对比能够让讯息更准确的传达,内容更容易的被找到、被记住。如果你想让对比效果更明显,就一定要大胆,不要让两种颜色看起来好像差不错又不一样。当然也不要在同一个页面使用太多种字体。


——案例1——

1、问题展示
截图201712290922132639.png 截图201712290923465572.png

2、问题分析:字号通篇一样大小,同一意思的内容块之间没有区分,个别段落缺乏对齐,违反了对齐、亲密性、重复、对比原则。

3、改进方案:利用论坛自带编辑器一键清除掉原有格式,该对齐的对齐。然后段落、图片等前后增加换行,大段落大换行、小段落小换行,使得不同内容属于不同视觉区块,也就是亲密性原则;关键信息字号通过字号放大、颜色区分,使得关键信息与普通文本进行强烈对比;同一级别的关键信息使用相同字号或颜色进行重复,从而形成一致性和统一感。

4、改进后效果:http://bbs.fanruan.com/thread-101117-1-1.html


——————————————
说明:以后遇到典型案例再为大家分享,总得排版原则就是上面说的对齐亲密性重复对比。顶级排版可能很难,但是达到中等水平并不难,不要因为排版影响了你的好内容。



发表于 2017-12-29 09:53:43
学习了
发表于 2017-12-29 11:06:31
发表于 2017-12-29 13:24:46
学习了,谢谢分享!
发表于 2017-12-29 14:05:50
发表于 2017-12-29 19:30:27
发表于 2017-12-30 23:10:06
发表于 2018-2-23 14:24:51
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

7回帖数 2关注人数 4793浏览人数
最后回复于:2018-2-23 14:24

返回顶部 返回列表