Windows Phone面試也有很長一段時間了，其簡潔的視覺風(fēng)格，完全區(qū)別于iOS及Android的交互方式受到很多設(shè)計師的青睞。

目前Marketplace中的應(yīng)用數(shù)量相較App Store和Google Market還是比較少的，具有平臺特色的創(chuàng)新交互方式也沒有非常成形，我們了解這個平臺最簡單的方式就是先按照最接近原生體驗的方式去設(shè)計應(yīng)用，在充分并深入理解這個平臺之后再去創(chuàng)造更多新穎的交互方式。

下面就從這個系統(tǒng)所提供的最原生的交互方式出發(fā)簡單分析一下如何設(shè)計一個最為原汁原味的Windows Phone應(yīng)用。

瓦片（Tile）的合理運用

Windows Phone中最大的一個特點就是主頁面是由一個一個方形或長方形的“瓦片”建起來的。瓦片可不僅僅是一個icon，它還能承載應(yīng)用想要展示給用戶的一些信息，所以合理運用瓦片可以展示的信息將會給我們設(shè)計的應(yīng)用增色不少，在用戶諸多的選擇中脫穎而出。

最基本的，可以像系統(tǒng)自帶的短信功能那樣，提供一個未讀短消息條數(shù)的數(shù)字提示。

稍復(fù)雜點，可以在瓦片中顯示一些靜態(tài)或動態(tài)的圖片、文字信息。不過要注意一點，Windows Phone的設(shè)計原則就是簡潔為主，大色塊配合盡量少的顏色展示內(nèi)容比較符合這個系統(tǒng)整體的風(fēng)格，如果把瓦片設(shè)計的太過于花哨和復(fù)雜就有點背離系統(tǒng)設(shè)計初衷了，放置在主界面上可能也不會有特別好的視覺效果。

不僅如此，瓦片并不是一個固定的模塊，系統(tǒng)提供了很多翻轉(zhuǎn)、推動之類的切換效果，這意味這我們可以將其視為正反兩面進行看待，正面延續(xù)之前所說的設(shè)計方式，主要展示應(yīng)用名稱、logo及一些必要信息，反面就可以靈活放置我們想展示給用戶看的內(nèi)容，這就給設(shè)計師提供了很廣闊的空間，想放什么？盡情開動腦筋吧。不過也有一點需要注意，目前來說，瓦片切換的動作及時間間隔是開發(fā)者不可控的，所以瓦片背面放置的東西還是應(yīng)該盡量以簡潔為主。

Windows Phone 7.5（芒果）系統(tǒng)中提供了一個新的功能，就是可以把應(yīng)用中的操作或內(nèi)容模塊發(fā)送到桌面上形成瓦片，方便用戶快速進入需要的內(nèi)容或操作，如微博客戶端的發(fā)微博操作或者某一分組的微博內(nèi)容。這就需要設(shè)計師在設(shè)計前就想好哪些操作用戶可能需要快速觸發(fā)，而后告訴研發(fā)同事在相應(yīng)的地方設(shè)置好發(fā)送到桌面的操作。

細心的用戶還會發(fā)現(xiàn)，系統(tǒng)自帶的聯(lián)系人功能在瓦片中是以一種很炫的九宮格的方式進行展示的，整個瓦片被拆車3*3的小塊，以每一個小塊為單位進行切換，還會將相鄰四個小塊拼成一張大圖�？上�微軟官方?jīng)]有將這個設(shè)計權(quán)限開放給開發(fā)者，可能是考慮到主界面運行效率和整體效果的的因素吧。這是個小小的遺憾，期待之后能用到這個效果設(shè)計出比較酷的瓦片展示方式。下圖所示即為九宮格效果：

在瓦片效果的使用上，USA Today就做得非常出色：模擬了九宮格試布局，正面使用icon及新聞圖片的拼接圖，在反面展示了天氣信息，效果很好。

標(biāo)簽： Windows-Phone Marketplace App 

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請與原作者聯(lián)系。