分享到人人
分享到QQ空間Metro是由微軟公司開發的內部名稱為“ typography-based design language”的一項設計（基於排版的設計語言），其設計意念來源於美國交通局巴士站牌以及機場和地鐵的指示牌，已被應用於WIN8系統界面。Metro代表個性，強調的是信息本身，而不是冗余的界面元素，認為大字體和大色塊，更能吸引受眾的注意力。
WIN8系統metro界面
如今，經過不停的微創新，Metro衍生出來了各種不同類型的類風格的設計，並且呈現出了眾多功能特色，滿足了更多應用場景的需求，它不僅僅在操作系統中被使用，越來越多的新聞網站，甚至移動端的應用都採用Metro風格作為欄目或者內容的一種展示形式。
一、類Metro風格的應用特點
1、以內容為中心，界面簡潔與直觀。
眾多類Metro風格的設計都是讓文字做主角，用簡單的色彩作為襯托文字的底色，沒有其它冗余邊框和修飾元素，文字不強制填滿板塊的空間，而且字體、大小、顏色都可以根據情況做出改變，以此來區分信息層次，塑造不同的視覺中心。
2、文字顯示動態化，可承載更加豐富的信息。
動態化分為三種情況，一是像焦點圖自動切換一樣，文字每隔幾秒進行切換推送，這可以用於新聞的實時更新推送﹔二是鼠標懸停，文字和色塊會做出相應改變，文字和色塊可以嵌入信息豐富的鏈接﹔三是用戶可以自由組合板塊進行內容設定，即可以自定義界面貼片板塊。
3、文字和色塊的元素設計可以更加多元、多樣化。
在眾多類Metro風格的應用中，文字的字號大小是可以改變的，色塊的顏色是可以多樣的，文字也可以被替換成圖片，色塊可以被分割成不同大小，隻要堅持一項前提，把所要強調的信息設計在視覺中心。
4、界面模塊化，不僅僅是信息，還可以是功能。
類Metro風格不僅僅是信息的展示，它的色塊與文字可以設計為一體，使其功能化。像傳統網站上的郵箱、互動、移動應用、導航等都可以設計成固定的網站入口，相對於傳統的導航和欄目，這種網頁入口方式顯得更加突出。即使是在移動端，類Metro風格承載的功能設計同樣出色，無論是滑動還是點擊還是搖一搖，顯著的色塊會便捷地引領用戶找到所需要的信息。
二、當前新聞網站應用的典型案例
1、MSN中文網：動態設計，突出導航和功能。
MSN中文網的Metro風格設計頗多，包含了導航，郵箱，以及瀏覽器、MSN等軟件的下載，在線翻譯工具的使用等等。在整個首頁的布局中，除了較大的新聞圖片，Metro風格色塊是最顯著的，它能夠幫助用戶的鼠標快速移動到所需要的功能服務上。
MSN中文網首頁的Metro色塊
2、百度新聞/360新聞：新聞熱搜詞的動態、多元素展示。
百度新聞的熱搜詞以文字展示為主，採用兩種底色的色塊，設置了鼠標懸停效果，用戶點擊以后返回此關鍵詞的搜索結果。360新聞的設計更加多元，字號有大小區分，展示也分文字和圖片兩種，也設置了鼠標懸停效果，與百度新聞不同的是，360新聞點擊右上角的刷新按鈕，可以實現搜索詞動態排列組合形式的切換。
百度新聞與360新聞熱搜詞
3、網易聚合閱讀：桌面與移動端同樣流暢的閱讀體驗
網易聚合閱讀推出了Beta版，在桌面互聯網和移動互聯網端同時布局，這種類Metro風格的設計是非常適合移動終端的閱讀體驗的，雖然手機屏幕小，但是通過色塊和文字的簡單設計，可以突出新聞標題和事件，並且移動端的滑動操作可以進行切屏操作，也可以點擊刷新按鈕，進行下一版新聞的動態排列組合。
網易聚合閱讀
4、文本層廣告：百度網盟的色彩推廣方式。
相對於有道傳統文字鏈的廣告推廣方式，百度網盟的推廣方式借用了色塊的襯托功能，把文字字號設計成不同大小，配以不同顏色、不同大小的色塊，一塊帶顏色的廣告板肯定比單純的文字鏈廣告更能吸引受眾的目光。
有道和百度網盟在人民網文本層的推廣形式
5、移動端應用內搜索：色塊搜索引導新方式。
移動端已經出現了色塊的搜索引導方式，如91手機助手、樂商店、快播，在搜索界面，熱門應用的色塊已經被推薦給用戶，用戶隻需要滑動手指和搖一搖，就可以瀏覽更多的色塊，找到熱門應用。而隨著新聞客戶端技術的成熟和內容的大量增加，利用這種熱門推薦技術將會是一種不錯的方式。
91手機助手的應用搜索界面
三、總結與建議
類Metro風格在桌面互聯網和移動端越來越多的被使用。對於信息和功能的展示需求來說，這種風格能夠起到令人眼前一亮的作用。人民網也可以考慮在首頁改版、文本層文圖優化、移動客戶端信息展示等方面嘗試使用。重點可以放在搜索推薦、熱點新聞與關鍵詞推薦、首頁功能排列等幾個應用點。期望能特別注意文字字體、色塊、互動等各種元素的應用創新，打造出更加優秀的網站和移動應用閱讀體驗。
恭喜你，發表成功!
!
