上周在微軟全球開發(fā)者大會Build 2017上笔刹,微軟發(fā)布了新的視覺語言芥备,稱為“Fluent Design”。因?yàn)檫@幾天事情比較多徘熔,所以老土一直也沒有看發(fā)布會的視頻门躯,本來準(zhǔn)備看幾個相關(guān)的帖子以大概了解一下,但發(fā)現(xiàn)都是語焉不詳酷师。于是心里暗暗腹誹讶凉,現(xiàn)在的小編實(shí)在是太偷懶了,連一點(diǎn)兒有用的信息都不整理發(fā)布嗎I娇住6丁!台颠!看來還得自己看看發(fā)布會視頻褐望,體會一下才行。
終于今天有時間將發(fā)布會大概看了一遍串前,重點(diǎn)看了Fluent Design發(fā)布的一段瘫里,之后心里慢慢的浮起幾個字,“泥馬荡碾,這的確是什么都沒有說呀........”谨读!這里老土帶著各位看官簡單過一遍。
Fluent Design是在Joe Belfiore的Keynote中發(fā)布的坛吁。Joe Belfiore還是非常有來頭的劳殖,曾經(jīng)是Windows Phone的負(fù)責(zé)人,是WIndows 10的負(fù)責(zé)人...拨脉,只是這次這小哥的形象讓人擔(dān)心哆姻。
Joe的Keynote的第一部分就是關(guān)于Fluent Design的,由此可見他還是對這個新的設(shè)計語言非趁蛋颍看重的矛缨。介紹的開頭一部分是宣傳視頻,如下。
看完宣傳視頻的各位看官箕昭,有人覺得自己get到了嗎誉简?反正老土是覺得自己沒有g(shù)et到什么,于是熱切的等著Joe的具體介紹盟广。果然Joe開始介紹了...
Fluent Design共有五項(xiàng)特征闷串,分別是:Light、Depth筋量、Motion烹吵、Material、Scale桨武。
老土試著談?wù)勛约河X得明白的部分肋拔。
第一:Light(光)。這點(diǎn)還是比較容易理解的呀酸,主要指的是“光(點(diǎn))”可以引導(dǎo)用戶的關(guān)注點(diǎn)凉蜂。
第二:Depth(深度)。這點(diǎn)應(yīng)該是試圖在平面上營造水平和垂直的維度感性誉,從而使內(nèi)容更具曾經(jīng)窿吩,交互更具層次。
第三:Motion(動作)错览。這點(diǎn)應(yīng)該是指要通過“符合用戶預(yù)期”的動畫營造更良好的交互體驗(yàn)纫雁。
第四:Material(質(zhì)感)。關(guān)于這點(diǎn)倾哺,Joe只是反復(fù)強(qiáng)調(diào)不同的材質(zhì)有不同的質(zhì)感轧邪,而沒有具體說如何體現(xiàn)在界面設(shè)計中。
第五:Scale羞海。這點(diǎn)完全沒有聽懂...
按照一門設(shè)計語言的發(fā)布的流程忌愚,在介紹了理念之后,應(yīng)該會演示一下却邓,更具體的解釋一下應(yīng)用方式硕糊。于是老土開始期待演示環(huán)節(jié),果然Joe安排 了這個環(huán)節(jié)申尤。但在這個環(huán)節(jié)中癌幕,Joe仿佛只是介紹了一大篇關(guān)于Edge和ink的內(nèi)容衙耕,而沒有再具體解釋Fluent Design昧穿。就這樣介紹Fluent Design的環(huán)節(jié)結(jié)束了。
坑爹呀橙喘!難怪昨天小編編不出來關(guān)于Fluent Design的內(nèi)容笆蓖摇!不過Joe也說日后會有更多更具體的介紹,而且就目前放出來的效果圖饰潜,F(xiàn)luent Design的應(yīng)用還是挺好看的(老土覺得)初坠。