簡單而不簡陋﹣wp7視覺點(diǎn)滴

一直就很期待，引入了Metro設(shè)計(jì)理念的wp7的真實(shí)操作體驗(yàn)，現(xiàn)在終于如愿了。拿到測試機(jī)，首先迅速的過了一遍，第一印象就是界面簡單明了，沒有華麗的高光、沒有跌宕的質(zhì)感，真的感覺就像在公共場所看到的信息指示牌一樣簡潔清晰、快速、內(nèi)容為主。

　　下面讓我們從手機(jī)的第一個(gè)界面開始看起：

　　與眾不同的解鎖界面

　　Wp7的解鎖界面是非常與眾不同的。位于中間偏下位置上的時(shí)間信息是最吸引人眼球的，即利用了英文在排版設(shè)計(jì)中的優(yōu)勢又貫徹了一下返璞歸真的視覺設(shè)計(jì)理念，將信息以一種毫無負(fù)擔(dān)的展現(xiàn)方式給用戶呈現(xiàn)出來。在時(shí)間信息的下面會有短信、鬧鐘等推送信息。最頂部自然少不了設(shè)備電量、信號等系統(tǒng)信息。

　　整個(gè)界面中沒有我們已經(jīng)習(xí)以為常的解鎖提示，或者“鎖”的提示，整個(gè)界面看起來更像是一幅畫。但是在使用手機(jī)的時(shí)候，用戶一點(diǎn)都不用擔(dān)心不知道怎么進(jìn)入待機(jī)界面。當(dāng)用戶手指觸碰到屏幕上任何地方的時(shí)候，手機(jī)畫面就會有一個(gè)模擬重物落地再彈起的擬物動(dòng)畫。

　　通過這樣一個(gè)動(dòng)畫提示，相信絕大多數(shù)用戶都會，嘗試著往上滑動(dòng)界面，那么恭喜你，你已經(jīng)知道如何來進(jìn)入待機(jī)畫面了。顯然，這樣的動(dòng)畫提示，比任何形式的文字提示都生動(dòng)、直接的多。界面簡潔、干凈，操作提示生動(dòng)、形象且沒有任何視覺負(fù)擔(dān)，這就是wp7給我們帶來的第一個(gè)驚喜。

　　當(dāng)用戶往上滑動(dòng)畫面，待機(jī)界面徐徐展現(xiàn)給到用戶的眼前，整個(gè)過程猶如大幕拉開一般。這期間有個(gè)小細(xì)節(jié)值得我們注意，那就是解鎖界面上的時(shí)間信息會隨著整個(gè)畫面的上升而逐漸消失。

　　在防止誤操作造成的解鎖問題上，wp7也考慮的非常周到。如果對解鎖界面的上滑動(dòng)作快速有力，即被系統(tǒng)識別為有效操作，會立即進(jìn)入待機(jī)界面。反之，上滑動(dòng)作緩慢，則需要將鎖屏界面上滑至屏幕1/3處才會完成解鎖。

　　簡潔清晰的待機(jī)界面

　　完成解鎖之后就能看到Wp7的待機(jī)界面了。待機(jī)界面采用了全新的內(nèi)容展現(xiàn)和布局形式，不是千篇一律的圖標(biāo)也不是厚重的widget與質(zhì)感的圖標(biāo)組合，而是采用更為抽象化的界面，大塊的方塊、超大的字體，讓用戶一目了然。

　　在應(yīng)用圖標(biāo)的內(nèi)容表現(xiàn)上也根據(jù)應(yīng)用屬性的不同，所涵蓋的內(nèi)容也不同。功能類應(yīng)用，如電話、郵件等會以單色圖標(biāo)來展現(xiàn)功能，當(dāng)有新消息或未接來電等，會在圖標(biāo)邊上顯示相應(yīng)的數(shù)字;

　　信息類應(yīng)用，如聯(lián)系人、圖片等就會以聯(lián)系人照片、部分圖片內(nèi)容來展現(xiàn)。

　　從應(yīng)用的圖標(biāo)的信息構(gòu)成上來看，我們可以把每個(gè)圖標(biāo)分成三層來看待：最底層是背景圖也可以是系統(tǒng)的色塊，中間一層是應(yīng)用的名稱，最上面是推送的信息。

　　對各應(yīng)用入口的編輯可以通過長按，然后激活應(yīng)用入口的編輯狀態(tài)，來進(jìn)行位置的調(diào)整和刪除操作。位置的調(diào)整可以通過手指的拖拽來完成，刪除操作則是通過點(diǎn)擊當(dāng)前激活應(yīng)用的右上角圖標(biāo)來完成。完成操作之后點(diǎn)擊任意空白區(qū)域就可以退出編輯狀態(tài)。

