亚洲av无码成人专区片在线观看,亚洲av岛国动作片在线观看,少妇,喷水,亚洲av成人无遮挡网站在线观看,天堂网www资源在线

恭喜你成為UI中國推薦設(shè)計(jì)師 (詳情)
//百度統(tǒng)計(jì) 20220402 uicn

您的意見是我們 UI 中國進(jìn)步的動力!
點(diǎn)擊立即反饋按鈕,發(fā)表您的意見!
立即反饋
QQ群反饋
您也可以加入UI中國官方反饋群進(jìn)行反饋!
群號:302892100
備注:反饋問題后@管理員能讓我們及時了解您的意見

提交需求

賽事與廣告咨詢合作,請?zhí)顚懶枨蟊韱?,我們會在第一時間與您聯(lián)系!

0/20
0/200

設(shè)計(jì)大賽

  • 設(shè)計(jì)大賽
  • 發(fā)布廣告
  • 發(fā)布招聘
  • 其它需求

提交完成
感謝您對UI中國的支持和信賴!
Microsoft Fluent Design System
0.0°

就在剛剛舉辦的 Microsoft Build 2017 中,微軟對外公布了它們最新的設(shè)計(jì)語言——“Fluent Design System”。

就在剛剛舉辦的 Microsoft Build 2017 中,微軟對外公布了它們最新的設(shè)計(jì)語言——“Fluent Design System”,這一消息給廣大設(shè)計(jì)師又帶來了一針強(qiáng)心劑,作為軟件大鱷的微軟也開始要在設(shè)計(jì)語言的道路上扮演一個指路人的角色了嗎?

在視頻中,他們分別提出了 Light、Depth、Motion、Material、Scale 幾個理念,讓我們通過官網(wǎng)的解釋以及結(jié)合視頻看看這幾個理念分別表示什么。

另外,由于 Fluent Design 的官網(wǎng)是不兼容 Chrome 的(簡直不可思議),所以需要通過 Safari 或者 Edge 瀏覽器查看。


1、Light

Image title

light

官方將 Light 解釋為“光”并且引入到了設(shè)計(jì)語言中,認(rèn)為光是一種能夠給用戶提供邀請的交互方式,通過照亮其他元素吸引用戶,同時因?yàn)樗旧砗w的“溫暖”特質(zhì)同樣能夠與“邀請”相輔相成。

Material Design 通過光引入了 Shadow,而 Fluent Design 引入了 Light,不得不說它們都希望把自己的設(shè)計(jì)語言立意在大自然的基礎(chǔ)上,從而更貼近人們的生活,在交互中盡可能調(diào)用用戶的“自主心智”理解設(shè)計(jì)。


2、Depth

Image title

depth

對 Depth 的理解與官方解釋基本一致,F(xiàn)luent Design 同樣打破平面理念引入了三維空間的概念,將 Z 軸也考慮到了設(shè)計(jì)和交互中(類似 Material Design 的 Elevation),從而增加設(shè)計(jì)載體的空間,讓更多設(shè)計(jì)的交互體現(xiàn)方式與生活相輔相成,同樣也是為了在 VR/AR 中能夠采用這套設(shè)計(jì)規(guī)范。


3、Motion

Image title

motion

動效以及運(yùn)動模式已經(jīng)成為了一個優(yōu)秀產(chǎn)品必不可少的一環(huán),同樣也類似 Material Design Motion 一樣,F(xiàn)luent Design 應(yīng)該也會在這塊提出更多的合理指導(dǎo)意見,從而讓自身平臺產(chǎn)品在運(yùn)動模式這塊有更多參考。


4、Material

Image title

material

從官方解釋來看,Material 這個特性是為了強(qiáng)調(diào)設(shè)計(jì)語言中關(guān)于材料的概念,在符合條件的產(chǎn)品中采用自然界中與其相契合的材料表現(xiàn)(例如毛玻璃材料、紙張材料等),從而給用戶合理的心理感知和體驗(yàn),這也是將設(shè)計(jì)與生活以及自然界結(jié)合的一種理念。


5、Scale

Image title

scale

視頻在這里引入了幾個不同規(guī)模的交互場景(小屏幕觸控、VR 大場景交互),意義應(yīng)該是要表明該設(shè)計(jì)語言能夠 cover 住所有規(guī)模的場景設(shè)計(jì)需求(果然野心夠大),看了下官方對這個理念的解釋,基本契合。


最后我們再看看視頻結(jié)尾的一些基于該設(shè)計(jì)語言制作的演示內(nèi)容:

Image title

Image title

Image title

Image title

Image title

Image title

Image title

演示中甚至涵蓋了 VR 和 AR,看來微軟這次確實(shí)在下一盤大棋,雖然有些都是概念設(shè)計(jì),但是設(shè)計(jì)界就是需要有這樣的突破性思維和想法,才有可能創(chuàng)造出更富有前瞻性的設(shè)計(jì)語言。


非常期待 Fluent Design System 能夠給設(shè)計(jì)界帶來如何的改變。

Fluent Design System 官網(wǎng)(不兼容 Chrome,可以用 Safari 正常瀏覽)。





更新:2017-05-25

收藏

29人已收藏

benz

杭州西湖區(qū)招插畫師,作品發(fā)郵箱 ben@8btc.com

  • 94

    作品

  • 3534

    粉絲

  • 0

    關(guān)注

  • Material Design 2018,更新內(nèi)容總結(jié)
  • Wedding website practice :)
  • Traffic tools animation(附源文件)
  • Codeages Design Web中后臺設(shè)計(jì)規(guī)范

    猜你喜歡

      Microsoft Fluent Design System

      0.0°

      你確定要舉報Microsoft Fluent Design System

      如果查出惡意舉報,十天內(nèi)禁止提交任何舉報申請。

      0/200

      上傳證據(jù): 超過10M的附件請使用網(wǎng)盤地址

      點(diǎn)擊上傳附件

      對誰可見:

      全部設(shè)計(jì)師
      • 全部設(shè)計(jì)師
      • 推薦設(shè)計(jì)師和認(rèn)證設(shè)計(jì)師

      您確認(rèn)要推薦?

      該作品發(fā)布時間:2017年05月15日

      評分

      完整度

      啟發(fā)性

      勤奮性

      排版布局

      推薦心得

      建議20-200字以內(nèi)

      0/200

      48
      29
      0

      賬號或密碼錯誤,請重新輸入

      賬號或密碼錯誤,請重新輸入

      登錄

      手機(jī)號

      發(fā)送驗(yàn)證碼 120s 驗(yàn)證碼錯誤

      登錄
      第三方賬號登錄