Wednesday, November 09, 2005

Blog 模板,想换就换

前天换了个新模板,费了老半天的劲儿,自己挺喜欢的,就像自己穿了一身新衣服一般意气风发,结果第二天看到大家的反应,都说不好,主要是由于黑色的背景阅读的时候眼睛难受……

本来我是很自以为是的,大有和 ashtime.com 自以为是的管理员们一较高下的势头,不过,我还是反省了一下。Blog 毕竟是以内容取胜的,不像我以前的 Windia.V3,主要是装酷,所以有没有内容让人愿意看,以及阅读起来操作方不方便眼睛舒不舒服直接影响到这个 blog 存在的意义,因此,我还是痛下决心重新换一个模板。尽管,有朋友说,那个淡化处理融入背景的头像看起来很有感觉,换了的话,就可惜了;这个嘛,总是要有所取舍的吧……

我自己很喜欢这个模板,精致,淡雅,一眼看上去很舒服,扩展性也比较好,虽然看的时间不久,但是我想应该会很耐看,反正短期内我是不打算再换模板了。开技术类文章的分 blog 时,我也只打算改改局部配色拉到。一直都很想做一个仿笔记本样式的模板,但是一直没有好的想法。看到过类似的模板,大多很粗糙,存在各种各样的问题,大概时在设计初期没有考虑完整。因此,今天这个模板完成后,自己非常欣喜。在整个制作的过程中,也比以前花了更多的功夫,一方面这个模板本身的内容比较多,对原来框架改动比较大,另一方面,也是因为个人喜好原因。不过,如果单从眼睛阅读的舒适度来讲的话,其实还是比不上第一版,不过比上次那个黑色的要好得多了,基本上应该能够接受。为了兼顾整个页面的视觉平衡,正文文字的颜色和背景色对比度不算太高,如果大家还是看着不舒服的话,告诉我吧,我把文字的颜色再弄深点。

需要检讨的是,整个模板仍然不是我完全原创的。其实完全没有必要说这一点,相信如果不是专业资深人士故意去找,很少有人会找到原作者的原稿的;之所以要说,我还是不希望当谁无意中看到原作者的作品后有上当受骗的感觉,尽管在此之前我确实也没有说这是我完全原创的。

创意来自于一个外国平面设计师的个人网站,原作是全 Flash 的,因此比我这个动感许多,内容不多,很小巧,就像一本精美的小册子,介绍作者的联系方式以及作品。其实要说创意,也平平,笔记本小册子式样的页面很早就有了而且有很多,但这个设计贵就贵在精细和闲散的融合——整体光线明暗、配色、字体、不同板块之间的动画衔接过渡,精细的排版制作和随意的扎绳、手划的线条之间的对比,不经意间无处不显露着设计师高标准的审美情趣和精湛的制作功底。

我是在网上漫无目的的找灵感时无意中发现的,当时就被这个个人站点迷住了。于是当即决定要把我的 blog 也弄成这个样子。这里不打算给出原作的地址,保留一份神秘感吧。本来想改改以避抄袭之嫌,但想来想去实在想不出什么可改的,于是决定所有元素全部照搬,免得落得个“画虎不成反类犬”的下场。

不过,这个版面,看起来清爽,做起来真不容易,细枝末节的地方太多。原作者用了统一光源,因为原来的大小是固定的。现在我不但要加宽原来的横向尺寸,而且还要弄成可以纵向拉深的,还要兼顾光照的因素。这就要先分析原来的内容并全部支解,然后精确的选定用来重复的背景区域。还有左边的那一排 tag,本来原作一共就只有三个,位置固定,之间的关系也就不那么复杂。现在我是不定个数,而且每个标签的尺寸也不同,又要增减方便,又要完美再现,真的是伤透了脑经啊……

后来放到 Mozilla Firefox 和 Opera 里面看了一下,有点小问题,主要还是因为不同浏览器 CSS 的默认值不同对 CSS 的理解不同所致,好改。只是 tag 那里,我原来是用 CSS 把文字旋转了 90 度实现的 (搜索引擎优化不是说推荐尽量用文字来做导航菜单嘛),无奈非 IE 浏览器上都不支持这个 CSS 选项,还得另外想办法。IE 里头看上去没问题,不过还不能点,分类是下一步要加的功能。

最后全部完成后,再欣赏一下,嗯,我越来越佩服自己抄袭的能力了,哼哼,其实说好听点,这个叫做“拿来主义”——我把人家精髓的东西拿来,学习理解后应用到自己的需要上,不是简单的生搬硬套,怎么也有点可取之处吧。不过话说回来,心里头总有点遗憾,自己在平面设计方面越来越没创意了,是才思枯竭了?还是,老了……?


敬告读者

由于本站模版的设计样式并未获得原作者许可,本人仅通过抓图并利用原界面各种元素重新设计本 Blogger 模版,仅供个人兴趣研究之用。为避免知识产权等法律问题,本站不再向读者提供本模版的源代码以及相关资源,请各位理解。同时,也请正在使用本模版的朋友不再扩散本模版源代码及相关资源,并尽可能停止使用,谢谢。

Labels: ,

Loading comments...

(as a blogger member or anonymous)

  • To post comment anonymously or as a blogger member, please click here.
  • HTML tags as <b>, <i>, <a> are available.
  • The Name and URL are optional.
Name (optional)
URL (optional)
Verify (required)
Loading...   Posting comment, please wait...