<strike id="cy2gs"><menu id="cy2gs"></menu></strike>
  • <del id="cy2gs"><dfn id="cy2gs"></dfn></del>
  • google 的視覺設計理念

    2014-10-10    藍藍設計的小編

    藍藍設計( www.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供有效的 BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務

    來源:http://www.techread.cn/

    如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里

    在品牌塑造上,Google 已被證明做得極為成功,而且在視覺表現層面,Google 系產品具備著“一致性”和“連貫性”,這讓 Google 獲得了品牌識別上的利益。


    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的產品,這里也有一些充滿色彩、生動活潑的案例。



    日歷

    鏈接

    個人資料

    藍藍設計的小編 http://www.skdbbs.com

    存檔

    主站蜘蛛池模板: 精品一区二区无码AV| 午夜精品射精入后重之免费观看 | 午夜精品久久久久久毛片| 成人精品一区二区三区在线观看| 亚洲欧美日韩国产精品专区| 国产精品一级AV在线播放| 成人国产精品免费视频| 中文字幕无码精品三级在线电影| 国产精品一区二区久久精品无码| 国产精品久久久久久影院| 精品日韩亚洲AV无码| 亚洲中文字幕无码久久精品1| 九九精品在线视频| 国产成人亚洲精品91专区手机 | 亚洲精品夜夜夜妓女网| 精品无码国产自产拍在线观看蜜| 桃花岛精品亚洲国产成人| 2022国产精品不卡a| 精品无码人妻一区二区三区 | 国产91久久精品一区二区| 免费精品无码AV片在线观看| 亚洲精品动漫免费二区| 久久精品国产福利国产琪琪 | 亚洲综合精品一二三区在线| 99re热视频这里只精品| 国产精品无码无片在线观看| 亚洲国产成人一区二区精品区| 亚洲精品456播放| 亚洲AV蜜桃永久无码精品| 人妻少妇精品系列| 人妻少妇精品久久| 亚洲精品国产精品国自产观看| 亚洲av无码国产精品色在线看不卡 | 国产免费久久精品丫丫| 精品国产毛片一区二区无码| 国内精品久久久久久久coent| 国产精品最新国产精品第十页| 国产精品无码永久免费888 | 亚洲精品你懂的| 91精品国产麻豆国产自产在线| 亚洲精品性视频|