（导言：Beautiful Expectations 是我为 Linuxtoy.org 设计的一套符合xhtml1.1的theme）首先要解释一下我的习惯，我的每一个作品都会用窦唯唱片中的一个曲目命名，曾经使用过的有Drifting Spring（春去春来）、M.R.W（山河水）等几个，对LinuxToy.org而言，全新的这个设计将是一个“美丽的期待”，所以就命名为Beautiful Expectations，简称BE，也取自《山河水》中。

我并不是一名专业web设计师，但并不代表我没有专业的能力和精神，我理解并熟悉Web标准，我追求简洁明快，在某种程度上来说，和Linux和精神是相通的，这就是我为什么答应为Toy作一个设计，实际上我和Toy认识并不久，Toy在作品出来之前也并不知我功力几许。

事实上在我答应Toy前我的大脑已经有一个轮廓构思了。我平时浏览网站除了阅读内容外，还会特别留意配色方案、设计细节尤其一些出彩的地方的设计对我的灵感都会有一定的启发。在BE的设计中，如果你够细心，应该能从中看到一些站的些许痕迹，其间也包括我的很多常用手法的套用。

自完全转入Linux这几月来，要开展设计说实话没有什么特别好的辅助工具，windows下成堆的配色、取色工具linux里却难觅芳踪，在精通VIM之前，只能用Gedit顶着，好在在windows时代养成了手工代码的习惯，对此，障碍并不算太大。这也是为什么整个设计主色调仅仅简单地使用了两三个色，现在看来并不觉其单调。

整个设计中，顶部圆角滑动门导航是耗费时间最多的。如果只考虑Firefox用户，圆角滑动门导航条完全可以不用图片直接用CSS实现，而且还可以更漂亮，在第一稿也的确是使用CSS来实现，后来我说服了自己：可以讨厌IE，但不能歧视IE。所以正式的版本顶部导航使用的是图片背景。按说这个滑动门还可以有一个hover的效果，由于滑动门技术我使用了一个自己的方法，IE的hover效果不佳，最后干脆一并取消之，影响并不大。

这是我第一个三栏布局作品，其实感觉和两栏并没有多大区别，如果需要，n栏也应该没有什么问题，不足挂齿。

对Linux的Firefox用户可能会觉得标题的黑体很难看，标题用黑体是标准的，在Linux中SimHei不管多大都是很难看的，需要把黑体的AA（抗锯齿）打开，如果你有Lucida sans也最好把AA打开要美观很多（英文标题都是此字体）。额外提示的是，Linux下的字体设置可没有window那么傻瓜，需要改动相应的配置文件。不管如何，Firefox的整体视觉是最佳的，页面底部有特别的强调。

Toy做的linuxtoy.org内容不错，现在有了件订做的外套了，合不合身恐怕还只有Toy自己比较清楚，体不体面就看大伙如何评价了，如果好看，人们会向Toy打听牌子；如果难看，人们会评论Toy品味差，如此逻辑，于我就没什么坏处了，呵呵。最后希望Toy能把站办得更好，为华语Linux世界立一面大旗。

2006-10-27 by Dark Posted in Web Design·设计