Windows 平台主設計師 Albert Shum 現身展示部分 Windows 10 設計定稿
無論是桌面還是手機,Windows 10 目前為止的預覽版不免讓人感到錯愕 —— 新的 Modern Design Language 看上去似乎只能用“簡陋”形容,很多細節的排版、用色和動畫都還處於缺失狀態。
然而,Build 2015 Day1 Keynote 之後微軟 Windows 平台主設計師 Albert Shum 在 Windows Blog 上發佈了他的第一篇博文闡述 Windows 10 平台的設計理念和方向。
據他描述,Windows/Windows Phone 10 目前為止的預覽版在視覺方面還處於早期階段,但他們也知道距離正式發佈的時間已經不算很長,所以團隊也承受着很大壓力。他説,新平台的應用設計主要意在為用户和開發者提供容易理解、上手,並在多平台上具備一致性和延續性的風格。
不可避免的,Albert Shum 首先提到了所謂“漢堡菜單(Hamburger Menu)”的出發點。他將這類導航成為“菜單鍵(Menu Icon)”,並援引了一篇博文描述菜單鍵的起源和發展。菜單鍵最早由 Norm Cox 在 Xerox Star 系統上發明,後者是世界上第一個帶圖形化界面的電腦操作系統,也是 Mac(intosh) OS 和 Windows 早期共同的借鑑對象。
他認為,和我們常用的 Facebook、Bank of America 或 Huffington Post 網站一樣,菜單鍵是一種廣為接受的設計,它是每個應用的”家“。不過,他也提醒開發者正確使用菜單鍵:菜單鍵內承載的導航和功能應該帶有明確的分層邏輯。他強調菜單鍵是一種低頻、低效的導航,其它常用入口或功能應該放在 App Bar、Tab 或樞軸等形式中呈現。
以 Windows Phone 中新的 Outlook 郵件應用為例,左側菜單欄是賬號、文件夾和設置,中間是郵件列表,點擊進入後每封郵件的正文。最常用的功能都在底部 App Bar,編輯選項則在右下角容易點擊向上展開的菜單中。
Outlook 日曆應用也同理。此外還展現了橫屏狀態下元素呈現的響應性和一致性。事實上,橫屏放大後,調整一部分 App Bar 的佈局就會是桌面版的內容呈現。
Albert Shum 還展示了即將到來的新版 Windows Phone ”人脈(People)“應用。這款應用會整合通訊錄和每個聯繫人的社交動態和多種聯繫方式信息。人脈相比舊 Modern 設計語言的變化最大,不再是黑或白純色背景,而是改為青色。聯繫人頭像也設置為圓形。這張圖中還呈現了以往一直被外界誤以為在 Windows 10 中取消的新樞軸(Pivot)視圖,新樞軸每一頁的標題字號變小,間距也縮窄,能在同一頁內至少承載四頁導航。但新人脈應用的電話號碼、郵箱地址等重要信息依然偏小難以辨認,由此導致右側與之對齊的下拉菜單箭頭面積也很小,不知道實際操作易用性如何。
最後,Albert Shum 展示了 Windows 和 Windows Phone 平台圖庫通用應用。這個版本和現在 Windows 10 預覽版中的沒有太大差別,但桌面上圖片間距明顯加大,同屏展現的圖片數量也增加不少。設置入口移動到左欄底部,同時增加賬户信息。
這篇文章只是 Windows 10 新設計風格的初窺,值得慶幸的是微軟隨後發佈了針對新風格的設計指引(Design Guidelines),稍後我們會帶來新設計指引解讀。
消息來源:Windows Blog、placeit.net
原創文章,作者:sinCera
資料來源:36Kr