Metro UI 對APP使用體驗的影響

2021-06-05 20:51:08 字數 1359 閱讀 8720

metro ui是微軟的一種設計方案。該設計方案已用於移動作業系統windows phone 7和多款微軟產品。微軟segoe wp字型,屬於segoe字型家族的一員,細膩堅韌給人一種優雅的美感,同時它也是wp7手機系統的預設字型。

獨特風格:metro ui 強調資訊本身

metro ui是一種介面展示技術,和蘋果的ios、谷歌的android介面最大的區別在於:後兩種都是以應用為主要呈現物件,而metro介面強調的是資訊本身,而不是冗餘的介面元素。顯示下乙個介面的部分元素的功能上的作用主要是提示使用者「這兒有更多資訊」。同時在視覺效果方面,這有助於形成一種身臨其境的感覺。

圖:metro ui強調資訊本身

metro ui 強調利用時間碎片

今天,metro ui設計語言誕生

metro的設計靈感來自交通系統:它需要幫助人們能夠在短時間內,快速找到自己所需的資訊。metro一詞在英文中譯為地鐵的意思,這充分體現了它的淵源和其藝術風格。

圖:地鐵中的metro資訊版

1.高水平的排版

1)乾淨:積極的顏色(鼓勵每個介面凸顯2種顏色:前景+背景,總共不超過4種配色)

2)統一的button

3)二維的視覺元素:無陰影、無漸變

(上述3點可參考qq**)

4)介面元素的對齊和對稱

5)無邊界設計:通過字型大小、(前後景)顏色、留白,使內容產生自發性質的分隔,而不必通過邊框等介質。一方面擴大了視野,另一方面減少了使用者的思考和辨識成本。

(上述兩點可參考趕集交友檔案頁windows phone(左)和iphone(右)的對比)

2.內容圖形化

3.善用live tile推送

善用live tile推送,不但可以讓使用者第一時間知道最新的變化,也為整個系統帶來的生機和靈魂,同時為更多資訊的承載,提供了條件。

英語APP體驗

第一部分 感覺不是很好用,可能是個人習慣吧,之前用的都是扇貝單詞和有道詞典,所以不是特別順手。2.找出幾個功能性的比較嚴重的 bug 在口語挑戰裡面的評分都亂來,有時我講了一口流利的英語是分數很低,但是故意發幾聲噪音都不成語還有分數 數次之後就感覺不是偶然,裡面的語音識別機制有待改善。3.用專業的語...

app 使用者體驗三

快體驗 有多重因素組成,包括外部環境的網路速度,產品本身的技術能力,互動策略制定,快體驗的感知設計等。我們分解使用者乙個事件的操作過程 發出操作指令前 執行過程 結果呈現 並針對每個環節總結的幾個方法。一 發出操作指令前提前載入資料 提前載入資料是在 使用者即將發出操作指令前,後台預先快取到本地資料...

android使用tinker對app進行熱修復

專案裡包含了lib的原始碼和sample,下下來,然後開啟tinker sample android 修改mainactivity中textview android id id textview android layout width wrap content android layout hei...