Metro 界面的設計靈感來源

        Windows Phone 平臺上引以為豪的 Metro 界面設計風格和這 30 年來平面設計理念的進化有著密不可分的聯系。

        去年，Windows Phone 創意總監 Mike Kruseniski 寫了一篇長文，談論交互設計的未來。我今天這篇文章其實是對他的談話進行了濃縮。如果有時間，你可以讀一下整篇文章，文章很有趣。

        奇怪的桌面

        如果看一下你的電腦屏幕，你會發現它其實是在模仿一個真實的桌面環境。

        從 Xerox 上的第一個圖形用戶界面實驗開始，設計師始終從現實文具那里尋找靈感。

        日歷看起來像是那種現在已經看不見的一日一撕的舊式日歷。記事本像一個扣眼活頁夾。在 Mac 電腦上，我的文字處理軟件 Pages 的形象就是一瓶墨水加上舊式的墨水筆。

        設計師試圖讓計算機界面更加讓人們熟悉，更直觀。人們從一個到處是紙張、文件夾和公文柜的舊世界來到了一個全新的計算世界。

        界面設計師想描繪一種新動作時，例如“確認”按鈕，他們讓這個按鈕采用斜面并且有陰影，看起來就像是一個按鈕，讓人們明白他們需要按這個按鈕。

        30 年之后

        如今，相比以前，設計師擁有更大的自由度。大多數人經過幾十年的使用，已經能與計算機屏幕進行很好地互動。

        但是奇怪的是，大量最新的界面僅僅是讓桌面圖標看起來更加友好，而不是讓人感到新鮮。

        電子書不需要書皮、A5 比例和厚度感讓我們知道我們要做的事情。電子書肯定不需要放到計算機模擬的木質書柜里。如果你讀電子書，你會知道書本的封面或裝訂并不重要，書里的字和圖片才是主旨。

        對于大多數電子內容，設計師并沒有很多可以借鑒的物理形象。例如網頁就沒有模仿現實世界的東西。

        通常使用的物理形象很容易讓人誤會：計算機的文檔系統與真實世界的文件柜之間相似性甚小。真實世界的垃圾桶無法像電腦屏幕上的那樣遠程操控。

        審視過去

        也許我們需要重新考慮交互設計。為此，研究一下發展時間更長、更加成熟的平面設計肯定大有裨益。

        交互設計師以前常說平面設計的規則并不適合數字世界。但是這不真實。

        尤其是，我們可以思考一下上世紀 50 年代的國際風格（或瑞士風格）運動。當時的設計師和印刷工人覺得受夠了，認為是時候扔掉常見的過多裝飾和凌亂，回歸基本原則：

        使用網格構筑層級和結構

        利用網格能讓網站、網頁和應用更便于使用，減少復雜度，提升易讀性。

        自信的使用留白

        很多交互式設計都希望在空間中盡可能多地放東西。使用更多空白空間能讓用戶關注關鍵信息和動作。

        減少元素

        用戶界面元素讓內容凌亂。“從信息密度上失去的東西可以從簡約性那里拿回來”。

        強調排版

        《掌握網頁排版竅門》的作者 Diogo Terror 寫到：

        字體大小是一個確保可讀性、影響和節奏的工具。不同的字體大小不僅能產生視覺沖擊，而且還能為讀者提供被顯示數據的層級。大字是進入點，是內容信息架構和頁面層級的頂層元素。這是一種引導讀者的眼睛瀏覽頁面的好方法，就像是內容的界面。

        比例和空間

        在平面媒體行業，元素的比例能讓一則故事隨著時間慢慢展開。比例引導著眼睛瀏覽內容的方向，為信息帶來性格。

        通用圖形

        設計師對漂亮、獨特的圖標有點過度擔憂。如果每個人都使用相同的慣例，那么可用性會得到提升。

        Windows Phone 7 很明顯就采用這種思維，但是這種思維背后有更大的寓意。全世界都在反對最近幾年交互設計方面凌亂和裝飾化的趨勢。看一下流行的產品你就能產生更深的理解，如 Flipboard、Instapaper 和 Readability。網站也有類似的情況，如 Adobe 或 Nike Better World 微網站。

        Kruseniski 總結到：

        作為交互設計師，我們可以停止打磨我們的圖標，通過清晰、時尚的方式關注傳達的內容。回報很簡單，它將能夠帶來更多易于使用的漂亮產品，產生美妙的品牌體驗，并留下更多自我表達的空間。

        你有何看法？你是否同意少即是多成為移動和計算機屏幕的流行趨勢？或者你喜歡凌亂的感覺？

         閱讀 Mike Kruzeniski 的 原始文章