晒晒小剧的阅读模式

时间:2012-5-17 作者:剧中人

近来一直纠结于一个问题,就是博客文章的字体大小,究竟该足够大,还是尽可能小,多大才是合适的。

说实话14px这个大小对于小剧来说最适合不过了,既不影响美观又适合阅读,我很长一段时间都在对我的设置沾沾自喜。可前两天一位“IT民工”(剧中人的朋友)告诉小剧“嘿!哥们,你博客里文章的字太小了,看你的文章忒难受了!”

听他这么一说小剧倒想起来了,干我们这行的没几个不是近视的,少则三四百度,多则上不封顶。像小剧这样,只要把视力表倒数第一行的“E”给背下来,就能识遍所有的“E”的【人才】实属罕见。想到这儿我顿时满脸通红,不过还好隔着电脑他看不见。慌慌张张的回来句“嗯!得改,得改,要调大一点!”

就这么着,小剧的问题来了,调大了的确易于阅读,但这么硕大的字体对于小剧之前的设计实在太过于突兀了,难不成为了调整字体还要小剧重新设计一套模版吗!

纠结了一段时间小剧我开始尝试着用咱们博大精深的中庸思想,可这不大不小的文字瞬间恶心的我有一种鸟鼠不分的蝙蝠的感觉。

废话归废话,作为一个合格的前端设计者(剧中人姑且这么叫自己),有需求解决不掉是可耻的,下面谈谈我最终的解决方案。

灵感来源于我之前的一个设计。就像黑白头像一样,灰调的头像使得饱和度降低,不影响整体色彩,焦点状态下恢复彩色又使其不失独立的个性。

目前我的解决方案为:开启“阅读模式,在大幅文章的页面中”增加一个“阅读模式”的按钮,默认还是原来的14px字号,点击进入阅读模式,再次点击恢复小字模式!

什么是“阅读模式”

阅读模式是剧中人基于Jquery制作的动态切换文章字体及篇幅范围的阅读方式,具体表现为:

原理很简单,现在你可以随意点开小剧客栈的文章,尝试阅读模式带来的轻松阅读体验!