今天上班，早上开会受到总监突如其来的批评，大致是说没毅力、作风太面。下午他却又一百八十度掉头，赞我有很大的改进，主动把自己的问题拿出来讨论。实际上都是拿我来做榜样教育大家，好的或坏的。
说起榜样，今天他给我们大家提供给了一个他的晚辈，说有着我们同样“没毅力、作风太面”的缺点，经历过小公司上班、创业、大公司上班的职业生涯（顺序没具体说），然后前几天死掉了。是的，死掉了，据说死于疾病、客死异乡，一个三十多岁的人。总监不是在叹息他的早夭，而是怒其一生的碌碌无为——那人在大公司的岁月里，曾回过头求助于总监，在此之前他则是5年没联系并背地里不待见总监。在总监看来，那人就是一个可怜虫吧。
这情节时曾相识吧！总监让我想起Slam Dunk中的安西教练，他现在的状态估计是皈依我佛前的白发鬼，那个可怜虫则是在美国混不下去的X男（可怜到我连他名字也忘记了）。白发鬼看重还在读高中的篮球骄子X男，并严格要求他，但X男由于认知高度不足，不领白发鬼的情，远走美国，因为根基不稳，在联盟没混出日子，最后酗酒开车把自己的命搭上了。
我隐约感觉到总监的愤怒是和安西教练类似的（所以我打算以后叫安西教练），来自于我们不自我修炼。总监的好意我们都心领，但却没法认同他的工作方针，实际上他在很多事情都没能找到好的方向，解决方案总是doesn’t work。
经此一役，我突然明白自己不能对一个还没到完全体的教练太过计较。我不计较就有可能成为樱木花道，计较了就成了X男。于是，我决定尝试教练的要求，完成自我修炼，to be a better man。“教练，我想再打篮球”这种话就别说了。
P.S.“教练，我想再打篮球”，这句话其实是来自Slam Dunk中另外一名失足少年，三井寿（人家是浪子回头了）的话，不是X男。
Google Maps for iPhone - Double-tap to zoom with one finger
/via carlsednaoui
如何用一根手指做到放大缩小的操作。
[video]
iA Writer - When selecting a chunk of text, the stats at the bottom change to reflect the selection, and appear selected themselves.
大设计明察秋毫
“Since copywriting is interface design. You can do an awful lot of great design in a text editor. Don’t worry about how things will go, or how they will fit. Worry about explaining it clearly and then build the rest of the interface around that explaination.” — by Jason Fried
内容大致是：由于文案写作是界面设计。你可以通过文本编辑器制作大量优秀的设计。别担心元素（个人认为比译作”事物“更为贴切）如何摆放，或者如何搭配。考虑如何将话说清楚，然后再对话语所在的界面进行构建。
第一句话的观点很有意思，将文案写作等同于界面设计，读下来脑中有种突然被人点亮一盏灯的感觉。界面设计主要上是提供人机交互方案的过程，考虑的是如何让两个脑袋（包括人脑和电脑）顺利沟通；而文案写作业同样是为了提供人与人交互的方案——文字能尽量清晰表达你的思想，则是好文案；反之则是坏文案。后面的两句话则是说如何用文字来做设计，方法和写作一样：1. 把话说清楚，2. 用什么修饰手法说。
然后问题来了：
1. 文案写作是界面设计，这句话表达的逻辑关系正确吗？除了界面设计，其他设计（如平面设计、工业设计、空间设计）是否与文案写作有和前者一样的关系？
2. 第二句说到”别担心元素如何摆放或搭配“，而要考虑”对话语所在的界面进行构建“，这二者的区别是在哪里？
背景资料：
Jason Fried 是37signals的联合创始人，《ReWork》的作者之一（有什么是他自己做的呢…）。37signals在软件界颇具名声，BaseCamp、Highrise等产品体现出它对”简单、专一的软件“的追求，公司还衍生出Web创业公司的经典著作《Getting Real》、《ReWork》。
via http://amagzin.com/2009/11/tha-jp/
SCR Project 研发的 DROPCLOCK，Helvetica 字体所呈现的时间缓慢落入水中
大约读完《佐藤可士和的超整理术》，惊诧广告界的顶尖人物，居然是志同道合的整理癖。不同的是佐藤兄比我做得更加极致、到位，无法企及。在 UNIQLO 诸多成功的营销案例背后，佐藤可士和定当是最先被提及的。而在这之后，应当还须多加片山正通和中村勇吾俩君。若再补上现已贵为全球首富的柳井正，就刚好凑成了已经休刊的《TITLE》杂志于 2006 年 9 月刊载的 “こんな会社で働きたい!” 特别专辑。这其中，佐藤可士和的创意案例众多，风头正盛；片山正通也因设计 BEAMS、Bape、UT 及 UNIQLO 纽约的旗舰店而名噪一时；总是穴居幕后的中村勇吾，则是网络互动力学的教授级人物，特别在移动互联网正将崛起的今天，不得不多提几句。
几年前开始，UNIQLO 的品牌威慑力即透过在网路上的强有力渗透，而超越了地域的局限。从佐藤可士和的 Art Direction/ CI，至中村勇吾的 Web Production，UNIQLO 对于 Branding/ Creativity 的重视为其在全球奠定胜局推波助澜。以嵌入 Blog 的形式热推的 UNIQLOCK、UNIQLO Calendar，及 UNIQLO Jump、UT Inspired 的企划等均由Projector inc. 呈现，而包括 UNIQLO.com、UNIQLO SOHO NY Teaser、UT LOOP!、UT Zoom! 等以 Flash 建构的 Web Design，均出自中村勇吾和他的 Tha ltd.。
看起来，这些似乎还只是较为寻常的体验，其实不然。如 UT LOOP! 虽与 UNIQLOCK 均是利用 Flash Streaming 的优势，但 UT LOOP! 更多地运用了影音互动，亦可将自己创作的 LOOP! 形成 Widget，再置于 Blog 内，形式、功能更加完善。
早年，中村勇吾主修建筑设计，那时即受 MIT Lab 的 John Maeda 早期作品影响，且对 John Maeda 所提出的 Reactive 概念记忆深刻。此后的 1997-1999 年间，当时网络先驱 Dextro、Lia、Antirom 和 Daniel Brown 的一些创作，真正推动中村开始即由网路去做一些事情，这些也最终成为他网络互动力学的真正起点。
如今，他已赶超众多前辈，世界级 ActionScript 大师的地位不可撼动。他参与制作的专案，无论在设计、功能都甚是惊艳，使用介面也是亲切非常。几年来，摘得 Cannes Lions、OneShow、Clio Award、NY ADC 等多项大奖。倘若抛开商业需求，中村勇吾正在进行的尝试也是我们闻所未闻的。他试图于网路上创造一个能够以偶然性呈现丰富面貌的单一结构体，引入建筑经验中的空间、力学等概念，从视觉呈现、听觉感受及人们的诸多体验，丰富网路艺术的多媒体性。在网路艺术的层面，中村从当代的角度淋漓尽致地呈现了我们所生存的年代。因此，他的作品亦被 Centre Georges Pompidou、Design Museum London 等馆藏。
极其简便的图像书签网站 ffffound!，允许用户标记、共享网络上的图像；FontPark 可利用各种文字做图形编排，还可进行评分；SCR 以屏幕为媒体，尝试将互动与屏幕媒体商业化；日本的个人图片库 fotologue.jp 在功能上堪比 Flickr，而全站基于 Flash 的形式则较之 Flickr 美观许多；中村勇吾与北村慧太共同完成的创意搜索引擎 Amaztype，以美国、加拿大、日本和英国的 Amazon 为资源，且搜索到的结果会叠加排列成所键入的 Keyword 形状，且其顺序、大小直接反映畅销度；而中村自己的网站 yugop.com，则毫无商业市场的约束，以优异的程式严谨地推进网路互动，向人们展示着意想不到的最新技术与理念……除此，佐藤可士和、片山正通 等人的 Web Design，也都是拜托中村来完成。
中村勇吾从不拘泥于具体的风格与分类，更多地将自由、灵活、有趣的创造投入界面环境的持续研究，并赋予网路互动新的表达方式。在他完成的各个 Web 项目中，我们也切实地在网路上获得了更加鼓舞人心的互动。
彼得‧維達尼(Peter Vidani)是微型部落格Tumblr的首席設計師；從我的Tumblr首頁（Dashboard）上的圖示，到整個網站的美學設計全都由他一手包辦。身為一個網路愛好者，彼得非常了解如何使一個網站，變得有如超級病毒般地具感染力。
維達尼簡短地和知名科技部落格團隊The Verge談到如何創造具獨特性的網站，為何圖片分享這項功能如此重要？以及BMW的設計缺失為何？現在，你隨時都能在Tumblr上見到他。
今天做了些什麼事呢？去了哪些地方？
我才剛到公司，正坐在辦公桌前。今天不知怎地，在F站我搭上了每天早晨乘坐的C路公車(或：電車等其它交通工具)。我在西4街下車並轉車，我問車長是否有經過23街，她說有。但正當我想上車時，她卻將車門關了。現在我剛從辦公室的廚房裡拿了杯咖啡，還有汽泡礦泉水。我想，現在我已經回答完你的第一個問題。
對Tumblr的用戶而言，為何圖片分享這個功能如此重要？
Tumblr與各種圖檔的完美結合，使用戶得以捕捉並保留生命最美好的剎那，也方便他們於腦海中回想這些時刻。
Tumblr在網路上迅速竄紅，是因為它不僅僅是一個部落格平台，更可以是人們建立生活的地方。難道未來個人首頁趨勢，會是依時間來記載自己所有的生活嗎？或者更準確地說，我們在網路上所分享的一切，就是自己的代言人？
人們在網路上分享的各種東西，用來彰顯自己的身份，似乎已經是一種趨勢。但是沒有人能夠保證，這股圍繞在網頁上打轉的新風潮能持續多久。而分享的資訊真能代表真實的自我嗎？
這可是個大問題！因為在真實生活中，我們可以說，這是我穿的衣服、這是我想談的事、這是我最近完成的工作等。但在網路上這會讓時間軸變得更混亂，不過也和我們當初的想法相去不遠。我不相信有哪個人可以創造新的方式來顯示身份，但我們可以逐漸改進來更接近真實的生活。
你能想像以文字、圖片、引述、連結、對話之外的不同形式來增加發文內容嗎？這些就是我們能在網路上交流的唯一形式？
讓讀者瀏覽到一片空白的網頁是很嚇人的，如果是我來寫的話，不是長篇大論，就是一片空白。Tumblr上的推文設定，有許多種類可供選擇，相當容易令人引起聯想。就好像有人在問:「在你的部落格及首頁上說一些關於你朋友說的趣事如何？或是你拍的照片？」 Tumblr提供多種類型的推文設計，我認為正是因為這些設定具有聯想性，才使它們能順利運作。
為用戶提供了許多的主題和選項，但大多數的Tumblr忠實用戶只是透過現成的首頁來瀏覽，而不使用自訂選項。這會讓首頁減少了更多不同主題套版的使用率嗎?
我認為這兩者之間不會互相影響，到目前為止，主題套版的使用率也仍未出現下滑。身為一位Tumblr的愛用者，我熱愛使用一個好的主題，而主題也能表現出使用者的是個什麼樣的人。不論是抽象簡約、色彩豐富、使用全版照片，或是頁面有許多小推文暗藏其中，各種主題所展現出的不同風格，就是推主給人的第一印象。
你的頁面呈現方式非常美麗，我通常在按下「追蹤」之前，都會先回溯部落格的前幾頁。
Tumblr 的轉發功能正快速地流行起來，(以任何狀態、名稱和形式)幾乎橫掃了每一個社群網站。轉發文章對你有什麼樣的意義呢？它是否有害於使用者內容的創造力呢？是不是不應該過度使用？
我認為你可以隨心所欲地使用，又有何不可？我很開心看到其他網站也跟著使用轉發功能，原創者也一起跟隨。轉發功能是構成使用Tumblr的基本條件，它讓好的原創內容傳遞到許多人的手裡。
我看過你去年的採訪，你在Tumblr上表示要解決程式問題。最近修復了哪些部份呢？
現在最令人興奮的部份是Tumblr iPad 版本的瀏覽介面，在介面架構和美學呈現上有機會能夠以新穎的方式來展現。而這些花在iPad上面的苦工，未來也會移植回網站介面上，當然首頁也大幅翻新了一番。
如今已能用類別來搜尋主題，設計師也擁有更多的發揮空間。使用者可以上傳檔案較大的照片並配合文字，另外，能夠快速轉發也是其中一項特點，而這是我很喜歡的功能。另有許多其他大工程會在這個暑假執行，當然我也樂在其中。
Tumblr上的哪些部落格是你最熱切關注的？
那些較熱門的新聞更迭不斷，因此我只能根據最近的情況來回答。目前我相當關注「令人絕望的畫面」（Screenshots of Despair）。我能列出一些我喜歡的多元部落格嗎？像是Sexpigeon,、Officials Say、IWDRM、Subtilitas、 lulinternet及其他我現在有在追蹤的部落格。
Tumblr在可見的未來將朝哪方面發展？似乎已經有段時間都使用同樣的設計
廣義上來說，我們希望每個設備都能為用戶提供完整的體驗。如此一來，我們便能隨時隨地都享有最好的使用服務。在風格上，我認為每台設備在視覺上稍有差異也無傷大雅。就像Android和iPhone，我們應該融入和重用在其他應用程式和操作系統的部分。
過去的科技中，哪些影響你的工作最深？
科幻電影、汽車、雜誌、時尚等那些現在依然流行的東西。從前，從事網路界面和應用程式的工作都是有點奇怪的事。因為那些東西太過新穎，沒人能保證這麼做是不是對的。
目前，市場上最令你感到興奮的科技為何？三年內它又會變得如何？
汽車，但在三年內還不會有所不同。在未來的30年，我希望汽車能變得讓我們認不出來。會在紅綠燈前蹦蹦跳跳。不用加裝什麼零件設備，只用輕飄飄藍紫色的光線來操作。我對車的內裝在30年後會變得如何比較感興趣，因為在這30年內，設計當然會變得比之前更好。
大家都知道，全新的BMW的介面曾被認為跟iPad在同水平上發展，這代表BMW的車內部電子技術太落伍了！除了車的外觀、引擎、品質之外，車內螢幕介面設計都還停留在上個世紀。我想設計這介面的設計師應該早點清醒，和其他設計師一樣，活在現代。
當你開始思索新產品，你如何實現你的想法，並優先達成哪些目標？
首先，我會先隨意和別人討論，並立即畫在紙上。這一點對我來說很重要，因為這能快速地幫助我排除所有設計上的缺失，也能讓我不被電腦影響而分心。等到我開始在Photoshop上設計時，我也不必擔心最終產品會有問題。最後我得依賴許多人完成最終展示工作。因為我們都會在線上聊天室，所以我也能很方便地在上頭先展示給幾個人看。然後，我努力地完成這些步驟。
你最近讀過最好的一本書是什麼？它如何影響了你？
沙丘（Dune）。它讓我覺得其它的科幻小說真是太無趣了！
什麼樣的應用程式(不論在手機或電腦上)在你一整天的工作裡是最不可或缺的？
電腦上我用：OSX Lion、Photoshop、Safari、電子郵件(Mail)、HipChat、Spotify、Dropbox、Trello(網路版)、Snap、ColorSnapper和LiveView。
手機上我用:地圖、相機、維基百科Wikipanion、天氣、訊息、電子郵件、Tumblr、Safari、iBooks電子書、Foursquare和LiveView。
我想沒人會對這些有興趣。
原文來源：The Verge
src:
http://nccc.cool3c.com/article/61059
http://www.theverge.com/2012/6/25/3094321/peter-vidani-interview-tumblr-5-minutes-on-the-verge
(via tissah)
曾经听说过别人抱怨，百度的搜索结果页设计得很土鳖，和谷歌相比是一眼立判高下。当时我稍微对比二者，发现在样式上二者相差无几，却说不上为什么可以感受到好坏优劣。究竟是什么“东西”，影响了具有大致相同式样的两个页面的显示效果？今天我打算拿它们俩再加上bing，就页面设计上，对比三个主流搜索引擎的搜索结果页的可读性。
首先，在firefox浏览器下，我对三个搜素引擎的搜索结果页缩小显示（“ctrl+-”按5次）；然后按一个较合适的大小（200x360 px）截取下来。如下图所示，从左至右分别为：google，baidu，bing。可知，google与baidu的列表区域占比相近，bing的占比最大。
一、内容与顺序（单条搜索结果）
google一般有四行。
1.标题链接；
2.来源网址、快照、翻译；
3.两行内容预览；
4.辅助信息（偶尔出现）baidu一般有五行。
1.标题链接；
2.辅助信息（经常出现）；
3.两行内容预览；
4.来源网址、快照bing一般有四、五行。
1.标题链接；
2.辅助信息（有时出现）；
3.两行内容预览；
4.来源网址、快照
baidu与bing的内容安排类似，辅助信息经常出现使得baidu平均单条结果的高度比bing得要稍微高点。而google的单条结果内容较少，辅助信息偶尔出现，而且与baidu和bing不同，google把更醒目的来源网址一行放在标题下，是单条结果的焦点更往上移。这点差别是影响google可读性的因素之一，我会在下文仔细阐述。
二、间距（单条搜索结果、多条搜索结果）
li.g line-height:1.2, margin-bottom:20px
div.vsc
h3.r font-size:medium, line-height:1.2
div.s line-height:1.2
div.f.kv margin-bottom:1px, line-height:1.2
span.st line-height:1.24baidu
tbody border-spacing:2px
tr border-spacing:2px
td.f line-height:115%, font-size:100%, border-spacing:2px
h3.t font-size:medium, line-height:115%, border-spacing:2px
font font-size:small, line-height:115%, border-spacing:2px
font font-size:small, line-height:115%, border-spacing:2px
br font-size:small, line-height:115%, border-spacing:2pxbing
li.sa_wr padding-bottom:1.08em
div.sa_cc
div.sb_tlst margin-bottom:0.05em
h3 line-height:1.5em, font-size:123%
p line-height:1.4em
上面的代码分别是三个搜索引擎中单条搜索结果的样式。这部分内容，google和bing都是在<div>下对单条搜索<li>的间距的调整，google是margin-bottom：20px，bing使用padding-bottom：1.08em，稍有出入。而baidu则竟然是使用<table>和<br>来排版。对比三者，google在多条搜索结果之间的间距为最大，单条搜索结果的内容安排集中在上半部，焦点集中；而baidu的多条之间的间距最小，单条搜索结果的内容多、且标题链接和来源链接分设在头尾使焦点分散。最终效果，前者如一步一个脚印清晰可见，后者如步履蹒跚深浅不一。至于bing的间距控制上和google差不多，但内容排序不集中、单行文字过多，表现中规中矩。
“网页设计即是排版”，这句话放在如今讲究富交互的设计趋势，可能不够准确。但是无论页面设计趋势如何发展，在一个平面上信息的组织是为最根本的设计准则。
我们已经进入到了一个新的媒介时代，一个使用数字化媒介的新生态正逐渐形成，人们的行为、心智也将因习惯这变化而产生变化。变化总免不了新旧冲突，其中有一个一直争论不休的话题，则是围绕纸媒的存亡，以及纸媒上深层次阅读的式微。
在谈论纸媒与阅读的问题之前，我先说说媒介的发展的一些观点。关于媒介技术对人类社会的影响的观点大致能分为三种:1.积极。技术的进步象征生产力的发展，新技术只是给予人类更多选择，既然人类选择新的则说明此技术的作用是积极的；2.中立。工具论。媒介归根结底是一种手段，正负两面的效果依赖使用者。3.消极。这种观点主要针对电视等电子媒介的出现，较为有名的观点有“容器人”一说，即人成为媒介传播的信息的容器，缺乏自主思考的能力。
消极的观点中，有不少是拿新媒介对深层次阅读的冲击来说事儿。（电视时代的《娱乐至死》，网络时代的《浅薄》）。而实际上，从个人体会，我在网页上很难坚持读完长篇大论，或在电脑运行的时候难以专心阅读书籍。如果说神经元会适应不同思考而改变回路，那我的大脑回路一定已经变成了个“@”。这的确让人感到不安之余，还有困惑——如果这是未来的发展趋势，我是否需要全身心投入去迎合吗，即便现在看来不是个好的走向？
对这个困扰我一直没能找到很好的答案，直到一次我无意中收听一集《冬吴相对论》，吴伯凡对阅读的理解让我解决这个困扰有了新的思路。吴的观点是顺着马克卢汉的“媒介即人的器官的延伸”观点而来，并举例：汽车作为一种代步的媒介，使人能日行千里，但人的步行能力却没有消失——现代人依赖交通工具而缺乏脚力，因此竞走、跑步等移动方式则转变为锻炼为主的行为，而移动则“被外包”给交通工具了。同理，写字也是。原来主要的记录功能“被外包”给印刷、电子媒介，有了审美、修养等新的定位。
对于阅读来说，最普遍、最基本的功能是获取信息。互联网大时代的来临，超链接阅读、碎片化阅读等方式，让人们阅读的成本越来越低。同时，在现在消费者是上帝的社会，为迎合消费者的趣味，市场提供的大众读物的可读性也越来越低。这样，大众会不会变得越来越被动、无意识呢？《如何阅读一本书》的作者认为读书除了能够获取知识外，还具有提升个人理解力的作用，后者正是不可外包给现有的电子媒介、而保留于深层阅读的核心功能。
因此我认为不必为媒介的泛娱乐化而感到焦虑。从印刷媒介到电子媒介再到互联网的发展，是点对多信息传播的平民化过程，或许称得上一种民主的表现。大众既可以使用大众媒介来娱乐消遣，也有权利通过阅读抽象的、费脑的书籍，这与文字的解放是有类似的意义。传播权利的放宽丰富了大众的选择，降低了信息共享的门槛。全民欢乐是不变的，改变的是通过阅读获取更高思维能力的机制。
在最后我还有个疑问，基于文字符号的抽象思维能力，与现有的文明社会息息相关。那么，会不会存在新的媒介完全替代文字？如果只能共存， 文字符号的抽象思维能力 依然是最重要的思维能力吗？如果可以完全替代，人的思维方式经历文字的消亡后会如何转变，我也需要打个大大的问号。
P.S. 由于没有仔细查阅文献，我本想把这文章写得更通俗随意的，谁知道出来的效果还是有点诲人不倦、浅入深出（也许正是没有做好功课导致）。先这样吧，以后有了新见解再修改。也不怕大家笑话了，欢迎顺路指点，我先脱，你随意。