Windows Phone 7 設計簡介

fmms 12年前發布 | 8K 次閱讀 Windows Phone

導讀：Windows Phone 7 引進了一個全新的內容管理和用戶界面，命名為Metro的設計語言和理論。微軟這次所看準的市場和用戶群也與之前的老一代 Windows 不同(終于轉變了):從針對商業和技術用戶到普通用戶，線上，線下的生活緊密鏈接的新興用戶。

對話設計人員

我們就不強調設計在手機應用上有多重要了。WP7是個非常不同于其他手機平臺的操作系統，雖然現在還在起步階段，業內對它還是很看好的。設計人員應該走在開發之前對它的平臺和用戶界面進行了解。其二，微軟最終將會把 Metro 引入 Windows 8，打造一致性的手機、電腦界面。Windows 7.5，AKA 芒果，在九月發布了，緊接著，Nokia 發行了他們第一部 WP7 操作系統的手機。我們有理由相信，WP7在這個智能手機市場會扮演一個越來越重要的角色。

另辟蹊徑的設計

Windows 小組的靈感來自于路牌設計。在這些指路標識設計中，很重要的一點是，他們去除了所有不必要的元素，并且把內容作為設計核心；他們把這一點引入了 WP7 的設計，讓內容說話。界面消失了，內容是新的界面。現在的界面不是一個獲取內容的途徑，而就是內容本身。減少視覺設計強調了用戶與內容的直接互動(direct interaction with the content)。

Windows Phone 7 設計簡介

方格系統設計（Grid Systems in Graphic Design, by Josef Müller-Brockman）

WP7的圖像設計秉承了印刷字體的風格，吸取了圖像設計師 Josef Müller-Brockman 的設計理念:在畫布上的純粹的印刷字體，簡潔的顏色和正方格子。圖標完全融入背景，甚至包括了內容本身，成為了導航的一部分。

簡潔設計和印刷字體，應用 Cocktail Flow 和 Fuse.

所有這些設計讓人們聯想到專業制圖. 地圖式的鋪陳方式提供了指向性；文本簡單明了，讓用戶可以輕松導航；除此之外，沒有多余的視覺元素。

全新的內容方格

Metro 設計強調剛性的內容組織.聯想一下一張地下鐵的地圖，它的信息架構邏輯性極強。沒有多余的圖像元素，這個板塊的內容只運用了信息本身（題外話：電路設計圖是基于這個邏輯的）當用戶在瀏覽頁面的時候，就只有信息和內容和他們之間的邏輯聯系。對于設計師來說，這里內容運用的視覺較輕，而如何聯系內容、導航整個應用的設計采用濃墨重筆。

米蘭地鐵 (Image: Wikipedia)

根據內容的重要性，或者基于應用希望如何向用戶呈現信息，他們應該被歸類在一個層次系統，環環相扣. 正如其他很多手機應用一樣，找準對話的用戶群是至關重要的。

Flipboard ：內容作為承接界面.

正如 Flipboard 的設計理念，Metro 的 UI 設計把重要的內容直接放在板塊中。在 Windows Phone 的主頁，他們運用了一個 8 大板塊的主頁導航，覆蓋手機通信，聯系人，短信，email，xbox 等，用戶可以通過需求更新這 8 大板塊（這個跟其他手機是一樣的）。不同的是，它每個板塊都顯示了最新內容。譬如：email 圖標上會顯示最近收到的郵件。這種 UI 的目的是給了用戶一個選擇：基于信息，選擇是否繼續瀏覽。設計師們應該要充分利用這個特性。

組織內容

微軟為此引進了一個 Hub 概念（樞紐），作為內容管理中心.它由三個重要的設計概念來實現: “panorama”（全景）、“pivot”（樞軸轉動）和live tile （實時更新板塊）。

Panorama（全景模式）

當用戶啟動應用，他們登陸到了一個全景模式，應用中所有的信息都放在了一個屏幕上（通過水平滑動，用戶可以預覽所有內容）。這個在 WP 設計里面要特別注意，設置，目錄等應該盡量放在整個屏幕上，而不是獨立窗口。