【Inside】淺談微軟Windows手機的metro UI設計
【Inside】淺談微軟Windows手機的metro UI設計

不得不説這次微軟的Windows Phone請來的UI/UX設計師為微軟帶來了一些新風貌,這是很多人都沒有想過的事情。當大多數人正在等待著新的iPhone到手時,引起我注意的卻是微軟Windows Phone的metro UI。這次微軟Windows Phone的Metro UI還滿有趣的,所以除了設計師,工程師應該要開始接觸外,一些正在開發軟體或打算開發軟體的人們也該暫時把對Windows的偏見放一邊,花點時間來看看Metro UI的特別之處。

Metro是地下鐵(捷運)的意思,延伸的思考會讓人想到metropolis(大都市),在與UI做結合前,微軟就已經給予使用者們一個清晰的畫面-一個圍繞著大都市,連結著各個點的重要載具。而事實上,Metro UI也是根據微軟HQ位於西雅圖地區的King County Metro Transit裡的標示取得設計靈感的。

微軟這次把設計重點放在設計過程以及視覺設計上,所謂的metro是他們目前所寄望的現代設計語言,説的是:簡潔、輕巧、開放、快速(clean,light,open and fast)而設計元素所強調的是動態,內容,字型。

簡潔、輕巧、開放、快速這些並不是新概念,但這次微軟要帶給大家的並不是要創造一個全新的界面(雖然看起來是很新穎),而是更進一步的發揮了Swiss Style (Typographic style)極簡風格(Minimalist Style)的特色,去除一切不必要的干擾:

  • 強調typography(文字/字型設計):利用字體的大小來區分內容的重要度。
  • 樸素的圖文:圖片以及icon都沒有沒有陰影、反光效果以及圓角。不需要留太大的邊框,讓文字做主角。
  • 強調畫面的轉變過程(transition):認為畫面轉換效果的重要性不亞於圖像的設計(Transitions are just as important as graphical design.)
  • 內容為主角:“Content not chrome”,也就是去除UI裡對程式沒有太大實質幫助的元素,將重點放在內容上,因為手機螢幕普遍都很小,而且都是需要觸碰操作,能化繁為簡是最理想的做法。
  • 改變空間的運用:不需要強迫性的把版面留白的空間填滿,保持簡潔,原因是因為情境設計的時候認為按鍵要好按又明顯,因此物件與物件之間建議餘留空間(留白)以免使用者誤觸。
  • **大膽使用顏色:**設計去除了邊框以及其他修飾的元素,但保留了最重要的色彩,大膽的顏色讓使用者的面板變得更有個性。雖然少了其他的設計元素,但運用了色彩配合字體的調整,讓內容依然可以層次分明。
  • **反應快速的動態磚(tile):**類似android將資訊直接呈現在面板上的方式,但是巧妙的用文字以及數字表達在每一個動態磚上,清晰傳達訊息之餘不會讓畫面看來太凌亂。

利用畫面的轉變以及內容為主的設計,試圖將使用者的注意力從多餘的裝飾上移到內容本身,讓使用者直接跟內容互動,強調所謂的“Contents is the UI”。

除了視覺上突破了過往微軟的刻板印象,為使用者著想的開發過程也讓微軟看齊來變得份外的貼心,Metro UI**聚焦在使用者的體驗,**想像岀一個具體的使用者,提供她/他與實際生活相關的功能。另外在User Experience Design方面也規劃岀一些嚴厲的規格,例如頁面底下的tool bar:

在上圖我們只看到3個,但事實上Windows規定最多可以用4個icon,所以建議設計師與開發者在設計的時候要慎選;另外menu的icon,基本規定是48px乘以48px,而各物件之間的最少距離是2mm。

以上是遲來的windows phone UI簡介,不知道大家目前對於windows phone的評價如何,雖然這次的設計概念很有現代感,但目前在中文語系地區接受到的評價似乎都是認為版面看起來很不習慣,以及看起來並不是像windows自己所描述的有美感,的確,windows phone在中文語系地區需要面對幾個問題,例如typography以及版面留白這兩個設計元素。字型設計原本應該是以歐美地區作為主要考量,而造字的方式會造成歐美語系的typography整齊美觀,但是中文化後:

觀感上的確造成了差異,原本理想是由文字的排列以及大小來營造層次的觀感,但是中文化後部份畫面的排版卻有些不平衡,而留白的地方也顯得突兀,人名直式的排列也看得不習慣。

另外過度留白的概念一直一來都是中文網頁避免的一種設計,因為會造成畫面空洞,而中文字型飽滿度不一也造成了不能像英文字母一樣能夠採用這樣的留白設計。暫不論使用者經驗,系統相容和app多寡的情況下,也許視覺設計太過與極簡就是造成metro UI在台灣沒有辦法立即受到使用者們青睞其中一個原因。不過,至少除了android和ios,大家又多了一個智慧型手機的選擇。

出自Inside部落格

往下滑看下一篇文章
OpenAI 重磅講者親臨高雄|掌握前瞻 AI 與產業轉型關鍵趨勢
OpenAI 重磅講者親臨高雄|掌握前瞻 AI 與產業轉型關鍵趨勢

隨著 AI 工具逐漸普及,真正拉開差距的,已不只是技術或算力的強弱,是企業能否整理資料、重新設計流程,並把 AI 融合既有工作方式,持續轉化為營運價值。

