David Lanham 是我最喜欢的数字艺术家之一。他的矢量作品总是充满了想象力和趣味，配上清爽的颜色，总是给人眼前一亮的感觉。

这次分享三张他今年下半年的作品，也是他今年作品中我最喜欢的三张。上面一张是最新的 ripe fruit，在这里可以下载到，包括了 2560×1600 的宽屏，1600×1200 的 4:3 屏幕以及适合 iPhone 尺寸的壁纸；当然，你还可以购买 David Lanham 的作品。

Halcyon 是上个月的作品，尺寸和 ripe fruit 一样全，可以到这里下载或者购买。

最后推荐的是 Game Hunter，用了好几个月，下载或者购买在这里。其实，Game Hunter 是一个三合一的压缩包，提供了三款不同的壁纸，至于有哪三种，那就等朋友们自己去看咯：）

一段由 Google 英国团队制作的短视频，简单地介绍了 Google 的出生以及到今年，期间的一些大事。表达手法比较有意思，相当有趣：）

土豆的效果不是很好，不过手头上有质量比较高的 MP4，有兴趣的朋友可以索取。

Firefox 4.0 在 Mac 下的原生主题模型又有新改进了，这下将 3.7 中的浏览标签从地址栏下面又搬回到地址栏上面。另外还有一些小的变化，例如在窗口的右上角增加了 Profile Button，扩展部分也会有改进。还有你会发现长期住在地址栏隔壁的搜索栏已经搬走了，其实在 4.0 中 Firefox 将会做将地址栏和搜索栏整合的尝试，并将搜索栏变得更加个性化。

上面两张图片分别是小后退按钮样式和较深颜色背景的样式。

Mozilla 在改进 3.7 和 4.0 的过程中，提出了一个“App Tabs”的概念。Mozilla 提出这个概念的原因是现在有不少的网络服务在页面的呈现上更加接近于一个程序（App），所以提出了简化掉除了标签栏之外所有元素的浏览模式。其实看上面的图片，用过 FaviconizeTab 这个扩展的朋友可能会很熟悉：）

上面的图片是在本文一开始说的地址栏和搜索栏整合的设计，不过这个部分还没有开发完成。但是单单从设计的模型来看，个人是比较喜欢的。[ via ]

TIPS：建议点击图片到 Flickr 查看大图：）

其实对于很大一部分现今的“设计师”来说，笔和纸已经是比较陌生的东西了。对我来说，使用电脑的时间确实要比纸笔来得长得多。不过我仍然牢记“好记性不如烂笔头”到教诲，无论是写还是画基本上都会先在纸头上面折腾一下。所以当我发现 UI Stencils 的这两个小工具到时候，就蠢蠢欲动了。

Stencils 分为 iPhone 和 Website 两种，都是在很薄的不锈钢上镂空出很多在浏览器或者 iPhone 上常见的元素，例如前进、后退按钮，刷新按钮，加入收藏按钮，地址栏，甚至是一些社会化网络的标志，如 Twitter、脸书、美味书签等等。

iPhone 的工具索性就直接做成了 iPhone 的样子，让人印象深刻。

细节部分。

网站的版本。内容相当丰富：）

对于熟练使用纸笔来做 draft 的网页设计师，这个工具应该可以提高不少工作效率。

这两个工具可以在 UI Stencils 的官方网站购得，iPhone 和 Website 的价格一样，都是 17.95 美元（换算成人民币差不多是 120 块左右）。除了一块“小铁片儿”，UI Stencils 还“慷慨地”赠送斑马（Zabra）铅笔一支，贴纸一张，和可供配套使用的 PDF 文件下载 XD

我会去看的，一定。

>>阅读提示

1. 本文没有很长，而且没有图片，阅读期间可以自备眼药水；
2. 本文链接很多，建议使用支持多标签的浏览器阅读，以方便使用“command / Ctrl + 鼠标左键单击”操作在新标签页中打开链接。

第一个当然是 Boston Globe 的  The Big Picture 。在原文中是这样介绍“大照片”的：

The Big Picture is a photo blog for the Boston Globe/boston.com, entries are posted every Monday, Wednesday and Friday by Alan Taylor. Inspired by publications like Life Magazine (of old), National Geographic, and online experiences like MSNBC.com’s Picture Stories galleries and Brian Storm’s MediaStorm, The Big Picture is intended to highlight high-quality, amazing imagery – with a focus on current events, lesser-known stories and, well, just about anything that comes across the wire that looks really interesting.

如果你觉得上面的英文比较“麻烦”，只想看看照片，那么你只要记住“大照片”每周一、三、五由一个叫 Alan Taylor 的哥们儿更新的就可以了。当然，为了更加的方便，你可以可以订阅 “大照片”；或者你和我一样也是 Twitter 的用户，那么你可以也可以 follow 它：The Big Picture @ Twitter 。

