Prower - 记录成长过程

豆瓣的Url结构方式一览

摄氏度 — Sun, 28 Feb 2010 11:15:06 +0800

网站域名一般都会选简短易记的，因为这对于网站宣传来说也可以省不少力。而被很多网站忽视的站内Url结构则在一定程度上反映出网站的整体架构。

当设计走向越来越轻的时候，网站Url结构的设计也越来越清晰明了化，很大程度上已经可以通过Url结构来获知该页面的大致内容。

豆瓣就是这样一个网站。

豆瓣的Url结构除了清晰明了易识别外，还有很多很有意思的地方：比如上一篇日志中说的豆瓣的搜索Url结构；比如豆瓣的所有翻页都是以当前内容页面Url+?start=100的形式，再往下是?start=200，这一点不像一般的网站直接就是标示1、2、3之类的，这种翻页的Url结构方式在一定程度上向用户展示列表中内容的数量，也弥补了豆瓣对列表中的内容数未显示的设计。

豆瓣在Url的格式的递进设计上也有点意思，你日记、相册之类的在Url结构上只归属大的分类，比如某个日记的Url格式是 www.douban.com/note/yyyyyy/ 而并非是常理下的该日记归属某个用户 www.douban.com/people/xxxxxx/note/yyyyyy/ 的结构，这一个设计也延用至书评影评乐评之类的内容上。

花了一些时间，整理出了豆瓣的整站Url结构，当然肯定是有些许遗漏的，但主体的都在了，也能大致的看得出来豆瓣的整站架构了。

有高清无码图及mmap文件可索取。

新豆瓣的搜索系统设计初探

摄氏度 — Sat, 27 Feb 2010 19:01:34 +0800

新豆瓣将社区独立出来强化后，除了改变最大的导航外，还有搜索系统。豆瓣开始将以前的综合搜索拆分设计，社区、书籍、电影、音乐有了各自独立的搜索，原来的综合搜索也进一步被淡化成社区搜索。这样设计的出发点应该是基于对搜索结果准确性的追求吧，因为原来庞大的搜索条件使得搜索结果的准确性大大降低。

也许是因为目前豆瓣正经历着架构的改变的原因吧，豆瓣的搜索系统也变得很有意思，比如搜索周杰伦：

搜索：周杰伦
http://www.douban.com/search?q=周杰伦

豆瓣条目搜索：周杰伦
http://www.douban.com/subject_search?search_text=周杰伦

书籍搜索: 周杰伦
http://book.douban.com/subject_search?search_text=周杰伦&cat=1001

电影搜索：周杰伦
http://movie.douban.com/subject_search?search_text=周杰伦&cat=1002

音乐搜索：周杰伦
http://music.douban.com/subject_search?search_text=周杰伦&cat=1003

将书籍、电影、音乐从综合搜索里淡化后，综合搜索里的结果基本上被小组垄断了，豆瓣小组的庞大数目开始在这里显现出来。

条目搜索是个隐蔽的功能，因为并没有在页面上的某个地方显示出来，只能通过修改Url结构来打开，搜索的条件也很限制，仅限书名、影名、唱片名。在做了这样的条件限制后，搜索结果也要相对的精确许多，也许没多久后豆瓣可能真正推出这个功能来。

虽然从Url结构上看，书籍、电影、音乐三者的搜索是位于各自站点下面的，但事实却并非如此。1001这个数值对应的是书籍搜索，1002对应的是电影搜索，1003则是对应的音乐搜索，当需要改变搜索类型时并不需要去修改前面的book、movie、music这三个子域，只需要改变后面的数值即可，也就是说将book、movie、music这个三直接换成www，只要后面的数字不变，结果也是一样的，唯一改变的就是头部的导航，也就是说使用二级域名的搜索时只是为了显示不同子站的头部。

新豆瓣的三个子站的搜索Url结构还有另外一种：

书籍搜索: 周杰伦
http://book.douban.com/search/周杰伦

