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

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

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

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

壁橱。还没收拾的地方。

卧室A。爸妈的屋子已经堆满了衣物。

狗狗的床铺。只是个摆设，因为它都在床上睡。

进门是餐厅，里面是客厅，右边是卧室A，亮灯的是卫生间。

鞋柜和打包好的物品

厨房。显大，是因为广角畸变。其实同时站俩人都转不开身。

卧室B。空调是1年前刚装上的。床是用两个IKEA的沙发床拼的。

没装满的空箱子

“精致”的卫生间。集洗浴、放松、健身于一体。

卫生间一角

一支永不休止的水龙头。倒数开始，嘀嗒嘀……

左边是大门。正前是厨房。右边是卧室B。

借着5.1三天假的时间，把家搬完了。奇迹啊，短短3天时间，把所有东西收拾完，每天连续奋战数小时，累倒直接倒下就睡，第二天爬起来继续收拾。29号搬家当天，更是早上5点起床打包床铺，一直忙到晚上12点……

虽然是新小区新房子，但也带来诸多不便。主要是生活习惯的改变，离上班地方远了，交通不是很便利，更主要的是附近没有卖菜的，购物不太方便。每次进城，必定采购一堆东西回来。慢慢习惯罢。

新小区，园区照

对于北京，每个人都有自己的记忆。而我的记忆叫——柳芳。

相关文章

1. 从滚动条消失看细节设计
2. 德国之旅-奥地利萨尔茨堡
3. 德国之旅-新天鹅堡
4. 德国之旅-纽伦堡
5. 响应式Web设计：50实例例与实践

锦囊

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

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

照片书

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

海量游记

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

• 德国专题
• 奥地利专题

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

• 2011年10月南德7日游(法兰克福-纽伦堡-慕尼黑-富森-国王湖等) 精华帖

相关文章

1. 德国之旅-法兰克福
2. 德国之旅-慕尼黑
3. 德国之旅-新天鹅堡
4. 德国之旅-贝希特斯加登
5. 德国之旅-奥地利萨尔茨堡

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

图A：原本的意图，和期望达到的效果

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

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

经过调试发现仍无法控制滚动条的始终显示，只好修改了设计。拉长区域高度，让下面的内容露出一部分来。用不完整来暗示还有更多内容。当区域有滑动时，滚动条自己就出来了。（解决方案）

图C：用不完整的形态做暗示

回到问题上来。可能会受影响的是在Mac OS X 10.7.3上使用Webkit内核的浏览器（Safari或Chrome）的用户们。究其最终原因，是因为一个系统默认选项（如下图），“根据输入设备自动显示”。这是苹果的一个细节设计，可以根据鼠标或触摸板等不同的输入设备，显示或隐藏滚动条。

也正是因为它，如果你使用的是触摸板或Magic Mouse等触控式鼠标，就会发现，在Webkit内核的浏览器下，一些功能原本有滚动条，现在都消失不见了。简单调整一下设计，就能比较好的解决这个问题了（如图C）。

滚动条控制

再优雅的设计，有时候也可能会引发问题。作为设计师，得以同样优雅的方式回应并解决问题。

相关文章

1. 搬家
2. 响应式Web设计：50实例例与实践
3. 德国之旅-奥地利萨尔茨堡
4. 德国之旅-新天鹅堡
5. 德国之旅-纽伦堡

愿望和目标是个很神奇的东西。去年这个时候，我给自己订下了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

相关文章

1. 走过2008
2. 感动2009
3. 再见战友——无敌兔
4. 梦想2010
5. 德国行之准备工作

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

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

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

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

响应式Web设计中的图像以流式图像为主，可以被上下文感知的图像所替代，这是一种更好的设计方式。这种技术的真正意义在于，能够让图像适应不同的屏幕分辨率，更大的或更小的。所以它与传统设计的理念和技术都有很大不同，合理使用会让你的网页化腐朽为神奇。

响应式Web设计实例

Simon Collison

Andersson-Wise Architects

Stephen Caver

Sparkbox

Food Sense

The Boston Globe

Think Vitamin

Sasquatch! Music Festival

Internet Images

Staffanstorp

Seminal Responsive Web Design Example

Naomi Atkinson

Forefathers Group

Spigot Design

New Adventures In Web Design Conference 2012

Illy Issimo

Arrrrcamp Conference

Robot or Not?

Earth Hour

Clean Air Commute Challenge

Launch Kit

Teixidó

Ribot

