默识| 博客模版的设计心得

博客模版的设计心得

Published on 08/15,2005

　　一直说内容重于形式，可追求完美的我总想把页面再做大方点儿，让来访的博友们看得舒服些。

　　所谓“纸上得来终觉浅，绝知此事要躬行”，设计页面的这段经历再次让我体会了这句名言。都知道Blog是个新事物，也都清楚无非是设计网页，可没有亲自设计之前，我还确实难以产生这许多感想。

　　首先是整体构思的问题。没吃过猪肉，还没见过猪跑么？从99年到现在网龄也不短了，高级的东西没玩全，网页可是司空见惯了。可硬着头皮自己设计起来，真还无从下手。以前在南开博客，图省事，从 MT的官方网站上借了个样式过来，虽然朴素，可怎么看怎么舒服，淡淡的背景衬托出鲜明的文字。于是这次设计也希望首先照顾文字展示效果。

　　其二就是色调问题，小时候学过美术，红黄蓝，邻近色，互补色……-_-b。这些都不顶用，设计网页还要翻课本学理论？太不搭调了吧。再说色彩到底行不行，还得眼睛说了算不是？

　　其三是 Banner 问题，记得中学毕业时有个同学玩过 Banner 设计软件，当时我还拿画笔涂鸦呢-__-b。现在才发现 Banner 的重要性，它是整个页面最先映入眼帘的部分，能不能凸现主题和吸引眼球至关重要（弱问，可不可以给个数学模型先？-___-b），而这就是整个博客给别人的第一印象。

　　最后是个小问题，Logo 怎么设计？怎么让人见到 Logo 就想起我的博客？（再弱问一个：把 Banner 缩小到 88x31 好不好？@#$%^&*）

　　别看做完之后写出来头头是道的，可设计过程中可没这么清晰，我一会想想配色，一会想想文字显示，一会心血来潮又想画个 Logo 出来。最后一样都没搞定，终于发现了一条出路，看看先辈们的设计成品。

　　要参考肯定要找最棒的博客来参考了，可到哪里去找呢，这就体现出资深 Blogger 的价值了，我从 flypig 前辈的友情链接那里开始找，很快就豁然开朗。优秀的 Blogger 是通过链接聚在一处的，找到一个就不难找到许多。我逐个链接地浏览，简直目不暇给。遗憾的是我的目标在于搜索合适的色彩和创意以供参考，只得忽略掉一些有丰富内涵的博客，而只是注意那些注重页面设计的站点。

　　经过一个通宵的浏览，我还是没有找到同我的主题相似的页面，但头脑中已经有了许多可以借用的模式。我选择了常规的 T 型 Layout，简单实用而且整洁，Banner 让我头痛了一阵，最后还是在 Yahoo / Baidu 的图片搜索中找到了一幅意境比较贴近的，PS 一番投入使用，主要是把原来恐怖的暗绿色变成比较安详的黄褐色。有了 Banner，侧边条的颜色也能够轻松地确定了，选择与 Banner 相近的色调即可。Logo 的设计完全是偶然形成的，是一个本想用作 Banner 的设计方案，旨在强调思维过程冲突和矛盾，以及渴望表达的呐喊动作。剩下的工作是琐碎的 CSS 样式调整工作，经历了前面的艰辛历程，这部分工作也因为希望模版早日完工面世而充满了干劲。

　　将模版安置在 Blogzy 之后，又传来了 Blogbus 提速的喜讯，毕竟国内用户更容易访问到 Blogbus，而我在南开博客的存档也还放置在 Blogbus（感谢 Blogbus 提供的贴心服务！），于是又将整个模版搬运到了 Blogbus。呼~可以休息一下了吧？

　　其实，到这里还远远没有结束。iStef 前辈很快提出了审阅意见，我的模版在 Firefox 下没有正常显示，我只得寻找对策解决浏览器兼容性的问题。

　　从这里看来，任何事情要做到接近优秀都需要相当的工作，前人既成的工作和热心的帮助都是非常宝贵的信息，朋友的支持和鼓励则是突破难关的潜在动力。在我的博客旅程走入新阶段之际，我衷心感谢给我支持和鼓励的朋友，热心给予我指导的 Blogger，以及我在设计过程中参考的优秀博客和她们的作者：你们辛苦了，祝你们一切顺利！

　　PS：也在这里感谢 Blogbus.com 为 Bloggers 提供了一个可定制性强，功能全面的博客服务。