2009 年 5 月 21 日 by 28 Comments
我从三月份还是四月份就开始嚷嚷要休假, 时间一改再改, 到刚刚终于把机票买好, 算是可以成行了. 5月23日-30日, 云南丽江.
噢对了如果你那段时间也在丽江的话请让我知道, 我也会给大家寄明信片. 我收到朋友寄来的明信片时总是非常开心, 我想别人也是一样的吧.
u 姑娘她一直给我推荐 “藏地白皮书” 这本小书, 我一直没当回事. 不过前几天闲聊提到里面人名的时候差点没把我吓着, 因为我读傅真的 blog 读了有好一段时间了, 但就一直没把这本书跟她和铭基两人建立起联系来…
所以赶紧买来看. 不长, 一个小时就翻完, 读完以后心情愉快, 就像分享朋友的喜悦一样.
顺道简要汇报最近一个月的事情:
完.
2009 年 5 月 17 日 by 31 Comments
有件事情要唠叨一下, 月初的时候我把这个站点从北京 LampDrive 的服务器挪到了加州 DreamHost 的服务器上. 国内的访问速度会有比较明显的下降, 而教育网的同学以后就不能直接访问了. 做决定前看了一下数据, 现在教育网的访问量所占的比例已经比以前少多了, 所以改动的影响应该不会很大.
为什么要搬呢? 因为我的 ICP 备案 “信息不准确”. 从前我们写 blog 只要有个良民证就行, 现在不但要有证, 而且证上面的信息还得准确有效——我的证 06 年办的, 上面还写着我住在北大 36 楼呢, 用的我要安家这个接入商呢. 就是因为这个原因, 网站就被 LampDrive 给封了.
当然会有人觉得奇怪, 信息过期了, 更新不就完了吗? 这个说来话长, 而且说起这个事情我也还是对 LampDrive 有些意见的, 不过为了避免被划入黑五类进而被认为做人有问题, 这个见在这里就不意了. 总之被封当天晚上我就搬到了 DreamHost.
时隔一年半, 网站又迁徙到了这片不需要备案的土地——请大家以后留言时自觉遵守加利福尼亚州当地的法律法规, 尽量不要影响美国社会的和谐.
2009 年 4 月 11 日 by 25 Comments
最近换了个项目, 主打工作也从设计换成了开发, 并且面临着比较 aggressive 的 deadline, 所以就经常晚上和周末都泡在办公室里面啦. 日出日落, 花开花谢, 都能看见我面对五坨显示器辛勤劳作的场面… (佩羽同学, 照片呢?)
同一时间景沁姑娘去了我们位于加利福尼亚州山寨城的总部出差, 就把她的花花草草留了给我照顾. 要说这花花草草可要比猫儿们难照顾多了, 猫饿了会来蹭你的脚, 渴了会自己去马桶喝水来拽你起床, 花花草草有啥不舒服, 却是一声不吱. 景沁姑娘走后的第三天我就发现那盆草蔫了, 越洋 gtalk 过去才明白, 哦, 原来是水浇多了; 停浇两天再看, 就又变硬了.
饲养植物真有趣.
这些花花草草和我的黑猫灰灰有一点是完全一样的——他们都喝农夫山泉. 希望他们有一天能成为好朋友.
2009 年 4 月 5 日 by 21 Comments
我倾向于在 Web 设计中尽可能在最优分辨率前后都给予浏览器宽度一定的自由度. 往大去是为了在能改善体验的前提下充分利用大屏幕的用户的屏幕空间, 往小去是考虑到有时候用户并不是把浏览器窗口最大化, 或者不能占满整个屏幕.
举个 use case, 我工作的时候经常会两个窗口 side-by-side, 一个窗口是 Google Docs, 另外一个窗口呈现参考资料. 如果是在咖啡馆里面干活那就只有笔记本一个屏幕, 每个窗口 700px 宽, 很多时候我就要不断地拖水平滚动条, 非常悲剧.
如果浏览器的窗口特别大或者特别小呢? 我觉得可以不为这些极端情况做优化, 但底线是不要让人觉得出错了, 也算是给网站界面预留退路的一种吧. 一般来说, 我会给界面指定个最大宽度值和最小宽度值, 这样宽度的变化不至于失控. 像 iGoogle 在小屏幕下乱成这样, 不应该:
这些肯定都不是主流用户面对的场景, 可设计师不就是应该追求完美么. 这里有另外一个因素是自适应宽度页面的设计和开发工作量都要比固定宽度大, 许多人大概还要考虑一下这个额外投入值不值的问题, 例如我就把自己 blog 的宽度给写死了, 反正没啥人上来看…
Google 的大部分产品界面都是自适应浏览器宽度的, 产品不同, 具体做法也会有不同. 对于 application 性质的产品, 界面框架一般都是自适应的, 但为了保证里面文本的可读性, 往往会对文本内容区域限制一个最大宽度, 像 Google Reader 这样:
新版 Google News 首页整个固定宽度居中, 除了上面统一的导航条 (我是觉得可以做得更有弹性一点):
Google Images Search 的结果页面没有什么文本可读性的问题, 所以他们采取的解决方案是每行显示图片的数目随界面宽度变化而变化, 内容区域总能填得满满的:
Picasa Web Album 的图片浏览界面右栏是固定的宽度, 而左栏显示图片的区域是变化的. 值得一提的是它还会根据窗口大小的不同, 请求不同大小的照片大图, 而不是把照片拿回来再缩放. 可以随便点上面一个大图去看看.
而我最近做的一个项目的要求是希望从大概 200px 到大概 1000px 都要呈现良好, 鉴于这是一个导航性质的列表页面, 最后采取了大致如下的布局方式:
这些都是现在的解决方案, 再超前一点呢? 不大恰当地类比, 大屏幕和小屏幕的关系就如同报纸和书本一样, 媒介的面积大了, 其实还有很多潜力可挖. 两个例子, 用户现在可以在 Google Books Search 的读书界面中设置成两页并排放, 如果这个是自动做的呢? 而 CSS3 中也引入了文本分栏, 可以像报纸那样把文本分栏显示 (参照 persistent.info 的实现效果). 不是说分栏这样的解决方案一定好 (搞不好要用户来回拖垂直滚动条就更麻烦了), 但我们确实还可以开阔一下思路, 想想如何能优化宽屏幕下的显示效果.
实际上设计和用户行为也是相互影响的过程, 手头的一份数据显示, 目前来说屏幕越大, 用户进行 “最大化” 浏览器窗口的操作越少, 这也说明用户觉得宽屏幕下网页显示效果不佳. 但如果越来越多的网站提升了宽屏幕下的体验, 说不定也会有越来越多的用户也会选择在宽屏下 “最大化” 窗口呢.
参考阅读:
Update: 对不起! 把人家名字写错了…
2009 年 3 月 27 日 by 17 Comments
哎呀, 又有一个礼拜没有写了. 这个礼拜我开始重返校园学习机动车驾驶课程, 隔三岔五就要从位于北五环的住处跑到南五环的学校去呢, 一下子就多了很多怀疑人生的时间. 学校里面有假山假水, 课间会播放轻快的乐曲, 礼拜一早上还要参加升旗仪式, 升旗仪式上校长还会讲话, 真的… 真的很像是一座学校呢!
为了巩固学习成果, 我打算以后每天用手动档跑几局极品飞车.
这个礼拜发生了一件好玩的事情, 我拍的一张毫无艺术性可言的静物照片被南方周末登载了:
这一切都是因为飞猪老师在南方周末写了个新的专栏, 首篇文章介绍了 bloxes 这个玩意儿. 文章在此: 硅谷来的纸盒子.
感谢各位老师提携! 做为一名贵报十几年的老读者, 这还真是一件让人非常激动的事情呢! 我要把稿费的汇款单装裱起来, 以后给后辈们看.