Deren Keskin

Sweet Hat Club

Glitch

dConstruct 2011

Adaptive Web Design

Authentic Jobs

Five Simple Steps

Splendid

Ryan O’Rourke

FlexSlider

El Sendero del Cacao

Do Lectures

St Paul’s School

Naomi Atkinson Design

Ben Handzo Photography

Stunning CSS3 Media Queries Example

Nordic Ruby Conference

Halifax Game Jam

ASU Online

3200 Tigres

Pixelab

Kings Hill Cars

8 Faces

Asbury Agile

Alsacréations

Sleepstreet

扩展阅读

• Responsive Layouts, Responsively Wireframed

相关文章

1. 从滚动条消失看细节设计
2. 搬家
3. 德国之旅-纽伦堡
4. 德国之旅-奥地利萨尔茨堡
5. 德国之旅-新天鹅堡

头天晚上排舞，一身汗凉干了，睡死过去。早上爬起来，发现北京已经变成白色的，但要取尾牙节目的衣服，挣扎着起床，洗漱完喝了杯水就出门了。

清理车上的积雪，着车，虽然不顺畅，但还是发动了。在北三环游车河到金五星百货。刚好走到一厅门口有辆车开走，直接钻进去挤了个车位停下，按卖家给的地址找到三厅的摊位，检查衣服，打包走人。

准备发动车走人，可车子怎么也打不着。试了几次还是不行，只能叫道路救援来。这会儿手机电也不多了。等救援的工夫先去吃点饭，也折腾一上午了。饭吃完，救援师傅也到了，搭电着车成功，并得知电机不工作无法给电瓶充电，电瓶马上就会没电，要抓紧往4S店开，检修换电瓶。谢过救援师傅，上车一路狂飙回家，中午北三环由西向东不太堵，顺利到达家边4S店，安排进场维修。修车师傅检查我家腾腾，熄火，之后就再也打不着了……

车放在4S店，提着一兜子衣服奔公司，约好下午排练节目。就这么赶，还是去晚了。开始排练，今天目标是把整个节目舞蹈都串完。大家在一起练的很快，忙活忙活就下午4点多了。大家都歇了，我也接到4S打来的电话通知，车修好了，换了新电机和电瓶，花了我近2000块。

晚上到家终于放松了点，尾牙节目看到亮儿了，心里这块石头又离地面近了些。伤口能拆线了。去年12月底做了个小手术，缝针，伤口愈合中没法沾水。

一天就这么过去了。

相关文章

1. 一条真正的微博
2. 再见战友——无敌兔
3. 常用的软件和插件
4. 自己动手换雨刷
5. 通过Plesk管理(dv)站点

每次看到秀工作台的，我的很激动，总愿意多看两眼积累灵感。它们有个共同的特点——简洁、专业。你会发现桌面上都是一水儿的Mac。如果要问Mac给桌面带来了什么，我会说，它让桌面变整洁了。一张简单的大桌＋一台Mac＋一把舒服的椅子，这就是我喜欢的。

我的最爱

It’s the second time I edited this article,  you know. I thought that the draft has been saved, until shot an arrow in my knee… ToT

Via WDL

相关文章

1. 网页设计趋势发展历程之2006
2. 网页设计趋势发展历程之2009下
3. 开发iPhone版校友录
4. 设计的设计观展
5. Web设计师能从游戏中学到些什么

这个组照片是摄影师Jill Greenberg拍摄的。之所以叫“End Times”，是因为故事发生在一件事的结尾，孩子们哭的很伤心。而这又是为什么呢？原来是棒棒糖被抢走了……就在那一瞬间，摄影师拍下了戏剧话的场面，还有什么比心爱的东西被抢走更让孩子伤心的呢。

这是我最喜欢的一组照片。

全部照片：http://www.jillgreenberg.com/Fine-art/photos/end-times#/

相关文章

1. 光斑
2. 人物志主题拍摄
3. 北京植物园微距片
4. 十渡试拍婚纱
5. 令人陶醉的光斑（上）

Readability: the Optimal Line Length
Baymard.com版权所有
作者：Christian Holst
译者：UCD翻译小组，波希米亚
原文地址： http://baymard.com/blog/line-length-readability

译者序：直接捞干的来了！

提升文本可读性的关键之一，就是让每行文本承载合适的字数。这不仅仅是设计一下文本宽度的问题，它也应该是一个易读性的问题。

