Category Archives: CSS

2012 Microsoft Developer Day心得 -完美METRO STYLE APPS 進化論

完美METRO STYLE APPS 進化論
by 瓊文 互動多媒體技術經理

 

簡單講這節session 就是在講design guide。
之前有聽過別家OS平台的推廣者,也是在談design guide
但是聽起來感覺就是太死了,很多內容就是在照本宣科。
今天這節session,內容精彩,而且重點都有提到。

一開始講到過去MS的UI 設計,很久以前微軟就有提出類似概念,
到最後只有小狗活下來@@

接下來用了好幾張錯誤示範web ,
如果讓小孩子或是老人操作會用嗎?未來你的小孩子會用滑鼠嗎?
觸碰操作,真的是人天生的本能,什麼滑鼠,鍵盤,筆如果沒花時間學習根本不會操作。
難怪iPhone 剛出來的時候,Steven Jobs還對以往用在手機的觸碰筆嘲笑一番。

METRO = Design Language
Modern,Clean,Simple ,Direct, Typography

Pride in craftsmanship 以精準細膩的設計品質為傲
Layout:內容要有空間
Typography
Grid : App要整齊乾淨

Do more with less 極簡專注
User Center Design  設計的app不要太多內容,要提供使用者想要的訊息


Be fast and fluid 
Design for Touch First :不要設計出適合滑鼠點閱的UI
Purposeful Animation 
講員還解釋了為何System UI 都是在左右方,不是在上下方,
原來是我們賞人巴掌都是左右方打,而不是上下XD 。

Win as one 一統江湖,借力使力。
Share,Search ,Settings
簡單說就是透過上述功能把你的app 分享出去

60–>80–>99分的app
Team Work: UX designer,Designer,Architect ,Programmer
原來我們是魔戒團

講員推薦99分的App: Cocktail Flow

簡報檔案





Microsoft PowerPoint Web App完美Metro Style Apps 進化論