微軟剛剛發(fā)布的Fluent Design是個什么鬼?

上周在微軟全球開發(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 Belfiore在Build 2017
Joe Belfiore在Windows 10發(fā)布會(2015)
Joe Belfiore在Windows Phone 7發(fā)布會(2010)

Joe的Keynote的第一部分就是關(guān)于Fluent Design的,由此可見他還是對這個新的設(shè)計語言非趁蛋颍看重的矛缨。介紹的開頭一部分是宣傳視頻,如下。


Fluent Design


看完宣傳視頻的各位看官箕昭,有人覺得自己get到了嗎誉简?反正老土是覺得自己沒有g(shù)et到什么,于是熱切的等著Joe的具體介紹盟广。果然Joe開始介紹了...

Fluent Design共有五項(xiàng)特征闷串,分別是:Light、Depth筋量、Motion烹吵、Material、Scale桨武。

Fluent Design的五項(xiàng)特征

老土試著談?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)用還是挺好看的(老土覺得)初坠。

郵件
資源管理器
照片
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市彭雾,隨后出現(xiàn)的幾起案子碟刺,更是在濱河造成了極大的恐慌,老刑警劉巖薯酝,帶你破解...
    沈念sama閱讀 221,576評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件半沽,死亡現(xiàn)場離奇詭異,居然都是意外死亡吴菠,警方通過查閱死者的電腦和手機(jī)者填,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,515評論 3 399
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來做葵,“玉大人占哟,你說我怎么就攤上這事∧鹗福” “怎么了榨乎?”我有些...
    開封第一講書人閱讀 168,017評論 0 360
  • 文/不壞的土叔 我叫張陵,是天一觀的道長瘫筐。 經(jīng)常有香客問我谬哀,道長,這世上最難降的妖魔是什么严肪? 我笑而不...
    開封第一講書人閱讀 59,626評論 1 296
  • 正文 為了忘掉前任史煎,我火速辦了婚禮,結(jié)果婚禮上驳糯,老公的妹妹穿的比我還像新娘篇梭。我一直安慰自己,他們只是感情好酝枢,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,625評論 6 397
  • 文/花漫 我一把揭開白布恬偷。 她就那樣靜靜地躺著,像睡著了一般帘睦。 火紅的嫁衣襯著肌膚如雪袍患。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,255評論 1 308
  • 那天竣付,我揣著相機(jī)與錄音诡延,去河邊找鬼。 笑死古胆,一個胖子當(dāng)著我的面吹牛肆良,可吹牛的內(nèi)容都是我干的筛璧。 我是一名探鬼主播,決...
    沈念sama閱讀 40,825評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼惹恃,長吁一口氣:“原來是場噩夢啊……” “哼夭谤!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起巫糙,我...
    開封第一講書人閱讀 39,729評論 0 276
  • 序言:老撾萬榮一對情侶失蹤朗儒,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后参淹,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體采蚀,經(jīng)...
    沈念sama閱讀 46,271評論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,363評論 3 340
  • 正文 我和宋清朗相戀三年承二,在試婚紗的時候發(fā)現(xiàn)自己被綠了榆鼠。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,498評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡亥鸠,死狀恐怖妆够,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情负蚊,我是刑警寧澤神妹,帶...
    沈念sama閱讀 36,183評論 5 350
  • 正文 年R本政府宣布,位于F島的核電站家妆,受9級特大地震影響鸵荠,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜伤极,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,867評論 3 333
  • 文/蒙蒙 一蛹找、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧哨坪,春花似錦庸疾、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,338評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至忿偷,卻和暖如春金顿,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背鲤桥。 一陣腳步聲響...
    開封第一講書人閱讀 33,458評論 1 272
  • 我被黑心中介騙來泰國打工揍拆, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人芜壁。 一個月前我還...
    沈念sama閱讀 48,906評論 3 376
  • 正文 我出身青樓礁凡,卻偏偏與公主長得像,于是被迫代替她去往敵國和親慧妄。 傳聞我的和親對象是個殘疾皇子顷牌,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,507評論 2 359

推薦閱讀更多精彩內(nèi)容