搬家

终于还是搬家了。

2007年从上海回到北京时(海归),看到这间屋子的第一印象就是——破。可一晃跟家人在这儿住5年了,对这儿多少有些感情,或者说已经习惯了。期间由于涨房租,全家讨论过几次如“再涨房租,咱就搬家,什么破房子还要这么贵”之类的,后来都不了了之。可真当这么一天来临的时候,还真是不舍,它承载了我们一家人对北京的记忆。

事发突然。房东突然说要卖房子。经过简短家庭会议之后,我们决定以更突然的形式来解决这个突然的状况。这件事是周一确定的,周二开始找房子,周日确定新租处。接下来的一周开始紧张而有序的打包工作。这真是,不打不知道,一打吓一跳。五年的东西有多少,请往下面瞧瞧:

客厅。是的,沙发上已经堆满,地上勉强留出过道。

餐厅。打包的几天,全家4口围站在桌边吃饭。

壁橱。还没收拾的地方。

继续阅读 »

德国之旅-附带产物

整理一下之前去德国自助游的所有产出物,包括附带产品。

锦囊

去之前给自己做了一份PDF锦囊,放到iPhone里,以备不时只需。果然,还是很实用的,问酒店、打听路、看日程安排都用它。临行前的文章(德国行之准备工作)里也提到过,等去德国亲测后会提供下载,得兑现哪,下边就是了,可以放到iBooks里。

本地下载:德国之旅锦囊PDF(1.0MB)
在线阅读:http://vdisk.weibo.com/s/32sFs

照片书

对于爱摄影的人来说,每次旅行回来以后最艰巨的任务莫过于要处理海量的照片了。如果再打印成册,这是得有夺么大的动力。下面是做好的照片书,精选了一些有代表性的图片入册。

海量游记

对,专题页面,所有相关的游记整理到一起,方便集中浏览。入口在首页右栏,很低调的。

穷游,是的。临行前在穷游上查阅的资料最多,作为回报,把全部游记又在穷游上汇总了一遍。不过让我伤心的是,浏览量和参与度都太低了,甚至还不如我的blog,哎~

从滚动条消失看细节设计

我相信所有设计师都是注重细节的!即使有时迫于种种原因,无法达到像期望般完美,但心中一定有份纠结的坚持。

