“他爱你”博客

他爱你博客改版了，其实这个想法又来已经，一直在研究worpdress主题的设计，研究主题的设计一是为了提高下自己写前端代码的能力，但在学习的过程中就爱上了WordPress，简直太强大了，多得要命的插件可以无限的拓展你博客的功能，无数的主题设计中有一款你喜欢的，不过我要尝试建立自己的博客品牌，当然要来下独一无二的设计，所以一直在酝酿这个主题的设计，应该说是边学边做，终于发布了下，但还没经过很多浏览器的测试，先用起来呗，发现问题再改，先总结下这个主题设计的经验。

保持好的用户体验

在做这个主题的设计中，我有个基本的原则或者说是理念，那就是尽量简单，把不必要的东西都去掉，而且做些针对我的博客个性化的布局设计，如内页的设计就是通栏排版，去掉侧边栏，因为我喜欢用大大的图放在博客上，所以侧边栏就成了累赘，干脆去掉，而且那些东西也不是特别必须，这倒成了我的博客特色。

在整体布局上，使用博客的一般布局，不采用怪异的布局方式，因为我的博客主要是想朝相对专业的方向发展，那么太求异的设计反而会让人觉得很怪，并且找不到他想要的东西，而且普通的布局能让人聚焦在内容上，而这正是我想要的。

在文字的排版上，我也没少花功夫，内页的排版设计上，就对文字字号统一为14px（随着现在分辨率的提高，阅读大段的文章是需要大点字了），行距和段落距都仔细的调整了几遍，以达到阅读最舒服的效果。文章的设计加入对无序列表ul和有序列表ol的定义，很多主题没定义这个，我当时用别的主题写些文章的时候，这可苦了我，我需要写出的文章给人结构清晰，思维缜密的感觉（当然现在离这点还差得远）。总之文字的排版设计上，可是很花了点功夫来达到最佳效果，我尽量让人阅读我的博客不那么累，不那么急，不那么压迫，不那么心烦意乱。

vi视觉设计形成自己的视觉特色

在颜色的选择上，我一向偏爱蓝色，这次就来个蓝色的设计，同时也准备沿袭这个蓝色作为自己的博客色了，也就是我的vi颜色了。这个蓝色我选用饱和度偏低的一个设计，其实灵感来源于eico的一个界面展示。我喜欢这种蓝色的配色感觉，配上颜色略深的蓝色，反差不会那么大，阅读起来很舒服，然后配上摄影图片的时候显得比较漂亮清晰，希望能在n多的博客中有一点自己的视觉特色，能让人一看到这个设计，就知道是他爱你博客。

尽量保持简单的代码

昨天看了个文章，讲google为什么喜欢用如此素朴的设计甚至是有点简陋的设计，其实是成本低，不需要那么多的图片，那么漂亮的视觉，而只关注好用户体验，关注易用性和保持简单，让用户一看就会用，这少了很多的图片，也减少了用户的下载，提高了页面打开速度。而且简单的代码能方便自己维护，很多设计是好看，但会造成代码太过复杂，不方便后面的维护，尽量简单，做完后能做到对整站一切都在掌握的感觉，说改动那个地方马上能找到相应的地方改动，这样就能大大降低维护的成本。有时候，牺牲一点点“好看”，却换取产品维护成本的大大降低，这是很值得的。

这个主题的设计还有一些没有完成，还在修改中。总之，简单点，再简单点，让所有阅读我的博客的人都有个愉悦的感觉。

最后附上xhtml的结构图，方便以后小修小改：
index页

singel页：

原创文章，欢迎转载，转载请注明转载自：http://www.taaini.com/blog/update-taaini-blog.html