　　在待機(jī)界面向左滑屏或者點(diǎn)擊右上角有個(gè)向右的箭頭，就進(jìn)入了應(yīng)用程序列表。同理，在程序列表頁點(diǎn)擊左上角向右的箭頭或者向右滑屏就能回到待機(jī)界面。程序列表中圖標(biāo)大小都為62*62px,在保證不易誤點(diǎn)的情況下，可以盡可能多的展現(xiàn)列表內(nèi)容。

　　在應(yīng)用程序列表，用戶可以通過長按某個(gè)應(yīng)用，然后激活對其的編輯菜單從而進(jìn)行卸載、添加到待機(jī)界面，以及查看熱度和進(jìn)行評論的操作。

　　畫卷般的全景視圖

　　要說wp7中的應(yīng)用，就不得不先介紹一下Panorama，即全景視圖。它是由Metro的引入而帶來手機(jī)界面上的重大變革，它不同于以往的任何一個(gè)手機(jī)系統(tǒng)的用戶界面。不再是讓你的內(nèi)容去適應(yīng)狹小的手機(jī)屏幕，也不再是在不同的窗體之間來回切換。它提供了一種全新的視圖，在水平方向上擴(kuò)展內(nèi)容到屏幕之外，來展現(xiàn)/集成不同的控件、數(shù)據(jù)和服務(wù)，就好像把它們排布在一張橫軸的畫卷上。當(dāng)前可視區(qū)域所停留的部分，只是手機(jī)屏幕的大小部分，就好像畫卷上的一個(gè)滑動(dòng)窗口。用戶所需要做的只是輕輕地在界面上橫向滑動(dòng)手指，這張畫卷就會隨之而動(dòng)將你想要看的內(nèi)容帶到你眼前的焦點(diǎn)區(qū)域。

　　wp7中的所有應(yīng)用都是采用這種架構(gòu)來實(shí)現(xiàn)的。不論在視覺還是在交互上都是區(qū)別于以往其他任何手機(jī)中的程序的。這點(diǎn)相信會給用戶帶來更多的新鮮感

新穎的動(dòng)畫效果

　　如果說wp7的特點(diǎn)就這些的話，那它也不足以引發(fā)這么大的影響。除了新創(chuàng)的Metro理念以及panorama的全景視圖外，在視覺特效上也是相當(dāng)給力的。比較有代表性的是流暢的滑屏效果、層級進(jìn)出之間的翻頁效果以及動(dòng)態(tài)的載入動(dòng)畫。

　　滑屏效果，流暢的橫向滑屏是與全景視圖緊密相關(guān)的衍生品。

　　由于采用了全景視圖，所以在當(dāng)前屏是可以在右側(cè)看到橫向的下一屏的一部分內(nèi)容的，這也給橫向滑屏的動(dòng)畫做好了鋪墊，使得實(shí)際在滑屏操作時(shí)真的有再看畫卷一樣的體驗(yàn)。

　　翻頁動(dòng)畫，在不同類型的頁面中，它的具體表現(xiàn)形式也是有所不同的。

　　待機(jī)畫面的翻頁動(dòng)畫，當(dāng)用戶在點(diǎn)擊一個(gè)應(yīng)用之后，被點(diǎn)擊的應(yīng)用本身暫時(shí)不動(dòng)，其他應(yīng)用一起向外翻(向左翻)走，類似翻書，然后被點(diǎn)擊的應(yīng)用也跟著單獨(dú)向外翻出。給人感覺就像打開了一扇神奇的門似地，不論是語義還是動(dòng)畫都傳達(dá)了一種開啟的感覺，很符合打開應(yīng)用這樣操作。

　　內(nèi)容列表的翻頁動(dòng)畫有三種，一種是進(jìn)入文字列表項(xiàng)時(shí)——向外翻(向左翻)、一種是退出文字列表項(xiàng)時(shí)——列表項(xiàng)逐條向里翻(向右翻)，還有一種是退出整個(gè)頁面內(nèi)容——整個(gè)頁面一起向里翻(向右翻)。感覺上就像迎面打開，和隨風(fēng)消逝的感覺。

　　Wp7是一個(gè)款非常有突破性的系統(tǒng)，它帶給我們的不僅僅是視覺上的沖擊，更多的是設(shè)計(jì)理念上的開闊。相信伴隨著wp7上的應(yīng)用的豐富，它會帶給我們更多驚喜。

新聞標(biāo)題：簡單而不簡陋﹣wp7視覺點(diǎn)滴
分享網(wǎng)址：http://www.muchs.cn/news13/166563.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)頁設(shè)計(jì)公司、虛擬主機(jī)、定制開發(fā)、建站公司、用戶體驗(yàn)、域名注冊

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)