我一直都很反感一个怪圈。学日语的,学成后教别人日语。写博客的,写文教人写博客。网上浏览下,能看到很多技术文,教别人从零开始部署一个博客。难道小博主们就这点追求吗?又一次成功自我打脸,我也发过这样的文章,教别人如何用JustWriting写博客,而且还出了一个系列。不过我尽量写些其他人没有说过的内容。这次聊聊博文的布局排版应避免的失误。


一、图片未压缩且幅面太宽

网络空间资源很有限,花钱买了服务器,能用的大小只有数G,且网络带宽的限制,很不合适上传原版图片。原版图片在打开时,会托慢浏览器的速度,而且容易造成过宽的幅面。当屏幕几乎占据了整个屏幕的时候,会抢夺文字的存在感。即使博文的主体是图片,也不该将文字挤在一边。

当然,有些图床可以自定义图片大小,而且有些博客主题也会强制限制图片的宽度,使图片和文字仅占据屏幕宽度的一部分。

二、图文混排混乱

这个在很多社交帐号的文章里都能看到,在我收藏的博客里居然没有反面教材。让读者不太适应的是,经常先出来一张图片,然后在下面才对图片做出解释,如果图片较长,且是小屏幕阅读,在看到文字内容时,又会忘记图片细节,于是又要往上翻回重看。

比较好的做法是,把图片的文字说明放在上方,紧接着放出图片。如果有小标题,小标题通常已经概括了图片的内容,那么可以把图片置于小标题下方与文字说明上方,能有个图片的小标题就更理想了。

还有一种图文混排,是文字环绕图片或者居于左侧和右侧,例子不想找了,大家自行脑补。come on,那是印刷时代的习惯,为了节省纸张的幅面而不得已。现在互联网时代,留白已经成了设计趋势。

三、英文大小写不规范

其实没什么大不了的,比如把WordPress写成wordpress实在没有关系,但是把iPhone写成Iphone,就不能忍。我明白,有的输入法把首字母大写,会自动切换成英文。我提倡遵循原有设计,也是对其品牌的尊重。

规范的大小写,让读者对该品牌一目了然。在某些时候,同一个单词不同的大小写代表不同的意思,比如Chinachina,大家都懂的。

四、开头空两格

与文字环绕一样,都是印刷时代的习惯,现在大家在网上写文,经常一句话就是一段文字,如果仍然采用开头空两格的模式,会造成不好的参差感。

在电脑或者手机上阅读,段与段之间加一个空行,同样能让读者区分段与段的差别。

其实很多时候不需要自己手动空行,主题通常会有段段间自动空行的设置。

五、Logo与头像混用

Logo与头像是不同的,两者其实代表不同的东西。Logo代表的是博客网站,头像是代表博主。且Logo的像素很低,只能用简单的点线组成,头像需要较复杂的设计,让读者分辨出不同博主的区别。

刚刚看到博主黑暗游侠发表的博客建设杂谈,补充了我没有说到的配色等问题,大家可以去围观学习。


如有不对的地方,请一定指出,我也怕会误人子弟。最后鸣谢以下博主提供正反面教材:
CYBERTHINK垓下视野菊部受审破袜子Tb's Blog大提督的日常LIFE IS AN ADVENTURE小土刀启福黑暗游侠

2016-04-01 00:00
Comments
Write a Comment