網(wǎng)站地圖|客服中心|設為首頁(yè)|加入收藏

行業(yè)新聞

首頁(yè) > 新聞 > 設計 > 重新關(guān)注設計,Google以Material Design打造文藝范兒

重新關(guān)注設計,Google以Material Design打造文藝范兒

Google在大眾印象中,一向與 “設計”這個(gè)帶有非理性以及更多靠直覺(jué)又有點(diǎn)文藝味道的詞相去甚遠。當這次Duarte宣布Material Design將作為Google Design的風(fēng)格,并貫徹到所有Google產(chǎn)品設備中時(shí),這意味著(zhù)人們印象中Google的形象將要有所變化了。

今年的Google I/O大會(huì )開(kāi)始之前,網(wǎng)上就放出了許多小道消息謠傳這次Google將推出一套全新的設計語(yǔ)言來(lái)統一所有的設備。Android原有的開(kāi)源設計風(fēng)格在如今的那些第三方商家手里已經(jīng)支離破碎,絲毫看不出這套設計規則能讓人肅然起敬。這就給今年Google I/O 積攢的神秘披上了許多令人期待的面紗。

帶著(zhù)好奇心,我頭一次完整地看完了長(cháng)達兩個(gè)半小時(shí)的Keynote。網(wǎng)上大家一直猜測Google會(huì )如何命名這個(gè)即將在未來(lái)統一所有軟硬件設計風(fēng)格的產(chǎn)品,就像Apple如何發(fā)揮 iOS 7的Flat Design一樣。

以前Android給我的印象是:界面的icon不嚴謹甚至有些松散,交互界面之間雜亂無(wú)章,不像iOS那么有秩序,機器與人的互動(dòng)之間有著(zhù)一些難以融合的隔膜 ……當負責Android用戶(hù)體驗設計的大主管Matias Duarte站在舊金山莫斯康展覽中心大講臺,放出Google新一代設計語(yǔ)言—Material Design演示視頻時(shí),之前Android帶給我所有負面設計的印象讓我一下拋到腦后。Material 的中文直譯過(guò)來(lái)就是 “材料 ”,官方給出的解釋是取自現實(shí)生活中的“紙墨”也就是看得見(jiàn)摸得著(zhù)的實(shí)體。

Google在大眾印象中,一向以高度發(fā)達的人工智能和接受數以萬(wàn)計的龐大數據能力著(zhù)稱(chēng),而在 “設計”這個(gè)帶有非理性以及更多靠直覺(jué)又有點(diǎn)文藝的味道上,顯然和Google的理性工程思維的關(guān)系相去甚遠。當這次Duarte宣布Material Design將作為Google Design的風(fēng)格,并貫徹到所有Google產(chǎn)品設備中時(shí),這意味著(zhù)Google在人們的印象中,不僅僅再只是一家工程的數據型的公司。

向紙墨學(xué)習什么

在Material Design Guidelines里,官方給出的如何體現紙墨的含義,是從物理空間的動(dòng)效來(lái)闡釋?zhuān)纾航缑娴囊曈X(jué)光效、空間的表面質(zhì)感和交互的動(dòng)畫(huà)運動(dòng)感等三個(gè)規律來(lái)表現。在交互界面上要圍繞這三點(diǎn)的原則來(lái)設計一套新語(yǔ)言,這就必須重新思考整個(gè)底層架構,而Google借鑒了傳統的平面印刷設計。

提到“平面”眾所周知,這個(gè)詞已經(jīng)存在了上百年歷史,它的實(shí)用性生活中隨處可見(jiàn),如:路邊的公交牌、機場(chǎng)大廳的指引路標、品牌的包裝盒……它的作用與辨識度在日常中不言而喻,正是出于這種普遍性,如今各大商家都開(kāi)始從這里面尋求差異化的設計突破,如:Windows Modern和接近這套理念的iOS 7 。

回顧過(guò)去這三大陣營(yíng)的設計理念,各個(gè)風(fēng)格迥異:Holo永遠會(huì )在原有的icon上疊加幾何圖形的立體視效、Modern徹底引入平面識別系統將屏幕的每處像素都貢獻給內容、iOS 7之前則以Skeuomorphism模仿真實(shí)的事物實(shí)現人機界面交互的簡(jiǎn)易性。當傳統平面的概念沒(méi)被微軟先入為主足夠引起行業(yè)震動(dòng)、App Store的概念剛出來(lái)時(shí),“用戶(hù)體驗”在2009年那段時(shí)間還是一個(gè)很新鮮的詞,產(chǎn)品的文化與感情表達還不像今天這么泛濫。這就會(huì )帶來(lái)一個(gè)疑問(wèn):從什么時(shí)候起大家開(kāi)始關(guān)注設計、開(kāi)始用技術(shù)之外的“感情”因素來(lái)做產(chǎn)品?

