卡片式設計：來自Google的第三大設計風格

經常使用Google產品的朋友應該體驗的出，以Google Now為代表，Google全線產品都努力趨向簡潔，在其中，“卡片”這一併不新鮮的概念成了Google最重視的元素。

不知Google是有意還是無意，卡片的設計體現了典型的現代主義風格，白色正方形方框裡只有最關鍵的文字或者圖片，無一絲一毫的冗餘。這種設計似乎在暗示我們，或許今後可以用簡單的方式呈現更多的資訊。

我頭一回見到卡片還是在用知識圖譜的時候，此次在Google Now見到卡片，感覺既親切又陌生，以天氣和導航為例，Google一改之前被動提供資訊的方式，以大量的個人資料為基礎，基於演算法來預知使用者的下一步動 作，從而在使用者搜尋之前就給出答案，不可謂不高明。只是，凡事需要適可而止，在萬眾期待Google Glass能使用更先進的現實增強技術的時候，Google居然也拿卡片來糊弄大家，真當卡片是萬能的啊！更過分的是，Google+每頁現在已顯示三欄 卡片，可Google還嫌不足，硬是把評論和多餘的內容也隱藏了進去，但是這裡你可能要問了，那隱藏了怎麼看呢，哎，別急，人家Google總能發明異想 天開的解決方案：你可以點擊小卡片，就會彈出大卡片，完整的資訊可是在大卡片上的。

如此單純可愛的卡片，也被Google玩出了忒多花樣。

現在吹捧Google卡片是不是還為時過早呢？

Android的使用者體驗負責人Matias Duarte坦誠：“沒人說過卡片是我們發明的，我們只是把這種隨處可見的設計搬到了移動互連網領域而已，它和實體卡片一樣，從始至終都是為瞭解決一樣的設計問題。”

我說：“大量資訊連續性推送的問題從移動互連網出現第一天就存在了，當然早於最近幾年才流行的觸屏裝置。”所以不難理解，當Google工程師們面對 Google Now提出的設計挑戰時，為什麼選擇卡片了，它既可以單獨開來靈活使用，又可以組成一組來傳遞那些大量的或者有連續性要求的資訊，並且在表達上能呈現出整 體一致的效果。

只是，設計師們沒有想到的是，卡片反過來影響了他們的設計方案。Duarte是這樣和我說的：“卡片有著天然的局限性，正是這種局限性使得其他部分 的設計變得簡單許多，想想看，如果一張卡片上放兩三張圖片，那會顯得多亂啊，所以只能放一張圖片或資訊，這樣一來，就不用考慮多圖情況下的排版問題了。”

卡片設計像病毒一樣席捲Google

Google卡片一洗之前資訊顯示的雜亂無章，在某種意義上甚至重新定義了資訊顯示，首先、它直接排除了多餘的資訊，尤其是廣告；其次、它淘汰了超連結，能讓使用者專註於資訊本身而不是找資訊這種事情上。另外值得一提的是，Google卡片能在各種尺寸的螢幕上實現無差別體驗，甚至是在Glass上也 一樣。

不為人所知的是，Google花在使用者體驗上的精力要遠遠比花在資料整合上的多，別看現在有41種卡片，數倍於這個的卡片在Google內部就被否定了，每一種卡片類型都是經過數個團隊的審核才最終問世，我敢肯定沒有哪張卡片是通過行政命令加入那41種當中的。

Google+也加入了使用卡片的行列，Google+首席設計師Fred Gilbert告訴我，Google+使用了超過三十種卡片，他還特意告訴了我一些很細微的不同，但是我僅僅認出了其中幾處。

雖然我本人不建議諸位糾纏於細節，但不可否認，正是這些細節確保了不同的內容在一塊螢幕上和諧相處，而且放置卡片的“欄”的概念也值得表揚。它從容 的適應不同尺寸的螢幕上，同時還保證著使用者體驗的一致，比如，在筆記本上，Google+可以在同一時間顯示三欄卡片；而在手機上可以一次顯示一欄卡片， 而這並不影響卡片的使用效果。

Google卡片真的真的有點擬物化

在整個採訪過程種，有個詞一直迴響在我的腦海裡：存在感。Duarte這樣對我說：“你或許會想，所謂的卡片只是螢幕上的幾個象素點罷了。但是，或 許你已經注意到，我們的設計師給了卡片以‘肉體’。雖然沒有特別複雜的效果，卻依然能讓人感覺，那是真實的。”偉大的設計師們把平面的設計擬物化，讓人下 意識的以為那是真正的卡片，從而去摸、去翻、去整理。

這次Google大會上，第一次登台的Google Maps團隊也展示了他們的重大變革，他們的地圖卡片整合了更多的資訊，不僅有餐廳位置和導航，還有來自普通使用者和評估公司Zagat的評價，有效解決 了多年來Google Maps不得不在地圖外增加一個列表顯示附加資訊的窘境。團隊中的使用者體驗設計師Jonah Jones對我說：“我們不想把整個地圖都蓋住，所以左上方的面板可以展開也可以摺疊。但是還有個小小的問題，它總是無法讓人感覺到它可以被操作，比如 說，當面板處於開啟狀態時，人們通常感覺它是無法摺疊的。”這個問題可能來自於卡片的擬物化設計，批評它和讚美它的人同在。

Jones和他的團隊發現，其實可以學習真的卡片那樣，把Google Maps上的卡片也堆起來，這樣使用者就能像使用真的卡片那樣使用它們了，卡片也不至於喧賓奪主了。

卡片有點像Google的狗皮膏藥，哪需要就能貼哪

如今，這個脫胎於便條的白色矩形成了Google顯示資訊的不二選擇，大部分Google的產品都採用了它，為來很有可能一舉佔領所有裝置的案頭。但是，作為一家並不以產品設計和視覺傳達出名的公司，卡片的效果不應該被吹捧到和多平台戰略一樣的地位。

Google已然介入我們的生活太深了，它幾乎無所不在，卡片的出現更像是一個緩衝器，一邊是手眼通天的巨頭，一邊是一無所知的使用者，新奇事物有效轉移了人們的視線，巨頭可以更從容的進行布置。