无言斋由xell进行随机更新,他是Einstein意义上的无神论者,Hayek意义上的自由主义者,Popper意义上的理性主义者,目前正在从事不赚钱的跨学科研究,最喜欢吃白切鸡,不看电视,认为一首歌的词和曲同样重要,坚决主张人权高于宠物权,擅长使用计算机、看书和睡觉,不擅长经商以及成为公务员。虽然他是Google的拥护者,但他愿意公布的电邮地址是(同这个页面风格一样简单的)xell@w.cn
<<  离去首页黑白灰  >>
我只是想优雅一点而已
2007-04-28|21:36:32| ‼ [3] | √ [0] 

  本人既然是理工科出身的准艺术青年,网页设计这条路还是要走一走的。Andy Warhol最杰出的想法就是“将生活艺术化”,我深以为然。现在有无数有志青年都在津津有味地搞网页,BlogBus作为中文博客服务商中走精英路线的代表,自然拉拢了大量此类人才。我昨晚随意看了几个推荐博客,那些设计倒真把我吓到了。我不打算简约到主页只有一个单色Flash的程度,但这些东西最终大大激发了我的创作热情。
  其实简约是最难搞的,因为除去纷繁芜杂的色彩和元素之后,所有细节都一览无余,也就是说都要经得起推敲和琢磨。我没有功夫去整理素材,于是最终选择了修改CSS。
  CSS发展到今天真是一个好东西,它的结构非常优良,嵌套式的层叠架构允许你做任何程度的发挥。例如在这个网页中使用了两个容器,分别掌管左边的导航栏以及右边的主要文章显示区域,然后就在每个容器下面做样式,例如标题样式,文本样式,每个样式考虑到实际中的审美需要,依然可以添加子样式。这样的话,我的大部分时间都是花在设计上,而不是花在编程上。只是BlogBus虽然模板方面允许修改的幅度很大,但界面还不算友好,任何改动都要点击完毕后,自己刷新页面,而如果不满意又要重新找到要打开修改页面,找到要修改的地方,等等,让人吐血。希望以后能有一个良好的操作台,这样的话就更方便了。
  设计上我用的都是CSS中的所谓“古典”方法,不外乎精确地去估量margin、padding和border等元素的值,尽量做到界面统一而有点层次感。另外,由于CSS的表格和浮动框方法在不同内核的浏览器上似乎有不同的解释,我在网上看到一大堆程序员在讨论这个问题;为了避免出错,我就没有使用。这也导致了如果我的博客说明(博客标题图片下方的文字)如果在高度上有细微变化的话(例如从英文变成中文而字号不变),下面的第一排元素的水平位置就有可能相差5px左右。这一点我是无能为力了。此外在颜色上倒花了不少心思——如果你用闲得无聊可以用取色软件看看我的正文文本颜色,它并不是黑色,而是我精心选出来的深灰色,我个人觉得这样的阅读效果比较好。最后让我为难的是字体,由于浏览器的字体似乎不服从ClearType Tuning的优化,使得它们在液晶显示器(这好像已经普及了)上极为难看,我只能选取18px、14px等所谓的“字体优化值”,这些值可以保证这些矢量字体处于最佳的阅读清晰度。
  总之,由两个单位像素构成的虚线,深灰色正文,最简单的黑与白,我想这些就够了。唯一的色彩是超链接的hover配色,采用的是#990000,这个红色也比较有内敛的感觉。我只是想优雅一点而已。

P.S. 推荐一个网站,网页教程与代码的中文站点,它的内容比较适合编程时查阅,而且有即时显示的代码预览窗口,可以很方便地调试参数和参考结果。
  此外,phototo的博客可以看一看,不过我觉得这种简约走过头了,只能适合像他那样发照片而已。他的另一个博客采取很先锋的横幅类型,我猜想他是受到了很有名的一个电脑艺术先锋站点BlueSfear的影响,那个网页号称是世界上最宽的网页,各位去看看就明白了。现在这些学艺术的孩子都给人一点走火入魔的感觉……


  >[伪专业研究

评论内容

发表评论