电影搜索：周杰伦
http://movie.douban.com/search/周杰伦

音乐搜索：周杰伦
http://music.douban.com/search/周杰伦

当然，这三个Url结构就没法再改变二级域名而不改变搜索结果了。

什么是好的设计

摄氏度 — Tue, 23 Feb 2010 08:35:36 +0800

每个产品诞生的背后都凝结着一位或是多位设计师的心血，在产品的诞生过程中文化、科技、环保、创意等这些方方面面的细节集结成一个绚丽的故事，因为有了这些故事的铺垫，诞生出来的产品才变得更有意义，影响并改变着人们的生活。

比如秦始皇为了减少战争的损耗而采用统一制作工艺的弓箭；比如牙签顶部的圆槽可以折断以表示使用过，还可以将折断的部分当成牙签的搁置台；比如大剪刀手柄上的凹槽是为了让剪刀不易脱手掉落；比如iMac显示器的铝板中间液晶屏的部分可以制作成两个键盘框架；比如更环保的可更换刷头的牙刷；……

这些应该是《工业设计纪录片》（也叫《设计面面观》）想要表达的核心所在。

好的设计应该是创新的，好的设计应该令产品实用，好的设计是美的设计，好的设计令产品易于理解，好的设计是诚实的，好的设计是不显眼的，好的设计是耐用的，好的设计贯穿每一个细节，好的设计是环保的，最后但同样重要的是，好的设计是尽可能少地设计。

这一段诠释什么是好的设计的话，也在叙说着设计的真谛。

从最初产品材质的甄选，到制作工艺的提升，再到寿终正寝时的回收利用，设计师们正努力的让自己的设计贯穿产品的始末，为产品提供完整的解决方案。

设计在为人们带来更好的产品时，也在为企业带来更多的商业机遇。更好的生活是人们不变的追求，而更多的商业机遇也是企业不变的追求，现在这两者正通过设计越来越紧密的结合在一起。

好的设计不在于外观的新颖，好的设计不在于功能的强大，好的设计不在于定位的高端，好的设计是取与舍的平衡，好的设计在于还原事物的本质，好的设计在于对人的关注。

真正好的设计在于改善和提升人们的生活质量。

两侧背景自动延伸的CSS实现方法

摄氏度 — Mon, 22 Feb 2010 11:29:45 +0800

方法来源于土豆网的导航，在这里纪录一下实现的思路。

主要是利用 position 属性的 absolute 和 relative 配合 z-index 来实现的，通过position:absolute将需要平铺的背景层叠在另一背景上，这样即可以实现同一位置的两个背景，再使用z-index将内容提升到最高阶显示。

<div id=”a”>
<div id=”b”>
<ul>
<li><a href=”http://www.prower.cn/category/internet”>互联网谈</a></li>
<li><a href=”http://www.prower.cn/category/interaction”>交互设计</a></li>
<li><a href=”http://www.prower.cn/category/technic”>技术言论</a></li>
</ul>
<div id=”c”></div>
</div>
<div id=”d”></div>
</div>

首先将其中一个背景样式写在<div id=”a”>上，然后是将另一个背景样式写在<div id=”d”>上，<div id=”b”>为内容层，<div id=”c”>是另一个背景样式层，可以自由的出现在<div id=”b”>里面的任何一个位置。如土豆网中间的那个有弧线的背景。

然后是样式方面：

#a {background:#f00; height:50px; position:relative; width:100%;}
#b {height:50px; margin:0 auto; position:relative; width:950px; z-index:9000;}
#c {background:#ff0; height:50px; position:absolute; left:100px; top:0; width:100px; z-index:-1;}
#d {background:#f60; height:50px; position:absolute; left:0; top:0; width:50%; z-index:1;}
ul {line-height:50px; position:relative; z-index:9001;}

具体代码参见：两侧背景自动延伸的CSS实现方法

丑陋的SEO现象

