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 模版,仅供个人兴趣研究之用。为避免知识产权等法律问题,本站不再向读者提供本模版的源代码以及相关资源,请各位理解。同时,也请正在使用本模版的朋友不再扩散本模版源代码及相关资源,并尽可能停止使用,谢谢。

38 comments:

Anonymous said...

这是我见过的最漂亮的笔记本界面,我也是对笔记本界面特别钟爱,但是自己一直做不来。还是这些专业人士的作品大气精致。

总是感觉英文字体做的都比较精致,中文字体好像比较难,因为中文字体太小的话看起来很吃力。

Mr.zhou said...

不错。这个确实很漂亮!也很大气。真想让你也给我定制一个。呵呵。顺便说下,我不太喜欢中间的连接线。

Anonymous said...

确实,好的数码设计作品里面,尤其是界面,字体的设定是非常关键的。汉字由于主要是方块构成,错落不大,而且笔划相对较多,因此无法在小于 12px 的范围内清晰完整的表达。但西文字符不同,用大写整齐,用小写错落;笔划简单,只需 6px 的空间便可以完整的显示出来。我以前 Windia.V3 上,用的就是一套日本设计师做的超小点阵字体,都只有 6px 或者 8px,看上去非常整齐,而且数码的感觉浓厚。这也是为什么我的网页里面,整体框架,除了内容的标题和正文,其它地方尽量用英文的原因。

Anonymous said...

嗯,已经有三个人跟我说不喜欢中间的连接线了,不过我倒认为这是整个版面中的点睛之笔,个人挺喜欢的。虽然有那么点花哨,但是它为本来简单平实的页面引入了新的元素,让本来页面活跃起来,而且引入另外两种明暗相当的颜色,让视觉上产生对比,不至于全是一抹色,看着眼睛昏。还有两半页面上的光影处理成向中间凹陷的状态,这个连接部分的扎绳刚好把这种凹陷的感觉填补起来,让整个页面在 z 轴上也显得错落有致……

Anonymous said...

这个模板粉不错,终于逃脱了你以往黑呼呼的版面,呵呵

Anonymous said...

动作蛮快的嘛:)

Anonymous said...

感觉不错,只是不适合800*600。

Anonymous said...

有代码么,可以交流一下么

Anonymous said...

我自己的 blog,当然有代码啊。您总得留个什么联系方式才好交流啊…… 呵呵

Anonymous said...

喜欢你的模板,能不能给我发一个。先谢谢了。swallow036@hotmail.com

Anonymous said...

我是新手,感觉对于模板的修改是比较麻烦的事情呀。找了很多地方都没有比较详细的教程。。。

Anonymous said...

如果懂得一些 HTML 和 CSS 的知识,修改模板就比较容易了。Blogger 模板的修改教程,在 help.blogger.com 有。

Anonymous said...

我的QQ是1069936
我很喜欢你的模斑
能把代码发被我吗

Anonymous said...

我也很喜欢这个模板的,如果可以请发给我好吗,谢谢了
我邮箱780712@gmail.com
QQ3871694
万分感谢先!

Anonymous said...

真是很不错,能把代码发给我吗,我才刚开始学做
我的邮箱是crazysdf@gmail.com

还有你左边的那些标签什么career啊似乎没有用??

Anonymous said...

好漂亮的模版,我想在你的基础上改改可以么?
也给我发一下代码,先谢谢了。 E-mail: tingfengguanyue@gmail.com

Anonymous said...

喜欢你的模板,能不能给我发一个。谢谢!
kevin.z.cheng@gmail.com

Anonymous said...

我也很喜欢,可以给我也发一个么?
zonmin100@gmail.com

Unknown said...

你的模板能用在beta上吗,我很喜欢你的模板,能把你的代码发给我吗。非常感谢
EMAIL:kuaiguobin@gmail.com

Kari Cai said...

我也很喜歡啊!!拜托也能發給我一個嗎??
cnan1024@gmail.com
另外,想請教一下,如果自己想要嘗試做模版的話,有沒有什么入門的方法呢??

Anonymous said...

这个模板很漂亮,没有一定的专业知识没有办法做到的。。。羡慕ing。。。

Anonymous said...

这个模板很漂亮,可以给我也发一个么?
EMAIL:zhangjiewx22n@gmail.com

Anonymous said...

这个模板可以发给我吗 ?
guankeng@gmail.com

Anonymous said...

我真的好喜欢你的这个模板,可以发给我一份吗?
nerfing@gmail.com
谢谢!

Anonymous said...

这个模板真不错,能发我一份么?谢谢。
Joe7906@gmail.com

Anonymous said...

也给我一个,谢谢啦
wuyan1986@gmail.com

Anonymous said...

给我一个啊~~
timefielder@gmail.com

Anonymous said...

megoal+windianet@gmail.com
我也要

Anonymous said...

太喜欢这个模板了,能发给我吗?谢谢!
howardchina@gmail.com

Anonymous said...

我现在什么都不懂哦!!想先用你的模板行么??

crystalfluxay@gmail.com

Anonymous said...

我想做个自己的模块 可是总出错
希望你能赐教
你这个模块很经典 我很喜欢
可以的话 请求适用
如果可以请把 修改 HTML 发我个人邮箱里
koutor@gmail.com 感激万分

alex said...
This comment has been removed by the author.
Anonymous said...

做的不错哈,配色什么的感觉都不错。
笔记本中间的分栏颜色有点突兀不够协调,不过也还不错。

Anonymous said...

能也给我发一个么 万分感激啊
leloire@gmail.com

Anonymous said...

是否可以发一个给我呢
上次看到的时候就非常非常的喜欢了
jinnij@gmail.com

Anonymous said...

你的模板我好喜欢啊,
可不可以给我发一个呢?
谢谢啊,oydremind@126.com

Arthur said...

真的超级漂亮啊~

我在网上寻找BLOGGER的模板好多天了,一眼看到你的就被震住了~太精致了~

可以发一份给我吗?
Arthur0902@gmail.com

万分感谢啊~~

Anonymous said...

不错,可以发给我吗?我也玩玩.
gpskey@qq.com