谷歌設計副總裁:Material Design是這樣誕生和命名的

2020-12-05 IT之家

如果將設計和 Google 聯繫在一起,你在第一時間裡會想到什麼?

近日,一場以「加州:設計自由(California:Designing Freedom)」為主題的展覽,在英國倫敦的設計博物館(Design Museum)拉開序幕;作為加州的一個重要成員,Google的不少設計元素也在該展覽中亮相。

這些元素包括了Google推出的一些硬體產品,比如說Google母公司AlphaBet旗下的自動駕駛公司Waymo所研發的自動駕駛汽車(這是該汽車第一次在公共場合露面),Google Cardboard,Google街景360度攝像頭。

當然,也包括以非硬體形態存在的產品,比如說Google搜尋引擎、Material Design設計語言、Google Maps等。

不過,在Google設計副總裁 Matias Duarte 看來,這次展覽之所以令人興奮,是因為它能夠讓人們去深入地了解軟體(這裡所說的軟體,是相對於硬體而言的其他產品形態)的設計過程。為此,Duarte還接受了策展人Justin McGuirk的採訪,雙方針對加州和Google的相關設計問題進行了探討。

(Matias Duarte)

雙方探討的第一個問題是對加州(主要是指矽谷)作為一個設計中心的質疑。

Duarte表示,設計是關於人類體驗的;而開發軟體本身就像製造飛行器一樣,一開始的任務只是在考慮飛機的起降,而人類體驗並不會被置於優先位置;但是一旦有了乘客,你就不得不考慮諸如美觀、舒適等方面的問題。由於軟體是一種全新的產品形態,矽谷在軟體的交互體驗方面還沒有成熟,因此經常會出現一些非常愚蠢的表達方式。

不過,Duarte認為,這種情況正在改變。

隨後雙方將話題轉移到了Material Design。Duarte表示,他作為設計部門的負責人,開始與Google設計團隊尋求一種全新的設計系統,讓它能夠同時適用於Android、iOS和Web,並能夠讓所有人輕鬆上手使用;這個設計系統就是後來的Material Design。隨後,Google上至重大產品,下至一個標幅,都隨之進行了更新。

Duarte表示,在上述事項完成後,他來到剛剛Google CEO Sundar Pichai面前,告訴他:如果Google真的想要讓它成為切切實實的改變,那就不能讓Material Design成為一次性的產品;而應該把它變成一項持續的努力。

至於Material Design這個名字的由來,Duarte的說法是:

我們一直在思考,我們到底希望設計師如何來看待它。而它在被命名之前,已經擁有了幾個維度:空間、形式、動作。而採用Material Design這個名字的隱喻是:就像建築設計師或工業設計師在設計過程中需要用到木材、鋼材、鋁等材料那樣,空間、形式、動作等其實也可以被認為是軟體的材料,其在設計原理層面是相同的。

想看到更多這類內容?去APP商店搜 ,天天都有小歡喜。IT之家