摄氏度 — Sun, 21 Feb 2010 08:47:48 +0800

我说各位自称做SEO的大爷们，这大过年的也不歇着，你们每天的工作就是到处去留垃圾评论，以期待换回那一点可能不存在的外链数吗？这就是你们工作的意义所在吗？就是你们这些人，给整个SEO行业的素质拖后腿。

SEO本来是个技术性的工作，涉及到的东西很广很深，工作的内容对网站的影响是很大的。但就是因为这些丑陋的所谓SEO执行者们的行为，使得SEO工作的职责在很多人看来只是发发垃圾评论而已，从脑力劳动者跌到仅是简单的体力劳动者，机械般的不用思考的重复体力活，变成互联网内容的蛀虫。

当然，我这里并没有贬低真正的体力劳动者们的意思，劳动是光荣的。

网站的整体质量才是SEO的真正的命脉所在，从内容到结构到载入速度等各个方面，这些都影响着真正的搜索引擎优化。然而这些所谓的SEOer们，收了客户的钱却不去真正替客户解决问题，而只是希望通过这种简单粗暴的行为去获取短期的可能性。

你们在抹黑整个SEO行业！

当然，说归说，我相信这种丑陋的现象是不会停止的，我也只是发发牢骚而已。

哇！恭喜您找到了一个独一无二的文章。

寂寞春雨里浸泡的寂寞城市

摄氏度 — Fri, 05 Feb 2010 21:21:47 +0800

霓虹灯刺破了寂寞的夜幕，昏黄的路灯在街道两边延续着。

独自一人的时候，我喜欢骑着自行车或快或慢的在路灯下游走，感受迎面而来的那一束束刺目的灯光，这些短暂而炫目的灯光编织着夜晚的光明。

这样的夜晚安静而喧嚣着。

天空中飘扬着若有若无的雨丝，湿漉漉的路面上汽车扬起的水滴与尾气交杂着幻化成迷离的水雾。偶有行人撑着伞，快速而谨慎的跃过路面上积水的坑洼。

连续一个星期的阴雨天气将这个冬天泡成了春天，路过的树木一直翠绿着，似乎这个冬天在还未开始之前已经结束。

经过一个十字路口，堵塞的车流四面八方的束成一个围城，交警在无奈的指挥着。当十字路口的红绿灯变成小孩无知的闯、中青年无理的闯、老年无视的闯，那么结果只有两个：不是人瘫痪就是交通瘫痪。

雨丝开始有些密集起来形成雨滴，时下时停的雨水似乎在提醒着昨天已经过了立春，春天的雨水就应该这样飘渺而不可预测，尽管身上还穿着厚重的衣服。

从狭窄的小街道中贴着车身快速穿越着，经历那担惊而激动的心情。透过干净的玻璃可以看到温暖明亮的灯光下人们脸上写着各异的表情：安静的聆听、享受的轻嗅、轻微扬眉的微笑、舞动的双手……这些似乎都在述说着春节的即将到来。

飘扬的雨丝突然结成细线般的雨水从空中直降，路上的人们纷纷跳进屋檐下避雨，公交站台上的人也突然多了起来，郁叹的表情在人群里蔓延开去。

在立春的第二天，这寂寞的春雨里浸泡着寂寞的城市。

生活记：某个上班的清晨

摄氏度 — Wed, 03 Feb 2010 09:48:33 +0800

在手机闹铃响起第二遍的时候，恋恋不舍的从被窝里钻出来，在这种下着雨的冬日阴冷早晨，这是一件需要鼓起勇气的事情。打开电脑放起音乐，这一般是我起床做的第一件事，就犹如下班回家做的第一件事一样。

在洗漱之前，先给电子壶装上水，冬天的早晨需要一些热开水来温暖身子。

公司搬到新办公处之后，连续两天提前半个多小时到达然后在外面等开门的经历让我决定今天晚点出门。于是关掉音乐，看起了好多天前下载好的但一直没安静下来看的《工业设计纪录片》。