最近的项目中,给选择器设计备选列表,发现了一个“由细节引发的细节问题”。下图是示例。很简单,在一个固定区域内做多选,当有很多备选时,滚动显示更多内容。(原本意图

图A:原本的意图,和期望达到的效果

但实现出来之后,发现一个问题:滚动条被隐藏掉了。只有当在备选内容区滚动鼠标时,滚动条才会显示出来。这会影响到用户对这个功能区块的认知,根本察觉不到还有更多内容。(出乎预料

图B:滚动条不见了,这可不是我们期望的

继续阅读 »

给力2011

进入2012,又迎来农历龙年(多念几遍 :p),新的开始意味着一切都将重生。2012对于每个人来说意义都不相同,但人们对它有一个共同的认识——玛雅预言的世界末日。我很期待12月22日那天的日出,因为那将意味着人类文明的一个新开始。“世界末日”?也是是吧,但我们确实有好多事情可以去做,还有时间去做。

愿望和目标是个很神奇的东西。去年这个时候,我给自己订下了2011年的愿望和目标,年底前真的达成的那一刻,非常开心。完成它们实在让我收获良多。生活正是由一些经历和冒险谱写而成的,虽不一帆风顺,但却磨炼了性格,让我对生活、亲情、友情和工作有了新的理解。

2011年,不简单,但很充实、很新鲜。随我一起时光倒转…

12月,紧张

  • 部门尾牙节目负责人兼导演,编排节目并不是件容易的事。话说今年的最后一天和去年一样,也在豆瓣度过……
  • 做了个小手术,开了一小刀。自此,我经历过骨折、缝针、开刀,圆满了。

11月,平静

  • 安心做项目,逐渐找感觉。这一月对产品和工作方式有了更深理解,虽然被迷茫笼罩着。

10月,探索

  • 人生中最新鲜的一个月,和老婆一起,首次踏上欧洲大陆。在德国度过了最美妙的7天。

9月,筹备

  • 为德国之旅而准备。签证、机票、各种证明和手续。当然,最重要的就是设计行程。

8月,适应

  • 在豆瓣的第一个项目“部落”上线,头次体验自增长社区。
  • 了解和适应豆瓣的节奏,试着体会他与其他公司的差异。

7月,起点

  • 正式进入一个新的工作状态,节奏、方式跟之前完全不同。
  • Blog服务器升级,从(gs)升级到(dv),更快更稳更安心。

6月,转折

  • 提交辞呈,离开新浪微博,离开我的团队。微博生活,就此画上了句号。
  • 带爸妈去了香港,初探“万恶的资本主义”。这也是今年的愿望和目标之一。
  • 加盟豆瓣。注定我会是枚与众不同的文艺青年。

5月,珍贵

  • 滚石30年演唱会,作为场内摄影师,拍摄整场表演。这一次机会,永生难忘。
  • 必须感谢胖子,这么多年教会我很多东西,虽然没以师父相称,但在我心里已是如此!

4月,繁忙

  • 工作节奏之快和对大事小情的管理,把我拖垮了。每天繁重的项目指标,让我透支很多。
  • 一场大病,发烧40度,彻底倒在家里了。打点滴,冰块物理降温,从没这么严重过。

3月,抉择

  • 微博改版不是件小事情,几乎每天都在开会研究各种方案,随之制定项目周期。
  • 宽版还是窄版?今天看到的V4版,从这时就已经开始进入实施阶段了。

2月,回家

  • 没有什么比回家跟爸妈在一起更幸福了。与其为那些让人心酸的统计落泪,不如抓紧时间享受在一起的时光。儿子无时无刻都是在想念着你们的。

1月,微博

  • 来到新浪微博,是因为对微博的热爱和执着,虽然前面还有很多的困难要去解决。

生活和工作的合理平衡,才能相互促进,保持长久的激情和动力。新的一年,逐渐调整状态,享受生活,也享受工作。

2012年1月,重生

-----新年的愿望和目标-----

  • 带老婆去香港玩一次
  • 坚持锻炼,至少瘦10斤
  • 拥有一部iPhone5

响应式Web设计:50实例例与实践

Responsive Web Design: 50 Examples and Best Practices
Designmodo.com版权所有
作者:Adrian
译者:UCD翻译小组波希米亚
原文地址:http://designmodo.com/responsive-design-examples/

译者序:当我看到这篇文章的时候,还好发布的时间不算太早,主题很对我的胃口,因为我的Blog已经这么做了。但这篇总结的很全面,提到了一个新的名词“响应式Web设计”,作为Web内容应该去更加灵活的呈现在不同的终端上。这让我想起了之前写的一篇文章《未来我们只需要浏览器》,随着智能手机和各种Pad的发展,内容终端终究会发生改变,Web展现需要去适应这种趋势,并带来优秀的阅读体验。

响 应式Web设计是在开发和设计网站过程中产生的一种方式,它的目的是让内容布局能随用户使用显示器的不同而变化。再明确点说,这种设计概念,就是让原本1292像素宽,4栏的内容,能够很好地显示在1025像素宽的用户屏幕上,同时还能自动简化成2栏。当然,让它很好的适应智能手机和其他种类电脑的屏幕也就成了水到渠成的事了。这种特殊的设计形式就被成为“响应式Web设计”。

响应式Web设计与传统的设计方式截然不同,开发人员(特别是新手)必须要理解它的优势和弊端。这篇文章正是为大家揭示一些实例的。(这里介绍一个叫“Media Queries”的网站,里面介绍了更多实例和演示)

数据表格是响应式Web设计的经典使用情景,实现它的想法与传统的设计理念有很大不同。数据表格默认很宽,当你要查看它全貌时,你得缩小表格,但这时字会变 的很小,很难去阅读。然而当你想看清楚上面的字时,就不得不再把表格放大,这时要查看完整表格就得横滚加纵滚。这么阅读表格也太KB了。或许重新格式化表格或以饼图形式展现是种解决方案。再不然,你可以弄一个迷你图,即使在窄屏幕里它也能适应。

继续阅读 »