经常在论坛能看到内容很好,但排版较为糟糕的帖子,千万不要因为排版这件“小事”影响了读者浏览你的好内容。其实排版并不难,掌握四大原则即可:对齐、亲密性、重复、对比。
对齐
——任何东西都不能在页面上随意安放。每个元素都应当与页面上的另一个元素有某种视觉联系。这样能够建立一种清晰、精巧而清爽的外观,提升可读性。避免一个页面上混用多种对其模式,也就是不要有一些置左,有一些置右。尽量避免使用居中对齐,除非是比较正式、稳重的设计(别动不动就让什么都居中,有些时候居中是一种很土的对齐方式)。
亲密性
——彼此相关的项应当靠近,归组在一起。如果多个项相互之间存在很近的亲密性,它们就会成为一个视觉单元,而不是多个孤立的元素。这有助于组织信息,减少混乱,为读者提供清晰的结构。
重复
——重复的目的就是“一致性”,让设计中的视觉要素在整个作品中重复出现。可以重复颜色、形状、材质、空间关系、线宽、材质、空间等。这样一来既能增加条理性,又能增加统一性。
对比
——对比的基本思想就是要避免页面上的元素太过相似。如果元素(字体、颜色、大小、线宽、形状、空间等)不相同,那就干脆让它们截然不同。对比能够让讯息更准确的传达,内容更容易的被找到、被记住。如果你想让对比效果更明显,就一定要大胆,不要让两种颜色看起来好像差不错又不一样。当然也不要在同一个页面使用太多种字体。
——案例1——
1、问题展示
2、问题分析:字号通篇一样大小,同一意思的内容块之间没有区分,个别段落缺乏对齐,违反了对齐、亲密性、重复、对比原则。
3、改进方案:利用论坛自带编辑器一键清除掉原有格式,该对齐的对齐。然后段落、图片等前后增加换行,大段落大换行、小段落小换行,使得不同内容属于不同视觉区块,也就是亲密性原则;关键信息字号通过字号放大、颜色区分,使得关键信息与普通文本进行强烈对比;同一级别的关键信息使用相同字号或颜色进行重复,从而形成一致性和统一感。
4、改进后效果:http://bbs.fanruan.com/thread-101117-1-1.html
——————————————
说明:以后遇到典型案例再为大家分享,总得排版原则就是上面说的对齐、亲密性、重复、对比。顶级排版可能很难,但是达到中等水平并不难,不要因为排版影响了你的好内容。
|