第二个是 Sacramento Bee: The Frame 。来自萨克拉门托小蜜蜂的“画框”原文就给了一句介绍，“A photo blog by the Sacramento Bee multimedia staff.”

“画框”的风格和“大照片”非常相似，虽然人气没有“大照片”高，但是照片的质量不逊分毫。同样，你可以订阅 ，也可以在 Twitter 上 follow “画框” ：）

第三个是 New York Times: Lens 。来自《纽约时报》的“镜头”在原文中也有一段介绍：

Lens is the photojournalism blog of The New York Times, presenting the finest and most interesting visual and multimedia reporting — photographs, videos and slide shows. A showcase for Times photographers, it also seeks to highlight the best work of other newspapers, magazines and news and picture agencies; in print, in books, in galleries, in museums and on the Web.

介绍的文章非常“美国”，描述使用是词汇皆是如“最好的”、“最有趣的”等等。和上面两个不同的是，这个照片纪实类 blog 除了照片，还有视频和幻灯片供阅读者享用。

“镜头”是上面说的那个不在我书签中的 photoblog，因为其浏览方式我不大喜欢——当然这只是个人口味。建议先去看看，如果觉得不错，订阅 吧：）

第四个是 Wall Street Journal: Photo Journal 。来自墙路日记的“照片日记”在原文中除了一张网页截图，什么介绍也没有……（囧rz、冏rz、冋rz、冂rz……）

不过墙路日记的“照片日记”有一个很强的地方，就是很多无明确主题的文章都采用同一标题，“Pictures of the Day”（雷……），也就是说，它是每天更新的（槑……）嘿嘿，订阅 吧。

第五个是 Denver Post: Captured 。来自《丹佛邮报》的“抓拍”在原文中也没有介绍……

不过如“抓拍”所言，blog 中的照片更加倾向于抓拍，质量也没有“大照片”和“照片日记”高（其实照片质量也很不错，这个结果只是相比较而言）。这个留着我书签当然是有原因的，就是它每篇文章的照片超级多，例如记录环法第二周赛事 的文章，照片数量 40+……

订阅的链接？很抱歉我也没有找到。

第六个是 Austin American-Statesman: Collective Vision ，原文中有介绍如下：

Welcome to Collective Vision, your opportunity to get a little closer to the Statesman photographers whose work you’ve admired throughout the years. Here you’ll get a behind-the-scenes look at some of our favorite images and some photos we were unable to fit onto the pages of the Statesman. You’ll get insight into how the photographers practice their craft and thoughts from the photojournalists who create the stunning images and videos. We hope you enjoy this inside look, and we welcome your comments.

其实这个介绍也是拷贝自 Collective Vision 的自我介绍，行文也有那么点“美国”的味道：）不过确实如引用中的文字所说，这里你能了解更多的关于拍照以及相关创作的内容。如果有兴趣，订阅 吧：）

打不开的那个是 St. Petersburg Times: All Eyes ，原文中也没有介绍的文字，所以，摊手。

最后再唠叨一下，我有的时候也拍拍照片 ，有空也上上 Twitter，欢迎发搂 ：）

捣腾来折腾去，顺便把 .cn 域名给换了。原来的 hiChris.cn 应该会另作他用，把内容都转移到 iBuou.net 来继续 blogging！

这是一篇翻译自 Cultured Code 团队关于 iPhone 版 Things 的界面设计流程的文章（原文链接）。作为设计人员我觉得这篇文章非常值得和大家分享──特别是在设计思路上非常值得大家去揣摩（很有德国人严谨的思路），但由于我是不是专职的英语翻译，所以在翻译质量上还望各位路过的 XDJM 多多包涵：）

Designing the UI of Things for iPhone
设计 iPhone 版本的 Things 界面

By Cultured Code,  由 Chris 翻译。如需转载原文，请联系 Cultured Code；如需转载翻译，请直接留言：）

We recently shared some early interface sketches of Things for a presentation on iPhone User Interface Design.
我们最近在一个 iPhone 用户界面设计的聚会上分享了一些 Things 早期设计的草稿。

You can also visit the official product pages for Things for iPhone and Things for Mac.
你可以访问官方产品页面去看看 iPhone 版本的 Things 和 Mac 版本的 Things。

To-Do List
待办事项列表

Out of curiosity, we tried to recreate the look of the Mac version in some early Photoshop mockups.
处于好奇，我们一开始用了 Photoshop 来做了一些和 Mac 版本类似的模型。

It looked nice but it didn’t feel right. Here’s a sketch of what we did instead …
它看上去不错，但是完全不是 iPhone 的感觉。所以我们用素描的草稿代替……

… and the final screenshot.
……得到的最终界面截图。

Toolbar or Tab Bar?
工具栏还是标签栏？

