微軟的翻身仗是怎麼打的?-通過IE看Windows Phone 7設計

來源:互聯網
上載者:User

關於WP7剛開始想寫一篇全面地關於互動 的文章,寫著寫著發現怎麼也擺脫不了零散與空洞,也難怪,想表達的面太廣必然 挖掘的深度會變淺,最後下定決心與其在大而全上糾結不如專心解讀一個應用.下 面我就以移動互連網的殺手級應用之一瀏覽器為主線管窺WP7的設計.

應 用表徵圖:

WP7內建的瀏覽器是Internet Explorer,它的Logo與案頭IE的 logo形態相同只不過跟隨WP7的風格處理成了單色的. 下圖左邊的方形表徵圖為WP7 起始頁的,右邊的為程式列表中的:

處理後的表徵圖在首屏的識別性還是非常好 的,如下圖

瀏覽器起始頁:

點擊程式啟動圖 標進入瀏覽器起始頁:

起始頁由上至下分為四部分:狀態列,地 址欄,內容地區,工具列和菜單:

狀態列:狀態列顯示手機訊號、電量、時 間等。WP7的狀態列與Iphone和Android有兩點不同,一,狀態列並非一直存在, 例如在全景視圖(Panorama Application)頁面是不存在狀態列的;二,狀態列 上的資訊不是一直存在的,例如在進入瀏覽器後幾秒鐘內就會自動消失(狀態列 還在只是狀態資訊消失了),狀態資訊消失後頂部顯得清爽多了,如圖:

不要擔心看不到狀態資訊,只要點擊狀態 欄它們又都會跑出來。

地址欄:WP7的地址欄將重新整理按鈕放到了地址欄的左邊 。而且在載入頁面的到時候,會在重新整理的位置上顯示“X“,點擊取消頁面載入 。將兩個表徵圖放到了一個位置上,這種做法在其他平台上倒是有,但是放到地址 欄的左邊還是第一次。

內容地區:WP7的頁面瀏覽和Iphone一樣,拖動到頂端 再向下拖動時頁面整體會被拉下來,有所不同的是WP7增加了頁面被擠壓的效果 ,表現上更加生動了。

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.