【視訊】Material Design設計規範的誕生

 

Material Design 的誕生可以說是機緣巧合，但也是必然的。 我們的團隊最初並沒有這樣的一個概念，僅僅是一群設計師們為了將工作完成得更好做了許多的嘗試之一。而隨著事情的脈絡不斷清晰及條理化，我們開始意識到，這不僅僅是關於 Android，或者 Google 的設計方案，而是一個跨平臺的設計框架。

 

△ Material Design，一個跨平臺的設計框架

在不斷探索的過程中，我們當然碰了很多次壁，然後約翰想出了一個辦法 —— 量子紙 (Quantum Paper) —— 這是一個類似於 “紙” 的概念，但這些 “紙” 是智慧的，它能提供一個視角，讓您看到介面是如何運作的，以及為什麼會這樣運作。

△ Quantum Paper，似紙又不是紙

隨後我們發現，在裝置內部其實還留有一點空間，於是我們充分利用這一點，在表層之下創造出一個架構，就像是遍佈身體內部各處的骨骼一般。

 

△ 介面的內部架構之所以存在層級，完全是因為我們覺得 “有空間”

這是一個不斷嘗試、不斷試錯的過程。說到底，早期的 Material Design 不過是一個實驗 —— 我們不斷的思考，拋棄以往束縛我們的 “務實” 的想法，自由地闡述自己的觀點和理念。

△ 團隊頭腦風暴

我們數十次架起燈光架，嘗試著去理解光影的運作原理 —— 這有助於讓我們真正深入的去思考如何傳達介面。

 

△ 探索光影的運作原理，注意每一張紙片的傾角都被刻意控制在 45 度

而在這個過程中，確實發現了一些有趣的、平時不容易感受到的小細節。

 

△ 真・圖示設計。和畫出擬真的 UI 相反，我們用真實的材料做出抽象的圖示實體

而在懸浮動作按鈕 (FAB) 的設計上，我們拋棄了以往那種四五個按鈕那樣讓人糾結的做法，而是賦予一個按鈕強大的功能。甚至在按壓觸感的設計上，採用了反向思維方向，利用 “吸附感” 來實現 “按壓感”。

△ 按壓觸感設計，所以按鈕的懸浮是因為被您的手指 “吸” 住了呢

不僅僅是 motion，為了讓整個系統更為穩健，我們還需要考慮到外觀設計方面 —— 排版、字型、圖片及配色等等。

我們創造了一個色譜 —— 在其中選擇主色調，然後使用一個重點色，即使對於色彩應用沒有太多經驗和概念的人，也能輕易建立出協調的色調組合。

 

△ 色調組合示例

我們的字型設計師則嘗試著不斷賦予那些字型更多的需求、引入更多的形狀因子，不斷改進和更新，讓那些字型真正的 “活” 過來。

△ 字型設計

當然除了這些，還有更多不為人知的努力。但令人欣喜的是，我們的 Material Design 設計規範成功釋出了，許多的設計師已經應用它設計出了偉大的作品。

然而，這不是結束。我們仍然需要不斷的重新評判、重新思考，讓它隨著不斷更新的技術和理念而不斷進化，讓 Material Design 幾年乃至幾十年後都不過時 —— 我們相信設計的背後總有一些原則是不朽的。而不斷尋找這些真理就是我們的目標。

更多細節，請移步完整視訊。希望更多的設計師和開發者，能活用 Material Design 設計出偉大的作品！

推薦閱讀：

新興市場裡有十億使用者在等著您的應用！

【中文視訊首發】今年I/O上我們針對VR/AR講了很多

使用新的 Material Design 工具擴充調色盤

講真，我們現在能手把手幫您做Material Design設計了

Material Design 設計師分享如何快速入門 UX 設計 | Google Play 開發者 FAQ 特別篇