Amazon Web Services(AWS)將於10月23日於高雄舉辦「2026 亞馬遜港都 AI 創新日」邀請 OpenAI 與製造、金融、交通、零售及運動育樂等領域的實務代表,從技術趨勢、資料治理、流程設計與組織轉型等面向,拆解 AI 落地前必須處理的現實問題,協助企業重新檢視自身的導入條件與下一步布局。

企業下一步,不只是再導入一套 AI 工具,而是讓 AI 進入日常營運

模型可以採購,系統可以建置,但資料是否整理到位、流程能否重新設計、組織是否清楚由誰負責,才是決定技術能否持續發揮價值的關鍵。

高雄近年推動數位轉型,同樣面對這項核心課題。亞灣周邊聚集扣件、石化、鋼鐵等傳統產業,場域複雜、既有系統眾多,正因如此,更能檢驗一套 AI 導入方法是否具備複製與擴大的條件。城市發展也從建置算力基礎,進一步走向讓技術真正進入產業與治理現場。

AWS 連續六年深耕高雄,今年以「雲騰智慧大南方 齊創 AI 好未來」為主軸,將討論重心從雲端與算力基礎,推進到應用全面升級,協助城市從「有 AI」走向「AI 有感」。

政府治理是否更即時、產業流程是否真正改變、市民與使用者能否感受到服務提升,才是「AI 有感」的具體檢驗。延續「高雄試點、全臺普及、雲端出海國際」的發展路徑,10月 23 日登場的亞馬遜港都 AI 創新日要談的不只是企業「有沒有 AI」,而是導入之後企業的真實改變。

2025 亞馬遜港都 AI 創新日現場,資料照
圖/ AWS

OpenAI 重磅講者親臨高雄,從技術前沿看見企業的關鍵課題

今年活動特別邀請 OpenAI 東南亞暨台灣合作夥伴總監 Mark Jeffrey,以「前瞻 AI 如何助力產業領袖開創新局」為題,分享在 AI 技術快速演進之下,企業應如何重新思考未來布局。

面對 AI 能力邊界持續擴張,哪些應用已具備規模化條件?哪些仍需要更完整的資料、治理與組織準備?這是正在規畫下一階段 AI 投資的企業必須先回答的關鍵課題。

上午議程將從資料、組織與金融三個面向,拆解 AI 落地前必須處理的現實問題。「數據為本,AI 啟航」先回到資料基礎:外部模型跑得再快,若企業自身的欄位定義、存取權限與資料品質尚未整理到位,技術仍難以轉化為可靠判斷。

「打造 AI-Ready 組織的關鍵布局」論壇則聚焦組織當責。AI 專案通常橫跨資訊、營運與管理部門,真正困難的不只是把系統建起來,而是由誰推動流程改造、由誰認列成果,以及當 AI 產出的判斷出現問題時,責任最後應由誰承擔。公部門、製造業與雲端服務業者如何從不同角色處理這些問題,對其他組織同樣具有參考價值。

金融創新論壇將討論 AI、虛擬資產與企業轉型。金融場域對資料安全、合規、風控與可追溯性的高度要求,也提醒企業:效率不能取代治理,AI 更不能成為責任模糊的理由。能否在高監管、高風險環境中建立清楚邊界,將直接影響 AI 應用能不能被長期採用。

2025 年活動論壇現場,資料照
圖/ AWS

從六種產業場景,看 AI 如何走進真實流程

真正具備參考價值的 AI 案例,不只要說明「做了什麼」,還要回答幾個更實際的問題:解決哪一段流程、使用哪些資料、在哪個節點交給 AI、誰負責最後判斷,又如何確認投入確實產生價值。

下午議程規劃橫跨智慧支付、製造、媒體科技、智慧交通、零售製造與運動育樂六種產業場景。每個場景面對的資料條件、即時要求與風險門檻都不相同。

產業場景 議程規劃與關鍵課題
智慧支付 藍新金流運用 AWS AI 自建智能 KYC 與交易監控;處理身份辨識、交易監控與風險判斷
製造 以語意層串接資料孤島,讓 AI Agent 正確理解分散在不同系統的資料
媒體科技 會說台語的 AI Agent:從醫院櫃台到第一線的落地實戰
零售製造 零售製造轉型;把技術接進實際營運與使用者體驗

這些差異進一步說明,AI 沒有一套可以直接複製到所有產業的標準答案。企業真正需要的,不只是更多案例,而是看見不同產業如何依資料條件、即時要求與風險門檻,把 AI 融入實際營運與使用者體驗。

現場同步打造「產業賦能走廊」,邀集超過 15 組雲端生態系夥伴設置展示攤位,聚焦智慧製造、金融科技與城市治理的真實痛點與解法。無論企業目前卡在技術、資料、治理,還是組織協作,不同問題點,都能找到對應的解方。

10 月 23 日,從智慧製造的產線優化、金融科技的風控升級,到運動產業的會員體驗創新,看 AI 如何從概念走進產業現場,成為百工百業轉型升級的實際動能。

10/23高雄展覽館盛大舉行
圖/ AWS

「2026 亞馬遜港都 AI 創新日」,掌握 AI 賦能百工百業、領航產業升級的實務趨勢
立即報名

登入數位時代會員

開啟專屬自己的主題內容,

每日推播重點文章

閱讀會員專屬文章

請先登入數位時代會員

看更多獨享內容

請先登入數位時代會員

開啟收藏文章功能,

請先登入數位時代會員

開啟訂閱文章分類功能,

請先登入數位時代會員

我還不是會員, 註冊去!
追蹤我們
一次搞懂工業AI
© 2026 Business Next Media Corp. All Rights Reserved. 本網站內容未經允許,不得轉載。
106 台北市大安區光復南路102號9樓