估摸着时间差不多的时候，关掉了电脑推着伴了我两年多的自行车出了家门。

昨晚持续下的雨在早晨衰弱得只剩下雨丝，湿漉漉的路面、较为安静的路边，搭着刮过阴冷的寒风，在这个距离过年还有十天的早晨显得那么的凄凉。自行车从路过的树下过时，偶尔会被垂落的树叶滴下的雨水打中，在寒风中心急的等着公交车的人们填满了道路两边的公交站台。路上的车流相较于前两天有明显的增多，从路边的偏门拐进南大校园，严格来说这算不上是捷径，但校园里的安静却是外部无法相比的。

学生已经全部放了假，校园显得越发的安静，凹凸不平的篮球场上有着不同程度的积水，田径场上红色的跑道却因为雨水的冲洗而越发的鲜艳。每一次从这校园里穿过时，总会忆起几年前自己在学校里的时光。前几天与同事聚餐时谈论的话题也是学生时代，也许真的已经开始变老，因为已经开始回忆。

穿过熟悉的小街道时，没有看到昨天的那家流动的早点车，鲜徕客烧麦的味道是我吃过的所有路边面点类早点中最好的。

行至十字路口的时候，看到了一辆微型卡车与私家车的摩擦，交警还在处理中。这样的事情，在车辆猛增的同时也猛烈的上演着。

路上充忙赶着上班的人们越来越多，走路的、骑自行车的、骑电动车的、骑摩托车的在道路边缘汇集成人流，各种嘈杂的声音也陆续的上演着。

因为连日的雨水，公司门前那条河的水位已经漫上了边沿的小道，有路过的人们只能从边上斜坡的草坪上踏过。河边的窄窄的道路连接着两条平行的主干道，这是真正的捷径，所以路上总是呼啸着密集的车流，坐在办公室里即使戴上耳机也能听到楼下道路上嘈杂的车流声。

这个零碎而又反复的早晨。

卡通风格网站设计一览

摄氏度 — Tue, 02 Feb 2010 12:45:53 +0800

对于大部分的网站来说，简洁明了是一贯的风格，有利于主题内容的突显，但同样的，卡通元素的应用也会让整个网站增色不少，甚至是这类网页设计的精髓所在。

丰富的色彩以及卡通的形象造型，都很容易将浏览者引入设计者制造的意境中去，如梦似幻的梦境。

Adobe User Group Nederland

更多精美网页欣赏，请至：reeoo.com

也欢迎提交你设计的或是你见过的设计精美的网站。

我为什么喜欢看《康熙来了》

摄氏度 — Thu, 28 Jan 2010 09:57:38 +0800

很长一段时间以来，除了湖南卫视的《快乐大本营》与浙江卫视的《越跳越美丽》之外，我几乎已经不再看其他的内地娱乐节目了，最近连《越跳越美丽》也已经不再看了，因为实在受不了那些编导们把观众都当成没有思考能力的傻子一样对待。预先安排好的剧情在节目中随处可见，却偏偏还要装成是现场发挥，娱乐节目被弄成了影视节目，暗箱操作被升级成了明箱操作。

这一点就犹如那些大大小小的颁奖典礼一样，暗箱操作都已经明得不能再明了，就差把内幕当成报幕直接报出来了。

当然，只要是节目，就会有编导事先安排的桥段，只是多与少的区别，只是安排的桥段是否会被观众在观看的过程中感觉出来。《康熙来了》就是这样一个有预先安排但观众基本感觉不到的节目。

无论是小S的辛辣或是康永的睿智，都足以将节目编导预先的安排冲淡，而往往也可以在节目中看到嘉宾被问得不知所措的表情，这些表情能让观众感到节目的真实感。

而这些都是在内地的娱乐节目中看不到的，能看到的往往就是嘉宾讲到自己认为深情的时候停顿下来，然后等主持人硬挤点泪光出来，再然后等台下的虚虚实实的观众鼓掌。这样的剧情在不同的节目中不断的上演着。

