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

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

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

瓦片（Tile）的合理運(yùn)用

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

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

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

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

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

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

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

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

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