One of the first major design decisions was to either have a Tab Bar or a Toolbar.
使用标签栏还是工具栏成为首先需要解决的问题。

We liked the idea of a Tab Bar very much as it allowed to quickly browse your tasks from different perspectives (by Projects, by Tags, by Due Date, Search, …)
我们非常喜欢标签栏的设计，它可以让你以不同的方式来快速切换你的任务，如按照项目、按照标签、按照日期、搜索等等。

But we soon realized that we definitely needed a toolbar. In order to manipulate the current list, the user needs a set of tools (Create New To-Do, Mark For Today List, Move To-Do, …) And we wanted these tools to be easily accessible in the toolbar.
但我们很快发现我们还需要一个工具栏。为了对当前列表进行操作，用户需要一些工具（用来新建待办事项、标注当天列表、移动待办事项等等），而我们也希望这些工具能够放在工具栏让用户很方便的使用。

We also found that we would have needed more than 5 tabs. So some of them would have been hidden inside the “…”-tab.
同时，我们还发现我们至少需要 5 个标签，所以有的标签需要使用“更多（……）”标签来隐藏。

The final sketch for the home screen with a Toolbar instead of a Tab Bar:
用工具栏代替标签栏的主页，最终草稿。

An early screenshot (using the icons of the Mac version):
早期界面截屏（使用了 Mac 版本的一些图标）：

The final screenshot (new icons):
最终界面截屏（新图标）：

Quick Entry
快速新建

A very early sketch:
初期草稿：

This is a sketch of the Quick Entry as we implemented it in the 1.0 release …
我们在 1.0 版本中使用的快速新建的草稿……

… and a screenshot.
……和截图。

Our original Quick Entry dialog of the 1.0 release wasn’t very “quick”. Tapping on the “+” in the toolbar brought up the Quick Entry dialog, but you couldn’t start typing right away. You still had to tap on the title.
我们在 1.0 版本中最初设计的快速新建其实并不“快速”。轻击工具栏上的“新建（+）”之后会弹出快速新建的对话框，但是用户此时仍然无法开始输入内容，用户需要再次轻击对话框的标题才能开始编辑。

So we went back to the drawing board. We tried to find a solution where the user could start typing right away, but the additional details (due date, tags, notes) were not hidden behind the keyboard.
所以我们又回到了画板前。我们试图找到一个用户能够最快开始编辑，同时一些相关的细节内容（如日期、标签、说明等）不会被输入的屏幕键盘给挡住的解决方法。

Another approach:
另一方案：

This is how we implemented it for the 1.1 update:
我们在升级到 1.1 版本中实施的方案：

After tapping on the details button:
轻击“细节”按钮之后：

Today Toggle Mode
当天切换模式

We deemed it very important that the user is able to quickly mark multiple to-dos for the Today list. So we came up with a Today Toggle Mode (similar to the default Edit mode).
我们设定用户会在当天列表中快速地标记多个待办事项非常重要，所以我们设计出来一个“当天切换模式”（和默认的编辑模式类似）。

Sketch:
草图：

Final Screenshot (due items are always in the Today list, so they cannot be un-marked. We show this with the red color):
最终截图（由于条目是一直在当天列表中显示，不能被取消标记，所以我们用红色来标记。）：

Detail View
详细视图

Final Screenshot:
最终截图：

What we like about this design:
我们中意的设计：

• Clear separation between To-Do data and action buttons.
  待办事项和操作按钮条理清楚；
• No accidental editing possible if you only want to view the data (you have to tap on Edit first).
  当你只想查看的时候不会误操作（必须轻击“编辑”才能开始）；
• Easier differentiation between list and detail views through the use of the plain and the grouped table style, respectively.
  使用简单的背景和表格分组方式，让列表视图和详细视图更加容易区分；

Some more pictures
更多照片

原来的目标是 Wireless Laser Mouse 8000 (Bluetooth)，但是在 8000 发售 N 年之后微软还是没有推出针对于 Mac OS 的驱动，加上看到评测说在没有驱动的情况下 Leopard 下表现很一般，遂淘汰。之后进入候选的是微软去年年底推出的一款游戏鼠标，Sidewinder X8。其实很喜欢 Sidewinder X8 的拉风造型，以及舒适的手感、肥瘦正好的重量，但是在一篇评测中讲到 Sidewinder X8 在 Leopard 下的表现有兼容问题，这些虽然可以使用第三方软件来修复或者打开快捷键的设定，但是总觉得没有微软原生驱动的支持总不是那么放心。多方比较之后还是入手这只银黑搭配的 6000 v2。

联强货，三年。下方是一张全黑的 Matrix H3，尺寸：365×285x4mm。

包装稍微有点难拆，盒子里的光盘看上去放得比较勉强，说明书是卷着放的……在光盘下面……

