Google材料設(shè)計的精髓

0 評論 4663 瀏覽 2 收藏 9 分鐘

簡單而言,Google推出了材料設(shè)計,來統(tǒng)一Google各平臺上的用戶體驗。另外,通過技術(shù)手段,使用戶界面更簡潔、易懂和直觀,這項統(tǒng)一化舉措旨在提升整體的用戶體驗。

告訴我,何為Google?

Google是家非常大的公司,包含了搜索引擎、瀏覽器、筆記本電腦、操作系統(tǒng)、眼鏡、手表和多種科技。對于一家名下?lián)碛羞@么多科技產(chǎn)品的公司而 言,只有使得各種設(shè)備和交互的體驗保持同步,才是唯一有意義的事情。材料設(shè)計遠非一套新UI;它是整個Google的(嶄新)體驗。

 

material design Google材料設(shè)計的精髓

材料設(shè)計的重要一環(huán),是用戶與各種科技產(chǎn)品交互的方式,這種方式使他們以無縫的流程進行交互。比如你正在寫一封電子郵件,尚未完成時,你就從電腦旁 走開了,它還開在那里。你能在手表、手機或平板上繼續(xù)寫作,無需擔(dān)心將它存為草稿,同步,找到它,再從你停止的地方繼續(xù)。再舉個例子:你剛剛到家,首先彈 出的電子郵件來自你的朋友和家人,而不是工作郵件,因為Google的技術(shù)知道,家庭時間中,不該用工作來煩你。這些技術(shù)與UI沒有關(guān)系。材料設(shè)計說的是 Google如何通過使技術(shù)更聰明,來改善你的生活。

材料設(shè)計的UI

既然材料設(shè)計會成為Google界面的主旋律,很有必要了解他們是如何開始打造它的。打造材料設(shè)計的重要部分,就是真實世界。Google搜索部門的設(shè)計主管Jon Wiley告訴Fast Company:

“當(dāng)你創(chuàng)造時,你繼承了千百年來的專業(yè)知識。但軟件設(shè)計才剛剛起步?!?/p>

單單這條陳述,意味著創(chuàng)造材料設(shè)計的UI過程中,他們想要打造非常杰出、令人難以置信的東西。不論如何,他們需要一些嚴肅的調(diào)研,來得出什么能給材料設(shè)計帶來這樣的設(shè)計影響力。Wiley又解釋道:

“我們退后了一步。我們看著所有的軟件,提出疑問,這是由什么做成的?”

卡片式影響設(shè)計

Google想要把他們對真實世界的理解,帶入到數(shù)字世界中。你可能記得,Apple因為試圖通過擬物化設(shè)計來達成這一點而聲名狼藉;在Google眼中,擬物主義在正軌上,但已經(jīng)無法超越。材料設(shè)計中沒有花哨的紋理,UI干凈而簡潔。對于材料設(shè)計而言,擬物主義過于浮夸。但是,卡片式設(shè)計是怎么融入的呢?

layering Google材料設(shè)計的精髓

卡片式是成就材料設(shè)計的重要部分。希望盡可能使數(shù)字世界接近真實世界的Google設(shè)計師們,將UI元素一層層堆疊起來——就像卡片紙一樣。這沒有 什么新鮮的,很多設(shè)計師都這么干。但是,Google多邁了一步,使用了陰影來使得UI表現(xiàn)得真像卡片紙一樣。保留真實世界對于Google設(shè)計師非洲重 要;真實世界與物理規(guī)律成了參考要點。

layers Google材料設(shè)計的精髓

研究真實世界

Google非常關(guān)注紙張,將它作為影響設(shè)計的基本。Google Android部門的設(shè)計主管Matias Duarte向Fast Company解釋道,材料設(shè)計目的在于改善像素點的形式,使它不只是具有顏色,而是通過響應(yīng)觸摸改變形狀和縱深,來影響你的屏幕。為了將最逼真的體驗帶 入數(shù)字世界,他們研究真實的紙張。設(shè)計師們制作了多層紙質(zhì)圖標,來觀察陰影是如何投射的。盡管真實的紙張無法像材料設(shè)計UI中的卡片紙那樣變形和操作,總 之它有助于研究。畢竟,材料設(shè)計在設(shè)計社區(qū)中有進展。更重要的是,發(fā)布時,它會成為Google設(shè)計的一個重要部分。即便是材料設(shè)計沒有取得進展,它仍然 對于檢驗?zāi)愕脑O(shè)計至關(guān)重要,因為它對用戶有沖擊力。

icons Google材料設(shè)計的精髓

力求數(shù)字化的物理規(guī)律

材料設(shè)計的一項重要原則,就是在數(shù)字王國中打造仿真的物理感受。這是為了給用戶創(chuàng)造某種感覺和關(guān)聯(lián),影響他們觀看屏幕、看待各種應(yīng)用交互與運行的方 式。由于物理規(guī)律并不作用于數(shù)字世界,很有必要展示出某種關(guān)聯(lián)。這么做的理由相當(dāng)簡單:為了打造“直覺”應(yīng)用設(shè)計,不得已為之。一個應(yīng)用或者網(wǎng)站,或是它 們中的某個部件,都不符合自然的直覺,設(shè)計師們不得不依靠慣例。否則,應(yīng)用和網(wǎng)站就難以使用。材料設(shè)計旨在于UI中創(chuàng)造一種視覺關(guān)聯(lián),因此用戶可以更輕易 地建立直覺感受。關(guān)鍵還在于,意識到他們希望迎合某種關(guān)系,這就是為何實際UI會有微妙的動畫、陰影和顏色,來使得與材料設(shè)計的互動更加有趣。

材料設(shè)計的精髓是什么

總而言之,Google將要通過材料設(shè)計,統(tǒng)一它各種產(chǎn)品與科技的體驗。材料設(shè)計的基本是能夠在多設(shè)備中支持無縫信息流動,并使得科技更加聰明。想一想與電子郵件打交道是多么煩人,有各種各樣單獨的電子郵件應(yīng)用;有些應(yīng)用無法跨平臺。文件分享、拍照、甚至消息也是這樣。

materialdesign goals Google材料設(shè)計的精髓

如果你的電視、手表、手機或汽車之間實現(xiàn)了同步,于你而言就輕松多了。作為用戶,你不需要擔(dān)心信息或文件是否同步到另一個設(shè)備,在家也不會被工作郵件轟炸,反之亦然,昨晚發(fā)你的圖片也不會在你工作時彈出。

材料設(shè)計遠不止優(yōu)雅的UI(不管它實際看起來有多優(yōu)雅)。Google當(dāng)下的所作所為,其中的干貨就是他們在追求整體體驗。最重要的是,他們在試圖提升人們使用科技的方式,并使它更簡單和優(yōu)秀。

結(jié)論

Google,偉大的巨人,宣布他們將要在多平臺推行材料設(shè)計。仔細想想,他們有如此眾多的科技產(chǎn)品,只有提供統(tǒng)一的交互體驗才有意義。你覺得材料設(shè)計如何?你覺得統(tǒng)一和提升Google產(chǎn)品的用戶體驗是個好舉措嗎?

#專欄作家#

可樂橙,微信公眾號:可樂橙(colachangreen)。人人都是產(chǎn)品經(jīng)理專欄作家,UI/UX設(shè)計師,關(guān)注互聯(lián)網(wǎng),關(guān)注科技?,F(xiàn)居杭州,與小伙伴們正在創(chuàng)業(yè)途中。或許不是一名優(yōu)秀的設(shè)計師,至少是個快樂的設(shè)計師。

轉(zhuǎn)載請保留上述作者信息并附帶本文鏈接

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!