一年一度的主题更换月之 Twenty 2
by fen on October 30th, 2008
今年写的文章真是少得可怜，越来越发觉一个好看的后台对用户的情绪影响很大。对TXP的后台我发过很多次牢骚，这次是我最后一次了。与其总牢骚不如避开它。自己下载了TinyMCE，每次都用这个写文章，它生成的文章还是挺符合XHTML规范的。很怀念曾经一年一度的CSS Reboot，可惜这个站已经走向没落。开始我的改版记录，本次设计原稿大幅修改两次。
第一稿：宁静
选择主题：2008，我们走了很长的路，走得很艰辛，我希望在这年的结尾，用宁静宣布它的离去。
选择配色：黑色是最容易表达宁静的色彩，所以用了大面积的黑色。很多人觉得网页的配色非常困难，其实不然。除非你的视觉有问题，否则多彩的生活颜色怎么不能提取呢？在生活中，我穿的通常是深色的裤子，深蓝、黑色等等。而衣服自然是要淡一点颜色，产生一个对比。今年的夏天我买了件Ubuntu的T恤，淡蓝色的，配上了Ubuntu特有的橙色Logo。整合一身，就提取出了蓝、橙、黑三种颜色。这三种颜色在重构Typecho后台时我尝试过，虽然没有被最终采纳，但我却一直希望把这配色实现，于是本次新主题的配色就诞生了。
主题布局：从上而下的浏览，无需顾及左右的内容，让注意力能从上而下无阻碍的浏览，互不干扰，这是本稿的布局思想。
实际分析：
1. 我发现这种线条型的布局与块状文字结合的时候会使页面变得拥挤，如果是点阵字体的话页面的粗糙程度会更明显。
2. 黑色虽然看起来很酷，但是不适宜视线停留太久，我不希望读者因为这压抑的色彩错过了有用的内容。
3. 大部分访客还不适应这种布局，这会造成视觉恐慌，与预期的流畅相距甚远，而且我的内容也不多，不适合该布局。
4. b(╯﹏╰)b
第二稿：寂静之声 (sound of silence)
这是我很喜欢的一首歌，这首歌伴随着我的大学。在寂静中轻轻的弹唱，思绪也跟着走得很远，很开阔。
这次的排版还是很传统，不过对头部进行了窗帘式的改造，柔化僵硬的线条。同时在侧栏添加了我的twitter和delicious书签，分享我所收藏的一些好东西。正文背景也采用了白色，白底黑字就像在看书，黑底白字就像在看黑板，看书的时间通常比看黑板的时间多。
第二稿就这么不知不觉完成，之后就是做成静态页面。
代码实现过程笔记
Safari, Chrome 浏览器对表单input:focus进行了样式定义，如何屏蔽这些默认样式，Lucky给了我解决方法，在CSS中添加：*:focus { outline: 0; }
再推荐一个介绍Textpattern小技巧的站：TXP Tips
还有一个可以在线用键盘弹钢琴的Flash：http://tinyurl.com/ydzj4hu
顺便附上我翻译的《蝶恋》谱子：
QQQPQ PQPPM MNOPONMLM
QQQPQ TSTSSP PQRSRQPOQ
QTUTSQS QSPTSQPPQ
PTT OTT TUVUTUST
喜欢后一个.
不错，蛮好的，不过个人不太喜欢 sidebar 的设计。。。
还是喜欢第一个
我现在也在帮网站做前台，以后可要多多请教你了～
@roamlog 似乎侧边栏和回复都不协调，还得想一种更佳的方案。
很舒服很漂亮
抓栏杆撕床单…
改版啦，又改版啦！：-）
这个主题很不错，有机会扒了~~~
很活泼啊 ..
我觉得侧边栏挺不错的 ..
回复是真不协调..
flickr的图，教育网浏览起来太卡了。。。换个图床吧
主题做的不错，赞个，不知道TXP对于自定义主题的JS支持如何
寂静之声漂亮的很。
可以理解成没有引导性或者说页面上太多突出的地方，访客哪里都想看，却不知道从何看起。
视觉恐慌是什么概念
Anja Eliane.
fen, 这个新theme的logo里hellowiki是用的什么字体呢？能否告知？谢谢！
四个字 ： 耳目一新
帅就一个字我多说几次
帅帅帅！
还是那句话，老是诱惑我！
我想把它移植到sablog或其它程序去，可以吗？
@Kevin 这个目前还不好吧，按惯例是我发布后才能移植到别的程序上的，这次也不例外。
风格简单大方
没怎么用图片，喜欢
侧栏的颜色感觉与整体有些不是很和谐，尤其是 Delicious 有些喧宾夺主
先顶再看！
又转到wordpress了,不知道博主什么时候把此wordpress主题放出.
说句博主不太爱听的话.
感觉logo不太好看,都是蓝的感觉有点单调.
但非常喜欢这款主题,简洁中的华丽,大度.
且非常喜欢这种色调.
顶部和foot改正圆角不知是否会更好.
侧栏不是很协调
尤其是Recent Comments
本人不太懂设计,只是瞎说.非常期待这款主题.
还有评论的按扭能否修改一下,感觉也不是很协调.本人很直接,希望博主不要介意.因为实在是太喜欢这款主题了.
以前也曾用过您设计的主题,不知道还记得否.期待此宽主题.我所说的都是博主现在用的这款
@相思病 呵呵，你就是原来的全顺吧。这主题还没完全完成，我会慢慢改进的。
恩,是.今天来看感觉好多了,要是搜索框能和图片整合一下就好了.
再说一下个人的感觉:
觉得还是保留整体的框架好,就是以前,正文和侧栏的分界线
给个参考的颜色(刚从网吧下载的CS2感觉颜色不太对)
#EFEFDE
测栏的背景色为
#E6E6D6
Latest Post之类还和Hello :D类似H2的颜色为绿色
背景色为:
#F7EFE6
文字的颜色和正文的颜色一样.
再声明一下,这只是一个不懂设计,不懂PS更不懂美工的我的个人看法
h2的背景色为绿色,文字颜色白色
最好能给图片也加一个边框.
默认头像设计一个和主题融合的,灰的不太好看
之所以提这些颜色,是发现又有点回到HELL :D的样式.可以说HELL :D是个经典,但如果不去改变,就无法创造出更经典的主题.希望不要介意,我说话太直
这个是当然的拉
耐心很重要！！！
头部和导航very nice啦
很漂亮，喜欢
好主题 留名》。。。
[...]头些天我比较喜欢的 bartelme.at 改版，一些 CSS Gallery 网站也随之做了推荐，他的每次改版都能引来关注。还有就是昨天 Derek 写了一篇文章“WordPress China Users, operating on their own terms”，建议大家都去看看顺便发表一下自己的看法。再推荐一个 WordPress 主题“Hello 2007”，我喜欢它的导航菜单，手感很[...]
这个皮啥时候放出来啊？
等啊。
等待放P，嘿嘿！
very good
超喜欢第一款，我上一款主题跟这个很像！
好喜欢这个主题，不知道能否发我邮箱一个~~
博主，我也用Typecho 了，没有好皮。
能不能分享你的？
谢谢了。我会保留版权链接的。
请问博主，是WP的吗，可以共享否
简约的风格！我喜欢
[...]HelloWiki [Demo (Offline)][...]
原来这是08年的文章了。。。看来博主是个大忙人了。。
今天才发现您的博客。我喜欢您的博客的字体和布局，呵呵
不过很可惜，我暂时还在用Z-blog，没办法使用WP啊（想转过来，但是无解），没机会使用这主题了。
我之前一直在嘀咕看到你，还以为你是嘀咕的工作的人