2007年iPhone的發(fā)布之后誕生出App Store的概念,手機也可以像PC一樣使用。這促使第三方開(kāi)發(fā)者可以不用再受限于Windows和渠道運營(yíng)商,直接將寫(xiě)好的軟件放在A(yíng)pp Store這樣類(lèi)似的移動(dòng)平臺里自由交易,當軟件的數量倍增使用的人嘗到甜頭,平臺的力量隨著(zhù)用戶(hù)與開(kāi)發(fā)者的利益相互滿(mǎn)足,其影響力也隨之越強,優(yōu)秀的軟件并隨即而生,這就形成三者共贏(yíng)。

截止到今年Apple付給開(kāi)發(fā)者的支票達百億以上的規模,這就引來(lái)許多開(kāi)發(fā)者愿意在移動(dòng)平臺里花精力去設計一款優(yōu)秀軟件,然后專(zhuān)門(mén)給這些呈規模效應的平臺設計App并可養活一個(gè)事業(yè),而作為產(chǎn)品的另一個(gè)不可或缺的重要角色—設計師,并可以得到發(fā)揮。當所有這些平臺、用戶(hù)、開(kāi)發(fā)者形成一個(gè)良性循環(huán)發(fā)展時(shí),大家的精力可以聚焦在產(chǎn)品上,而打造產(chǎn)品除了用工程的邏輯思維編寫(xiě)出每個(gè)功能步驟外,產(chǎn)品的美觀(guān)、文化、可操作性就需要用優(yōu)秀的設計體驗來(lái)完成。

當Apple掌控軟硬件取得空前的成功后,設計不只是再表現于皮膚表面之外,而應在里面融入通常大家所熟知的:文學(xué)、歷史、音樂(lè )和藝術(shù)等等人文的主觀(guān)性感受,這些非理性的感情因素,致使大家開(kāi)始關(guān)注產(chǎn)品的人文精神。

迫于競爭的壓力,這就是為什么微軟在2010年將Windows Phone從瑞士平面里獲取設計Modern的靈感引用到Windows 8的原因之一,后來(lái)Apple也將自己一手培養起來(lái)的Skeuomorphism由Jony Ive領(lǐng)導改頭換面,以至于今天Google也要開(kāi)始從傳統的紙墨文化概念里面尋找出路。

Google是如何將傳統“紙墨”的定義和產(chǎn)品聯(lián)系在一起?從Material Design Guidelines里面可以看到,下拉菜單和主界面的組成通常是一張張排列整齊的卡片來(lái)銜接,卡片承載的信息量貫穿始終?ㄆ降脑O計由來(lái)已久,在Web、移動(dòng)客戶(hù)端我們隨處可以看到它的身影,而唯獨Google由這種風(fēng)格貫穿徹底,因為卡片不像網(wǎng)頁(yè)沒(méi)有邊緣界線(xiàn)可以無(wú)限延伸,它的特征跟我們用到的便條、普通紙張一樣有實(shí)際的邊界數量,像紙一樣可以折疊、收放自如。

卡片、紙,這兩者相同的特征可以將它們聯(lián)系起來(lái),它們的簡(jiǎn)潔、易用性不容置疑。所以,卡片與紙的聯(lián)系可以看作Google從傳統紙墨里學(xué)習材質(zhì)的典型。

平面、卡片、抽象

平面——在人的潛意識中就是將所有看到的立體的三維影像轉換成一個(gè)面,這個(gè)面里沒(méi)有它受外界反射出來(lái)的強光和陰影,一切受自然規律所帶來(lái)的透視將不復存在。在這樣一個(gè)由四個(gè)基點(diǎn)所組成的空間里,人眼所觀(guān)察到的永遠只有一個(gè)角度,而在這個(gè)空間里的所有物體也只有一個(gè)面,所以當我們在這個(gè)空間里面做任何判斷時(shí),你所反應的圖形就必須最能代表它本身的特征。

Google通過(guò)平面識別系統里的點(diǎn)、線(xiàn)、面三者間的聯(lián)系來(lái)塑造Material Design,它跟Windows Modern不同的是, Google終始保持界面的交互流程秩序,左右有規則的對齊留白、上下的比例對稱(chēng)以及用懸浮在界面分割上下左右關(guān)系的圓形操作按鈕。Google的這套用“線(xiàn)” 區分界面區域、用“點(diǎn)”控制功能的流程、用“面”滑動(dòng)界面的切換等有序的設計來(lái)顯現Material。當這種整齊的排版讓人一目了然時(shí),并形成了Google自有的風(fēng)格——卡片。

卡片的形成對于Material Design的重要性顯而易見(jiàn),更可以說(shuō)是這套風(fēng)格的逐漸成形才有了Google對統一設計的野心,這就不免讓人聯(lián)想到去年Google Maps的改版,原先左側的狀態(tài)欄連同頁(yè)眉的搜索欄一同被重新設計在一個(gè)搜索框里,并將它的位置放置在頁(yè)面左上角,所有的地圖功能信息都隱藏在這個(gè)搜索欄里,然后以卡片的交互方式呈現所有的信息。Google Maps的這次改版可以看出Google早已為這套新語(yǔ)言 Material Design鋪路。

