Google的視覺設計理念
在品牌塑造上，Google已被證明做得極為成功，而且在視覺表現層面，Google系產品具備著“一致性”和“連貫性”，這讓Google獲得了品牌識別上的利益。
原文: Behance
來源: 中國郵箱網
2012年，Google開始在實驗室內部推行一個“Google”式的視覺設計指引，幫助Google的設計師和合作伙伴們更好的學習和理解Google的風格語言，Google的創意總監Chris Wiggins率領團隊完成了這樣一份指引，這里摘錄部分精華內容，用來學習和分享。
和大家更為熟知的Google Doodle不同，在產品視覺的設計上，Google犧牲了個性，保留了更多來自極客的嚴謹和細致。
產品的icon是google的可視化表達元素。它們簡潔、現代、友好、有時候有點小詭異。產品icon通常高度直白，接近本質，所以它們可以縮小到很小的尺寸使用。而有時候，部分產品icon也會比較字面化，但是它們也依舊可以起到象征產品形象的目的。
設計準則：化繁為簡——過于飽滿的設計其實并不利于用戶迅速建立識別度，作為崇尚極簡主義的Google，這個習慣從PC一直帶到了Android。
設計準則：幾何圖形——Google認為幾何圖案是科技領域的最佳表現，既不失工業、理性，也能發揮一定的創意。
設計準則：保持正面——“Z軸”在Google的設計風格中是大忌，立體的視覺效果可以通過陰影等元素來體現，過于擬物和真實有違Google的數字基因。
設計準則：直線陰影——通過陰影來表現立體質感的時候，使用直線的陰影，杜絕漸變或是曲線的陰影，這也是“簡化思路”的實踐。
色彩：調色原理——Google反對貿然使用新的顏色，就像畫家通過調色板來將一種色彩調出更多深淺不一的顏色，Google也喜歡使用“透明度”這種調色方式來擴大畫面必須的豐富程度。
色彩：調色標準——出于極客的本質，Google也對調色行為做了標準化的制定，以求設計上的一致性。
色彩：配色組合——Google的Logo使用的四種顏色（藍、紅、黃、綠）也是Google在其他設計上的首選配色，而且配色的優先級也是“藍→紅→黃→綠”。
色彩：配色變化——當設計內容需要適配單色（黑白）環境時，陰影元素也被摒棄，通過鮮明的對比度來突出內容。
色彩：背景標準——對于產品icon能夠適配什么顏色的背景，Google也有著嚴格的標準制定。
產品icon創作要求：像素級的完美主義——盡量避免虛線和鋸齒。
產品icon創作要求：字體排版——作為本身Logo就是字體而非圖像的品牌，Google從印刷角度出發看待字體的選擇，秉承的思路也是中規中矩，大方穩重。
產品icon創作要求：尺寸和比例——和Apple不同，Google并不強求圓角矩形式的大統一，而是通過一些技巧去均衡排列整齊和原生比例兩大屬性，比如在一些icon設計的時候，因為遷就本身的形狀，從而會在邊框上做出一些留白，但是就icon的完整尺寸來講，看起來大小不一的icon們，其實是同樣的尺寸，Google不希望為了填滿而去填滿空間。
產品icon創作要求：16px調整原則——作為icon的最低尺寸，16px的表達面積過下，按照原有尺寸進行同比壓縮會造成部分細節的丟失，為了避免這個問題，Google規定必須對16px尺寸下的icon進行重制，突出必要的設計元素，這種做法在實踐上有著良好的案例表現。
Google的設計還包括一些特殊的用戶界面icon以及功能/插圖/信息圖表icon，它們通常代表命令、文件、設備等，有時也象征具體的行動指引，如保存、打印、刪除等。
設計準則：化繁為簡——Google在用戶界面上的有一些黑白風格的icon也遵循同樣簡化的設計準則，在剝離了色彩之后，僅僅保留單純的意向語言，杜絕icon太過喧賓奪主，反而干擾了用戶的注意力。
設計準則：幾何圖形——同樣，嚴格的幾何尺度也是構成Google在用戶界面的icon的基礎，潦草、率性、手繪等類型的icon在Google這里行不通。
設計準則：深淺配色——由于缺少色彩進行區隔，這些icon利用深淺明暗來優化視覺認知，灰度的使用亦遵照設計規定。
用戶界面icon創作要求：像素級的完美主義——黑白icon也同樣注重虛線和鋸齒的規避。
用戶界面icon創作要求：尺寸和比例——同樣，兼顧排列和大小，icon各自有著相應的形狀，但是通過留白的邊框產生一個統一而透明的外殼，這里用了Gmail、Google Docs和Google Calendar的用戶界面icon作為示范。
功能icon、插圖都和信息圖表歸于一類，都是輔佐正文內容的修飾，友好、現代并且稍具個性，它們用于大眾傳播，向用戶傳遞Google的精神，并引領后者輕松愉快的了解Google的產品，這里也有一些充滿色彩、生動活潑的案例。
轉載請在文章開頭和結尾顯眼處標注：作者、出處和鏈接。不按規范轉載侵權必究。
未經授權嚴禁轉載，授權事宜請聯系作者本人，侵權必究。
本文禁止轉載，侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權，侵權必究。
評論
評論
推薦評論
全部評論（1條）