文本最佳长度是每行承载50-60字符，包括空格（“Typographie”, E. Ruder）。也有其他资料建议不超过75字/行也可以接受。但你一定会问，不按这样的标准做又会怎样？

• 太长－如果一行里文字太多，用户眼球很难长时间聚焦文本。因为文本长度过长会让人很难注意到段落的起点和终点。此外，对于这么大块文本来说，也很难对当前行进行继续阅读。（译者注：稍一走神儿，就找不到读到哪了。都有过这样的经历吧？）
• 太短－如果一行里文字太少，眼睛要不停的来回扫视，破坏了阅读节奏。同时，每行文本太短也样会让人觉得紧张，这行没看完就跳到下一行去了（很可能一些重要的词会被跳过）。

原本跳到下一行文字时，潜意识里是会那么有点小亢奋（只要别太频繁，原因见上面两点）。因此在每一行的开头，读者的精力都很集中，但这种专注会逐渐消褪，可能还没等把这行看完（“Typographie”, E. Ruder）。

为了避免文本过长或过短所带来的弊端，同时又能持续的激励读者，我们建议把每行承载的文本量控制在5-75个字符（译者注：中文建议35-45个汉字，14px）。

网页设计中如何获得最佳长度

在网页设计中，可以使用em或px（像素）来实现每行字符的最佳数目（使用em可以获得很好的效果，但操作起来比px略显复杂）。其实无论选择哪一种，要获得最佳效果，都需要为你的读者设置一个固定宽度。

这也是我们为什么不推荐使用“流式”布局的原因之一：实际上你在强制用户通过改变浏览器窗口，来获得更好的阅读体验。当想到时下显示器屏幕有这么多不同的分辨率，很明显，“流式”布局会让文本行变得要么宽，要么窄。

正如大家看到的，在baymard.com站上，我们使用了17px的Arial来呈现文字。文章容器宽度为504px，每一行大概65个字符。

在你的页面中，每行显示多少个字符？50-75个？如果你想让你的读者拥有更好的阅读体验，就该这么做。

扩展阅读

Better Web Readability Project http://code.google.com/p/better-web-readability-project/
争论 iPad（上）：行宽与阅读 http://www.typeisbeautiful.com/2010/05/2537
关于MacOS下字体的一些研究 http://www.pjhome.net/article/Web/mac_os_fonts.htm

相关文章

1. 梦想2010
2. 用好Axure的协作功能
3. 在Google上看书
4. UED团队合作与开发流程优化
5. Axure如何重用masters

遇到这种问题最简单的处理方式，就是重新注册一个。

当然，真这么容易就好了，问题是如果这个帐号曾经下载过很多app，装在iPhone、iPad或Mac上，那就有点麻烦，不可能改成新帐号后全部重新安装一遍。我就遇到这个问题了，几经周折最后是解决了，但过程很绕腾：

工作原理

总的说来使用“替换法”，用一个备用邮箱，把主邮箱取代掉，这样主邮箱会被释放，你可以用这个邮箱来重新进行验证了。

症状表现

登录 https://appleid.apple.com/ 后能看到邮箱已经被添加了，但点击“去验证”，收不到验证邮件。

解决方法

1. 登录后，在“备用电子邮件地址”区域里，通过“添加电子邮件地址”，添加一个新邮箱，并完成验证。
2. 在“使你的 Apple ID 和主要电子邮件地址相同”区域中，编辑这个无法验证的邮箱（主邮箱），改成刚验证过的备用邮箱的地址。
3. 这样主邮箱就被释放了，你会看到主邮箱和备用邮箱都是那个新验证的，上下一样。
4. 重点来了。在“备用电子邮件地址”区域里，通过“添加电子邮件地址”，把你的主邮箱重新添加进来，并完成验证。
5. 最后，用验证好的主邮箱，替换掉“使你的 Apple ID 和主要电子邮件地址相同”区域里的那个邮箱。

至此，你的Apple ID就又和你的主邮箱重新关联起来了，并且之前通过这个帐号下载或购买的app记录都保留，登录iCloud或me.com也都没问题了。

注：苹果官方明确指出，Apple ID无法被删除，也无法合并，所以目前只有这种方法，能“解救”你无法验证的Apple ID关联主邮箱。

相关文章

1. 开发iPhone版校友录
2. 解决iPhone来电和短信无法显示联系人名字的问题
3. 解决iPhone不能收发短信问题
4. 用键盘切换Mission Control的桌面
5. iPhone应用设计趋势