如果用卡片來(lái)代表Google Design,那么平面和抽象分別對應微軟的Modern和 Apple的iOS,Google的卡片既不像微軟將所有帶邊框的分界線(xiàn)從屏幕里徹底拿掉,把每一寸像素騰給內容,也不像Apple在拿掉紋理和光影的基礎上添加時(shí)尚動(dòng)感的漸變和抽象符號,Google更想用親和力的卡片式風(fēng)格樹(shù)立Material Design的統一跨平臺之路。

  • 基于用戶(hù)創(chuàng )新

    界面設計日新月異,夢(mèng)創(chuàng )義堅持基于用戶(hù)需求的界面創(chuàng )新設計……

  • 服務(wù)設計思維

    互聯(lián)網(wǎng)的格局發(fā)生的改變,在我們進(jìn)行設計服務(wù)時(shí)更是考慮不同用戶(hù)、不同……

  • 洞察用戶(hù)心理

    洞察用戶(hù)有意識和無(wú)意識的行為以及心理特征通過(guò)構造一系列的服務(wù)來(lái)促進(jìn)……

  • 查看更多 >>

最新新聞Latest News

中小型企業(yè)網(wǎng)站建設完應該如何營(yíng)銷(xiāo)
很多中小型企業(yè)往往糾結于以下10個(gè)問(wèn)題:一、我們起步比別人晚,我們的……
做企業(yè)網(wǎng)站到底做給誰(shuí)看?
設計經(jīng)常時(shí)不時(shí)的遇到一些企業(yè)客戶(hù),常常搞不清楚誰(shuí)會(huì )真正看你的企業(yè)網(wǎng)……
傳統企業(yè)進(jìn)軍移動(dòng)互聯(lián)網(wǎng),從移動(dòng)云網(wǎng)站開(kāi)始
移動(dòng)互聯(lián)網(wǎng)是移動(dòng)通信和互聯(lián)網(wǎng)融合的產(chǎn)物,其發(fā)展的重要基礎便是智能手……
網(wǎng)站建設和運營(yíng)五大細節決定用戶(hù)黏性
網(wǎng)站的成功離不開(kāi)搜索引擎優(yōu)化,更離不開(kāi)最基礎最根本的用戶(hù)群體,如何……
2015年值得關(guān)注的電子商務(wù)5大趨勢
線(xiàn)上線(xiàn)下銷(xiāo)售的界線(xiàn)正在變得越來(lái)越模糊。在2015年,這一趨勢仍將繼續!

本站搜索關(guān)鍵詞:重新關(guān)注設計,Google以Material Design打造文藝范兒 | 北京網(wǎng)站建設 | 北京網(wǎng)站建設公司 | 北京網(wǎng)站建設中心 | 高端網(wǎng)站建設 | 電商網(wǎng)站建設 | 企業(yè)網(wǎng)站建設 | 手機網(wǎng)站建設 | 微站官網(wǎng)建設

銷(xiāo)售熱線(xiàn)

7x24小時(shí)全國售前咨詢(xún)熱線(xiàn):010-57281389

7x24小時(shí)全國售后服務(wù)熱線(xiàn):13020085953 15313016798

手機 | 微信同號:18600846206   QQ:523313456

立即咨詢(xún) 網(wǎng)站建設業(yè)務(wù)咨詢(xún)|客服熱線(xiàn):010-57281389 13020085953

點(diǎn)這里給我發(fā)消息 電子郵箱:cnet99@cnet99.com

營(yíng)業(yè)地址(東部):北京市朝陽(yáng)區伊莎文心廣場(chǎng)A座3層B-22

位置分享

營(yíng)業(yè)地址(西部):北京市豐臺區汽車(chē)博物館東路1號諾德中心9-605

標準網(wǎng)站,網(wǎng)站建設,域名注冊,虛擬主機,獨享主機,企業(yè)云郵箱,網(wǎng)站維護一條龍,北京網(wǎng)站建設中心


  掃一掃 加微信
  微信號:cnet99com

  掃一掃 加關(guān)注
  微信平臺

天潤智力-專(zhuān)注于互聯(lián)網(wǎng)平臺建設與服務(wù)領(lǐng)域 中國互聯(lián)網(wǎng)平臺建設服務(wù)提供商

萬(wàn)網(wǎng)阿里云金牌首席合作伙伴站點(diǎn) 全線(xiàn)代理萬(wàn)網(wǎng)阿里云產(chǎn)品及服務(wù)

中國萬(wàn)網(wǎng)正式通過(guò)ISO9001國際標準質(zhì)量體系認證

Copyright©1999-2024 天潤智力 備案/許可證編號 京ICP備2020040216號-3

公安部備案號 11010502032413