Linux ABC

linuxabc选用的第一款主题是ProSense，虽然号称2007年最佳adsense主题，然而alfie对它还是有诸多不满，因而踏上了优化主题这条不归路，结果，耗费了大量的时间后发现自己根本不是网页设计那块料。术业有专攻，网页漂不漂亮还是留给专业设计师去烦心吧。那就回归到博客的本质，博客就要在互联网上把自己的思想、见解展示给别人看，所以内容才是根本。有了好的内容就要让读者阅读起来舒服，这段时间也试用了不少国外优秀的主题，可惜对中文的展示欠佳，文章阅读起来有些吃力，主要是字体设置过小，于是alfie这两天着手改善文章的阅读体验。

1. 字体

现在已经是22寸宽屏的时代了，再用12px就太对不起读者的显示器了，所以linuxabc正文的字体选用14px。

body p {
   ...
   font-size: 14px;
   ...
}

2. 行距

行跟行之间的间距如果过小，则读者看起来就需要仔细辨别，影响阅读的快感，所以行跟行之间需要有一定的间距。比较理想的是1.6em

.entry .entrytext {
   ...
   line-height: 1.6em;
   ...
}

3. 字距

通过实践发现，在字跟字之间增加1px的间距看起来要舒服，实际上这相当于15px字体大小的阅读效果。

.entry .entrytext {
   ...
   letter-spacing: 1px;
   ...
}

4. 首行缩进

跟英文不同，中文的文章习惯每段首行空两格，由于wordpress是外国人编写的，所以没有考虑到中文用户的习惯，那我们可以在style.css进行手工调整。

body p {
   text-indent: 2em;
}

5. 段落间距

段跟段之间也要有明显的标志，这就需要段落间距去区分，跟行距一样，如果段落间距过小也会影响读者的阅读快感，段跟段之间需要有10px的间距，可以使用padding或margin来实现。

body p {
   ...
   padding: 5px 0;
   /*或者margin: 5px 0; */
   ...
}

6. 链接

linuxabc用的第一款主题是ProSense，虽然它号称是2007年最佳Adsense主题，不过alfie对它还是有些不满，最反感的就是页面上所有链接都用醒目的红色标识，这严重影响的阅读体验，读者的注意力全被这些链接分散了。所以alfie决定用深色代替红色，这样既不会分散读者的注意力，也能表明这是一个链接。

7. 背景

这个也很重要，太亮的底色容易让读者疲劳，长时间阅读眼睛容易干涩，所以最好换成稍淡的冷色系底色，譬如：

只要字体的颜色使用深色，提供高的对比度，读者仍然能清晰的阅读文章，另外底色也不要使用暖色调，譬如红色、黄色，看久了读者一样会感到视觉疲劳。甚至会觉得恶心，比较耐看的颜色是蓝色。

《改善用户阅读体验（上）》暂时先写到这，未完待续，欢迎继续关注本站。

《改善用户阅读体验（下）》预览：看完一篇精彩的文章你是不是会拍案叫绝，很想给作者一个拥抱；看完一篇很烂的文章，你又是不是想找个烂鸡蛋扔过去？如果是的话，那就是正常人类，互联网有一个好处就是提供了一个自由表达自己观点的途径，这是传统媒体所无法比拟的。那么读者阅读完一篇文章后，写得好的话，读者可能希望跟作者进行沟通，例如“添加评论”，甚至他会保存、收藏、Email、打印该文章。另外一个可能性就是某一篇文章提供的信息量有限，他期望能阅读该作者更多的相关文章，那如果写得不好的话，他也期望能发泄自己的不满，那么“评分”功能正好能满足他的要求。所以如果文章的末尾能够提供这些功能的话，会让用户觉得很贴心，这也是提高网站粘性的一种手段。在恰当的时间、恰当的地方提供用户所需要的恰当的功能，这是设计的一个原则。