【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部落格

往下滑看下一篇文章
屹立43 年專注標準電源,明緯企業如何以自身優勢並結合創新戰略,實現百年標竿企業的願景
屹立43 年專注標準電源,明緯企業如何以自身優勢並結合創新戰略,實現百年標竿企業的願景

明緯企業(MEAN WELL)成立於1982年,總部位於台灣新北產業園區,是全球少數專注於標準電源供應器的品牌製造商,產品功率含括0.5W~30000W,符合國際安規,被廣泛應用於工控、醫療、資通訊等多種產業;歷經43年的努力,明緯企業不僅在全球各地設立18個銷售辦公室,更設置3個研發中心、5個生產據點、8個物流倉儲、9個技術支援中心,同時,串連全球超過260家經銷夥伴,以「快速交付、安全可靠、隨時可得」的品牌承諾累積服務超過上萬家企業客戶數,穩居全球標準電源市場領導地位。

以客戶需求為核心,明緯企業3策略形塑差異化競爭力

2025年4月,市場研究機構Micro Technology Consultant公布全球電源供應器製造商排名,明緯企業名列第五,與前四名倚賴OEM/ODM模式的電源廠不同,明緯企業是榜上唯一以自有品牌–MEAN WELL–在市場上脫穎而出的企業,背後的三大關鍵策略是:

第一:持續優化標準化產品。明緯企業技服中心課長謝正堂表示:「我們不僅與時俱進的提供多元產品選擇,更專注於精進產品功能與取得最多國際認證,例如今年推出的XDR系列導軌型電源供應器的功率密度便較前一代提升80%以上,目標是讓客戶可以快速取得高性價比的即用型產品。」也因如此,明緯企業不僅提供AC/DC 電源供應器、DC/DC 轉換器、LED 驅動電源、導軌型與基板型電源、電池充電器與逆變器、UPS與電源管理模組、特殊應用電源與周邊配件等標準化產品,更因應工業控制、LED照明、醫療、交通與綠能等跨產業需求取得相應的國際認證,同時,以自動化生產機制進行規模量產以確保成本競爭力。

明緯企業技服中心課長謝正堂
明緯企業技服中心課長謝正堂
圖/ 明緯企業

第二:完善全球經銷網絡與提供在地化支援服務。明緯企業除在全球9個國家設立分公司與辦事處,更與歐、美、亞超過260家經銷商締結深厚的合作關係,由其提供產品銷售、維修與服務,讓企業客戶快速取得所需產品,放心且安心的應用在各個領域。

明緯
明緯企業集團分佈圖
圖/ 明緯

第三:透過虛實整合服務快速回應市場需求。明緯企業除透過官方網站提供完整的產品資訊,如產品型錄與規格書、技術文件、安裝手冊、認證與檢驗資訊,以及產品壽命與相容性資訊等,更於2020年8月推出線上展覽館,讓客戶可以從三大產品範疇、12個展覽館快速找到產品資訊,此外,還可透過線上產品諮詢,大幅提升選購體驗並縮短採購流程,讓企業客戶可以快速因應市場需求變化。

明緯
線上展覽館
圖/ 明緯

「透過可接受少量多樣的標準化產品、全球經銷網絡,以及虛實整合的服務能量,我們不僅形塑品牌信譽,也墊高了同業競爭者的進入門檻,成功以差異化產品服務引領市場發展。」謝正堂如是總結。

不僅提供標準化產品,更協助經銷商轉型為智慧解決方案供應商、滿足客戶創新需求

值得特別注意的是,明緯企業除提供適用於各產業的標準化電源產品,更因應市場需求、攜手經銷商夥伴提供產業所需的解決方案。謝正堂進一步解釋,隨著智慧化產業發展,企業不僅需要標準品,更期望明緯企業與經銷夥伴可以提供完整的解決方案,因此,明緯企業除在廠內實作綠能、儲能系統與智慧燈控等場域,今(2025)年,更進一步協助經銷商夥伴轉型,以協作機器人、智慧自動化工廠、智慧家居、智慧商辦、智慧燈控,以及移動式儲能系統電源等解決方案滿足市場需求。「今年,我們的經銷商–耀毅企業、永鉅電機與中和碁電–將前進2025台灣機器人與智慧自動化展,展示自動化、綠能科技與其他智慧解決方案,協助更多企業智贏未來。」

除透過參展等方式讓全球客戶了解明緯企業與經銷夥伴可以提供智慧解決方案,明緯企業亦積極透過線上展覽館等方式展示以機架式電源(Rack Power)、模組式電源(Modular Power)、系統電源(System Power)三大產品線搭配其他產品,如控制器、智慧管理設備與介面配件等,以「3+N」的概念讓智慧解決方案可以依造客戶需求整合電源模組、控制器、監控與智慧通信等功能。

明緯擁有超過一萬種標準電源機型與全球當地專業技術服務團隊,透過相關技術諮詢服務,可依客戶應用需求提供產品與組合式系統解決方案。

3+N產品涵蓋模組電源、機架式電源、機櫃系統電源等產品,結合數位智能控制器或搭配超過一萬種標準電源機型組合應用,提供多產業應用。

展望未來,明緯企業將持續攜手全球經銷夥伴,以安全可靠、即取即用的高品質電源方案,引領全球標準電源市場潮流,打造共創、共榮、共贏的永續生態系。

了解更多MEAN WELL合作夥伴
立即看線上展覽館

登入數位時代會員

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

每日推播重點文章

閱讀會員專屬文章

請先登入數位時代會員

看更多獨享內容

請先登入數位時代會員

開啟收藏文章功能,

請先登入數位時代會員

開啟訂閱文章分類功能,

請先登入數位時代會員

我還不是會員, 註冊去!
追蹤我們
蘋果能再次偉大?
© 2025 Business Next Media Corp. All Rights Reserved. 本網站內容未經允許,不得轉載。
106 台北市大安區光復南路102號9樓