2018年5月9日凌晨1點，Google 開發者大會上對 Material Design 做了更新的講解，其中令我印象深刻的是 Google 對圖形語言單獨拿出來做一個模塊來解釋，如下圖我標紅的地方。
對！就是這個 SHAPE 的單詞，為什麼我會如此看重，大家應該知道構成設計語言的四大基礎原子是：字體/顏色/網格系統/圖形，這裡的圖形包括圖標和一些輔助圖形。它有什麼不同呢？大家看之前以往的版本，材質設計語言裡面沒有單獨去說形狀這一元素，當然也有做的比較好的產品，比如韓國的29cm和11街，國內天貓、網易蝸牛讀書等等。
圖形語言對我們產品影響極其大，之前網上也有這樣的文章，比如提取 logo 上面視覺基因，然後運用到圖標裡面。對，這個沒錯，但是我覺得不夠好，不全。今天和大家一起來分析下 Google 是如何做的。
一、我對圖形的瞭解
圖形無處不在，人眼對圖形的識別能力遠遠高於字體，圖形便於記憶，傳播，這就是為何每次做 LOGO 時候都需要去考慮圖形延展。目的為了傳播品牌，在用戶心中打造產品形象，比如可口可樂弧線，阿迪達斯，蘋果 logo 這些國際性大牌子的 logo 都是易於記憶與傳播的。
那麼在產品設計中如何體現呢？比如我們常用在圖標裡面去展現一些品牌元素，比如天貓貓頭直接和圖標融合，這是一個很成功的例子。還有韓國的 Genie 音樂產品也是直接 logo 和圖標集合。
那麼僅僅只是這些嗎？當然不夠，如果我們想傳達我們產品的品牌理念，深入到用戶心中，只在圖標裡運用是不夠的。比如可口可樂每年做產品運營推廣，不斷大量的重複它 logo 弧線元素，這樣能長期在用戶心中形成記憶點。
二、Google是如何做的？
Google 這次讓我們打開眼界，下面是 Google 的原話：
形狀可以引導注意力，讓用戶易於識別組件，溝通狀態和品牌語言傳達。
對此有了一些更深刻的認識，其實形狀運用不止我們平常所理解的，下圖是來自材質語言的截圖。
△ 圖片來自 Google
Google 的想法非常大膽，一個方形的變化，延伸出不同的形狀，當然並不是單獨一個產品設計裡面放這麼多形狀，而是不同產品，運用不同的圖形，傳達其特殊品牌調性，大局統一，局部戰略調整。
比如上圖中凹槽圖形用在主 TAB 上，形成視覺焦點，容易吸引用戶去關注它，一般核心功能會如此設計。
Google 已提到了可以用於區分不同組件，這觀點我很贊同，之前我對愛奇藝做了視覺分析，發現它們一級導航和二級導航樣式一樣，那麼用戶該如何區分？
圖形可以用於表達某一正在交互的狀態，比如選中狀態，當然並不是單獨去使用，Google 特定強調了，需要和其他視覺元素集合起來使用，比如顏色。比如我們的 check box 控件，選中前後狀態不一樣。不過 Google 這個是否略顯誇張些？
最後，比如還可以用於表達品牌語言，那麼圖形來自哪裡？用在哪裡？
如上圖是一個 Crane 的應用，他們 logo 是中間一個圖形加外帶橢圓底。
這裡 Google 提取了橢圓作為視覺 DNA，並沿用到產品的每一個控件。
同一產品多終端統一符號語言。
如下圖提取 LOGO 關鍵特殊符號。
下圖 Shrine 提取菱形稜角圖形運用到產品設計細節裡面。
其實說實話，對於品牌 DNA 的延續早在年初的時候就思考過，如何去把品牌語言在產品設計裡面體現？
我當時理解是，首先要了解我們的品牌核心是什麼？我們的品牌理念、品牌solgan，我們要給用戶傳達一種什麼樣的情懷，然後如何去巧妙提取產品 logo 裡面的視覺基因，比如某一圖形元素，比如線條/點/某一特殊圖形符號，這圖形一定是易於延展，拓展性強的。
然後運用到產品的每一個細節裡面，比如圖標，按鈕，異常狀態，啟動頁，運營banner，情感化設計等等，如今 Google 已經去這樣做了，而且做得很系統，包括動效都有規範。
當時也有一些產品已經這樣做了，比如韓國29cm，設計細節非常好，圖形運用非常到位。國內天貓貓頭運用也是滲透到產品裡面去了，Google 這次又給我們一些大膽的思考，能運用這麼廣的範圍。
三、需要注意的點
Google 舉了幾個反面例子，我們在提取圖形或者使用時需要注意的幾點，如下：
注意圖形的指向性和觸摸大小，千萬別影響用戶正常使用
同一含義的組件樣式必須一致，
別使用形狀來暗示其他含義。 這個對話框的形狀表明它與它背後的卡片相關。
總結思考
Google 的本次材質設計語言的更新，我相信後續會有一些產品為了打造一些品牌調性，也會慢慢去融入更多的品牌符號語言，當然我們一定要剋制與統一，這是最難做的一部分。雖然 Google 此次系統性的解釋圖形的意義及延伸使用，但是某些地方稍微有些過了，所以我們在設計提取 DNA 時候需要剋制與統一，那麼我們可以從中吸取學習到如何才能讓我們的產品更加差異化。在同質化的今天，你是如何打造個性化與具有調性的產品呢？
如今 AI 已來臨，機器人對設計影響極其大，從 Google 本次更新迭代中就大量提到了 AI 對產品的影響，以及如何去學習用戶的習慣，然後預測用戶的下一步需求，以後產品會越來越智能，越來越瞭解人性，除了硬件的升級，研發能力加強，我們也要多去思考，如何打造獨具匠心的產品。如何打造一個無縫體驗，多平臺，跨語言產品視覺統一體驗。
這方面跨平臺多終端體驗，蘋果已經做得很不錯了，當然還有 soptiy 音樂產品無縫跨平臺，聽歌/切歌/選歌體驗。相信這只是一個開始，後續會有更多精彩。
閱讀更多 河北華信智原 的文章