所以才会有早前湖南卫视准备的一个新节目，首期邀请嘉宾是韩寒，但因为节目组预先安排的事情被抖露，最后节目夭折掉的事情。

内地娱乐事业差港台娱乐事业的等级已经不是一两个级别的事情了。

台湾的娱乐节目已经形成了自己的一种特色，而内地的娱乐节目仍是在老套路中打着转。湖南卫视、浙江卫视还有江苏卫视今年重金打造的多档节目也仍只是在模仿港台节目的路途上，重要的是模仿的只是形而不是神，更重要的是模仿的形也不似。

娱乐节目如此，影视节目也如此。

台湾主打节奏缓慢剧情略有忧伤的青春爱情片，香港主推节奏紧凑剧情老套的警匪片，而内地则是力棒节奏剧情都烂的烂片。

如果忍受得了缓慢的节奏，那么看完一个完整的台湾青春爱情片，心中还是可以生出关于爱情的感动来；看完香港警匪片，大多都能品味出其中的义气两字；看内地大杂烩般的片子呢？看过后笑笑就行了。

当然，我是个什么片都看的人。

国内微博之路在于整合

摄氏度 — Wed, 27 Jan 2010 11:20:40 +0800

终于，四大门户中的网易与搜狐也在2010年1月21日这一天同时推出了微博产品，距离四大门户中腾讯最早发布的微博产品——滔滔已经间隔两年之多。然而就在1月26日，滔滔贴出了公告，将与QQ空间心情整合，这就也等于间接的宣布了滔滔的死亡。

滔滔的毁灭是腾讯自己造成的，QQ空间心情、QQ邮箱广播等多个产品模式的重叠是导致其死亡的最重要原因，而这也间接的证明了Twitter做为一种独立发展模式的应用直接被移植进现有的产品体系中显然是不合适的。

然而直接复制Twitter模式做为独立网站发展的饭否、叽歪们又因为某些原因被关闭，这就给门户们留下了足够大的空间，而这个空间里的用户群也刚被这种新模式培养起来，时间、空间都合适了，于是门户们的圈地行动又一次开始了。

微博产品之于门户最重要的意义不在于抢占新用户，而是在于巩固自身现有的用户不至于流失。

于是新浪在微博的推广上复刻了博客的模式，主打名人牌，短时间内新浪微博的人气迅速的上升。于是其他门户也当然需要跟进。

然而，在已有的产品体系中加入一个微博产品，除了是共用用户数据库外，几乎与原有的产品完全脱节，这本身却并不是好事。但腾讯如此、新浪如此、网易如此、搜狐也如此，至少目前是如此。

Twitter的核心在于信息的传播，以文字为载体的一个信息的传播。而Twitter在国内的模式已经不在是单纯的文字信息发布，而是变得多样化，图片、视频等媒体化的信息都可以发布，这本身已经脱离了“微博”这个名称的范畴。

既然信息的内容走向多元化，那么信息的来源也可以是多元化的，输入框发布只是途径之一。

对于独立站点而言，因为不具备相临产品产生的信息，所以输入框发布信息是最重要的途径。然而对于已有产品体系中的一个产品而言，输入框发布信息的重要性将会减半，这个信息的来源可以是同一体系内的相临产品所产生，而微博只是在其中起一个桥梁的作用。

在这一点上，目前的SNS社区网站的个人中心是融入Twitter模式的最成功案例，而在现有的产品整合中，腾讯对于微博模式的消化也是最好的，当然这个不包括滔滔。

直接拷贝一个独立于现有产品体系外的产品进来，对原有的产品将会形成一定的伤害，而将其整合进来，与原有的产品打通关联，这也许是微博在国内能得以健壮发展的途径之一。

PS：康盛的微博产品已经开始测试了，不得不说在SNS满天飞的世界之后，微博也开始要满天飞了。这个杯具的世界！