相關焦點

  • 谷歌Material Design設計語言將用於汽車和電視
    更新的Material Design規範談到了如何將這一設計語言用於新的平臺,例如電視機、汽車中控臺,甚至谷歌Cardboard虛擬實境設備。Material Design以動畫為核心設計原則,其目的是在各類平臺和各類尺寸的屏幕上設計優美的應用。對谷歌來說,Material Design是極為大膽的一步,將統一各類平臺上谷歌應用和服務的設計語言。
  • Material design與iOS Human Interface Guidelines對比分析
    規範目標與原則Material Design(以下簡稱MD)是谷歌設計的一套視覺語言設計規範,也是Android Design演進的一種設計規範。在MD開篇,谷歌公司就表達了自己的期望:創造一種視覺語言,能夠將經典的設計原則與創新的科學技術結合起來;開發一個能夠跨平臺使用的底層系統,保證用戶在不同平臺上都能夠擁有統一的體驗。
  • 谷歌Material Design UI 真正美在哪裡?設計即功能
    而且,不止於谷歌和安卓app。事實上,多重層疊的概念並非谷歌首創,不過,谷歌對其進行了更深一層的開發——在觸覺體驗中滲入大膽活力的審美效果(本質設計)。那麼,其實,Material Design真正的優勢在哪呢?首先,我們來具體了解一下Material Design:
  • 設計即功能:淺析谷歌MaterialDesign特性
    在2014年的Google I/O大會上,谷歌發布了Android L即Android 5.0,並推出Material Design,重新統一了谷歌的設計語言,確立了谷歌設計的未來發展方向。IT之家時至今日,Android系統已更迭到7.1版本,再提起Material Design似乎有些過時了,但是我們不妨重新溫習一下這種設計語言,再回看谷歌利用這種設計理念所創造出的後代系統,似乎會品嘗到不一樣的滋味。Material Design的特點主要體現在以下幾個方面。
  • 扁平化設計與Material Design區別在哪裡?
    進入,借用Material Design層的概念,使用陰影,將數不清的圖像進行編輯和分離;斜面和動畫,它利用自然交互關聯深度與重要性。Material Design,是由谷歌開發的一套設計標準,在這個文檔中,它有無數獨特而有趣的特性,但也許是最明顯的是它提出了平面像素的Z軸概念。事實上,它在扁平化設計上面增加了一些擬物化,創造 了一種一群二維平面飛機浮動在對方指定的海拔印象。
  • Material Design 有什麼缺點?
    答|百度派 @雙馬尾蘿莉醬谷歌推出了全新的設計語言Material Design。谷歌表示,這種設計語言旨在為行動電話、平板電腦、臺式機和其他平臺提供更為一致和更廣泛的「外觀和感覺」。成功的視覺效果FAB 對 Google design 是個很好的視覺突破。平面設計中的「點線排列」概念,是一個非常靈活和突出的「點」元素,而這種強大元素的界面設計在很難出現之前。
  • 「Material Design」的九大設計原則
    谷歌發布新作業系統「 L Developer Preview」後,也同步推出了可視化語言Material Design,它的設計美學將會融入到谷歌所有的平臺之中,包括Chrome OS和網頁,它也將形成一個統一的外觀,將所有的產品捆綁在一起。
  • material2 發布 7.1.0,Angular 的 Material Design 風格框架
    Angular 的 Material Design 風格框架 material2 發布了 7.1.0 版本,這主要是一個 bug 修復版本,當然也提供了新特性和改進性能。
  • 谷歌Material Design 2曝光
    現在,谷歌可能正在開發其繼任者,採用新顏色、新圖標和新間距。由XDA開發者發現的一個Chromium提交內容揭示了一種叫做「新的谷歌Material Design 2標準」的東西,這個特定的條目描述了應用於Chrome瀏覽器地址欄上方的標籤和選項卡界面。首先是顏色,Material Design 2使用的灰色陰影跟現有的灰色不同,有些偏淺藍色的色調,如下所示。
  • 關於在iOS當中實踐Material Design的訪談
    設計這些app界面通常需要多少時間?和大家一樣,我在多數項目裡都會用到Photoshop和Illustrator,不過最近特別鍾情於Sketch。我從來無法滿足於靜態的mockup,所以涉及到動效設計時,我通常會使用After Effects。
  • material2 發布 7.0.1,Angular 的 Material Design 風格框架
    Angular 的 Material Design 風格框架 material2 發布了 7.0.1 版本,這主要是一個 bug
  • 谷歌翻譯網站正在進行 Material Design 改造
    據報導,谷歌翻譯網站正在進行 Material Design 改造,這是繼 Gmail、Google News、Google 支持頁面和個人帳戶頁面
  • 谷歌將給 Chrome 做一次全新的 Material Design
    2月份,有消息稱,谷歌將對 Chrome 動一次大手術,使用全新的「Material Design 2」UI設計語言。
  • 谷歌Material Design動效篇 - 視覺同盟(VisionUnion.com)
    觀察運動曲線,我們可以看到在運動開始和結尾處,運動速率突然的改變,這讓人感到非常的突兀、不真實。 特殊案例:進場、退場 當物體進場時,確保物體進場時處於最大速率。這樣的運動便顯得非常自然:因為物體在進場前便開始了運動,而不是進場時才開始運動。同樣的,當物體退場時,要確保物體處於最大速率,而不是減速。
  • 分析Google、微軟、蘋果設計規範的異同點
    可以看出material design是旨在解決跨設備界面和體驗的統一,讓Android設備的界面設計不在是割裂、碎片化。material design 介紹google是這樣介紹的material design的:它是一種將優秀設計的經典原則與科技創新相結合的視覺語言;開發一個統一跨平臺,設備和輸入方法的用戶體驗的單一底層系統;可擴展Material的視覺語言,為創新和品牌調性提供靈活的基礎
  • Google設計師談論Material Design
    因此,在軟體設計上,我們應該追求更加電子化的界面,不再被物理世界的規則所限制。 在這種情況下,Google的Material Design似乎是逆勢而行。它以現實世界的紙墨為隱喻,強調了陰影和層次,用動畫效果代表現實的力反饋,試圖把物理世界的規則帶回電子界面。Material Design的想法從何而來,意義是什麼?針對這些問題,TheVerge網站採訪了Google的幾位設計師。
  • Material Design設計語言-數據可視化
    在行業內還沒有一個標準的規範可參考之前,谷歌的可視化團隊於2019年6月率先開發了數據可視化設計指南。數據可視化:主要是藉助於圖形化手段,清晰有效地傳達與溝通信息。2019年6月率先開發了數據可視化設計指南。
  • 擬物與扁平之間:Google的新設計理念Material Design
    這個聽上去有些天真的問題啟發了Google主管設計的副總裁Matias Duarte,也為Google未來的設計標準打下了基礎。 「卡片下面是什麼?」Duarte按照這個思路繼續思考下去,卡片的材質是怎樣的?卡片是什麼顏色的?人們是怎樣拿起卡片的?最終,Duarte帶領一群設計師按照這個方向探索,並將其稱為「Material Design」。
  • 谷歌更新Android版辦公三件套 帶來基於Material Design的新外觀
    外媒報導稱,谷歌已經為 Android 版 Google Docs(文檔)、Slides(演示文稿)、Sheets(電子表格)應用引入了新的設計
  • [圖]Google+全面啟用Material Design元素
    據外媒報導,日前,谷歌發布了採用全新UI設計的Google+。