2017 Material design 第一章第一節《介紹》

D27發表於2019-02-26

第一章節《Material design》

一、介紹(Introduction)

譯者注:關於“Material”如何翻譯、解釋,看看這篇報導。以下是擷取部分:
谷歌的設計師們仍舊不願為這個全新的虛擬物質命名,而這個決定也為他們提供了更多的靈活性,讓他們能夠進一步加深形而上學神祕主義的色彩。此外,不命名這個決定之所以很重要的原因在於,這個物質雖然遵循著一些物理規則,但是其並不會走入擬物化設計的圈子裡。按照杜亞特的說法就是,這個物質並非實體紙張一對一的仿造品,而是「魔法紙」。

同時引用維基百科對於“Material Design”的解釋:

Material Design (codenamed Quantum Paper) is a design language developed in 2014 by Google. Expanding upon the “card” motifs that debuted in Google Now…
譯:Material Design(代號Quantum Paper),Google在2014年釋出的一門設計語言。其靈感來源於 Google Now中“card”的聯想…

譯者注:在Material Design原文中,“object(物件)、element(元素)、surfaces(面)”其實就是描述material的不同狀態,準確點說應該是不同語境下的material。比如在講到某個應用頁面的時候,我們可能更傾向於表達這是介面中的“element(元素)”,在對整個抽象概念描述的時候,我們更傾向於表達為“object(物件)”…所以在翻譯過程中難免會出現混淆概念的地方,希望各位諒解。

為了使用者,我們挑戰自我去建立一門綜合了經典設計法則和最新科技理念的視覺語言,它就是Material design。這份設計規範文件將隨著我們對Material design的探索而不斷迭代、升級。

目標(Goals)

融合經典的設計法則以及前沿的科學技術去建立一門新的視覺語言。

建立一個能夠統一跨平臺和不同尺寸裝置之間體驗的底層系統。基於移動端的基本準則,充分利用好觸控、聲音、滑鼠和鍵盤輸入方式。

原則(Principles)

Material的隱喻特徵(Material is the metaphor)
利用material的隱喻能夠幫助搭建合理化的空間以及系統的運動方式。Material是基於真實的觸控感知,這一靈感來源於我們對紙和墨水的研究,我們相信,隨著科技的進步,其應用前景將不可估量。

把material想象成真實存在的有形物體,它的面和邊緣能夠為使用者提供視覺暗示。同時,利用符合使用者現實經驗的觸覺特徵有利於幫助使用者快速的理解和認知。歸功於material本身的靈活,我們能不斷從中創新,但是這些創新都必須嚴格遵循客觀世界的物理規則。

藉助現實世界中光照對物體的影響和物體的面和運動的原理,能有效的向使用者解釋並傳達物體是如何變化,物體是如何相互作用以及在空間裡面物體之間的關係。引入真實的光照,能夠區分物體間的層級關係,幫助劃分空間以及暗示物體間的運動。

醒目、生動、帶有目的性(Bold, graphic, intentional)
借鑑平面(印刷)中的排版、柵格、空間、尺寸、顏色以及影像(具有象徵意義)等設計元素,能幫助改良視覺設計。合理的組合、使用這些設計元素能向使用者表達更多深層次的東西,提供引導、表明意圖、引起注意等等。比如通過利用顏色,無邊框的影像,大面積的排版和留白能創造出醒目、生動且體驗極佳的使用者介面。

眾所周知,使用者行為非常重要。為此需要凸顯核心功能,提供使用者操作引導。

動效的引導(Motion provides meaning)
動效需要引導使用者去完成目標。在一些重要的使用者行為發生的時候,我們能使用動效去引導、暗示使用者。

所有動效的發生必須在同一個空間裡面。保證動效發生時不會打斷使用者體驗。

動效的存在應該是合理、有意義的,動效的使用應該能夠吸引使用者注意力和保持使用者關注。其中,反饋的動效應清晰明瞭,不誇張。轉場的動效需連貫一致,條理清晰。

相關文章