包装里面就这些：鼠标、接收器、两节五号电池、说明书（包括快速上手指导）和驱动光盘（IntelliPoint 6.2，包括 for Mac 版本）。之前说光盘放在这个小包装盒里比较勉强，拿出来之后发现光盘有略微变形，所以只好直接从微软官方下载了 IntelliPoint 6.3。

从正后方看 6000 v2 可以发现右侧的手指槽，一开始有些不习惯，不过适应之后会觉得很舒服。

大拇指上方的两个按键的位置相较于上一代好了很多，也方便多了。不得不说的是，颜色上和 Macbook Pro 很搭，这点我很喜欢：）

补充：

• 8000 和 X8 都是很好的鼠标，在 Windows 系统下的表现配合微软的驱动基本上可以胜任所有的工作；
• 8000 不好说，但是我觉得 X8 会出官方支持 Mac 的驱动，现在还没有可能是因为 X8 发售的时间还不是很长；
• 6000 v2 的类皮肤涂层很舒服，但据说容易磨损，╮(╯_╰)╭；
• 罗技也有很多好鼠标，只是个人使用习惯上偏好微软（如很多人抱怨的无级滚轮个人就比较喜欢）；
• 鼠标在配件中是属于比较容易消耗的输入设备，建议购买行货（并且索取发票）。

再补充：

我想可能会有人问为什么不给 Macbook Pro 配个 Apple Wireless Mighty Mouse，罗唆回答一下。在民用级别的自虐硬件排行的前三甲里，Apple Wireless Mighty Mouse 和 Apple Mighty Mouse 共同占据了并列第二的位置，那第一是谁呢？同样来自苹果！那就是苹果出品的第一代 USB 鼠标：Apple USB Mouse。

这款 USB 鼠标伴随着 1998 年的 iMac 出场，虽然长得像南瓜饼，用起来也完全是让人有杀鼠标的冲动，但因为是跟着 iMac 混，所以两年间成绩还不错，苹果也非常给面子地给这只毫无可用性的鼠标发布了 N 多水果颜色版本，包括 Bondi blue、blueberry、grape、lime、strawberry、tangerine 和 graphite……（不得不佩服啊）

再八卦一下，如果你拥有一个上面那样到彩色南瓜饼，反过来看看，有可能找到 Assembled in China。

今天带着相机是因为到公司拍点下周末年会节目的幕后花絮。晚上过来百盛这边一是买点生活用品，然后就是嘴馋，要去吃长沙米粉。相机在手上当然就不能闲着，吃饱了在回去的路上扫了几张。

“胜器 灵人”，我喜欢这个广告语！说实话，看到这个广告之前我还真不记得李宁有出过羽毛球拍……不过下次球衣的时候就可以买李宁的了：）

全家便利的广告语“全家就是你家”也相当不错。对于生活在上海的年轻人来说，这种 24 小时的便利店是不可或缺的。

热风和米澜坊，同一屋檐下的两种价值观。其实，从热风到米澜坊，谁不想呢？

不少星巴克，尤其是在闹市区的星巴克其实已经沦为年轻人的“菜市场”。这家因为旁边还有另外两家有免费 Wifi 供应的咖啡馆竞争，所以这家还比较像一家“星巴克”。

虹桥百盛门口的广告牌，经常会换，晚上经过这一排广告牌的时候感觉总是很好。

以前，这个位置是陈冠希的。陈冠希先“解扣”，然后展现“真我”，再然后这里就换上了一个不认识的人。

Beak，之前在贱人的 tumblr 里看到这个 Mac 系统原生的 Twitter 客户端，感觉上 UI 还不错。目前 Beak 还在开发中，但是在官网已经可以找到下载（仅适用 Mac OS 10.5 及以后版本），不过这个可以下载的版本很明显还有很多没有完成的地方，或者说需要完善的地方。

主界面，UI 非常喜欢。除了有标星 favorite 和回复之外，还有很多人常用的锐推。窗口最上面的一排按钮（Tweets, Mentions, Messages, etc.）是支持快捷键的（command + 1-6 ），很方便。

关于另外弹出对话框来输入发布内容，除了个人习惯问题，和在主界面上直接输入两种方式各有优劣；输入信息之后不支持直接回车发布，你也可以说是其他的客户端让你养成的坏习惯，但是这个减少鼠标操作的流程确实有更好的用户体验。

发送 DM 是最不方便的，本来以为 ID 的那个下拉框是可以直接选择你已经发搂的人，结果点击发现一片空白…… 估计这个会在将来的版本里面跟进吧，要不这样也太残了点。

回复的感觉非常不错，最喜欢的地方。

系统设置中的内容还相当简单。

Beak 作为一款仍然在开发中的 Twitter 客户端，虽然有不可避免的小 bug，但是在使用过程中还是比较稳定的，个人也比较期待它的后续更新版本。