Google_logo

新的品牌標(biāo)識(shí)使Google對(duì)我們的用戶更加方便和有用

由Alex Cook瘦材,Jonathan Jarvis和Jonathan Lee

Google不是一個(gè)傳統(tǒng)的公司矩动。我們的使命是把世界的信息脂信,使其普遍可及和有用 - 不斷發(fā)展唇兑。去年锨并,我們引入了材料設(shè)計(jì)厦坛,幫助設(shè)計(jì)師和開(kāi)發(fā)人員擁抱擴(kuò)展的多設(shè)備多屏幕世界五垮。考慮到這些考慮杜秸,我們很高興分享一個(gè)新的品牌標(biāo)識(shí)放仗,旨在使Google更容易訪問(wèn)和使用用戶,無(wú)論他們遇到什么撬碟。

自創(chuàng)立以來(lái)诞挨,Google.com首頁(yè)顯得非常簡(jiǎn)單:古怪的多彩多姿的標(biāo)志位于一個(gè)干凈的白色畫(huà)布上的單一莉撇,平易近人的投入領(lǐng)域之上。但是隨著技術(shù)向前發(fā)展惶傻,畫(huà)布本身正在發(fā)生變化棍郎,投入和需求變得越來(lái)越多樣化。新一代的設(shè)備和互動(dòng)方式已經(jīng)出現(xiàn)在我們周圍世界的可穿戴設(shè)備银室,語(yǔ)音技術(shù)和智能設(shè)備上涂佃。用戶現(xiàn)在可以通過(guò)使用一組設(shè)備與Google進(jìn)行互動(dòng),而我們的品牌應(yīng)該在我們的主頁(yè)上表達(dá)同樣的簡(jiǎn)單和喜悅蜈敢,同時(shí)充分接受每個(gè)新設(shè)備和表面提供的機(jī)會(huì)辜荠。

這里有一些設(shè)計(jì)考慮,充分利用了人們對(duì)Google的了解和喜愛(ài)抓狭,并將品牌發(fā)展為繼續(xù)像我們一直努力的動(dòng)態(tài)和非常規(guī)品牌伯病。

設(shè)計(jì)在一起

今年初,來(lái)自全球各地的設(shè)計(jì)師否过,包括創(chuàng)意實(shí)驗(yàn)室和材料設(shè)計(jì)團(tuán)隊(duì)午笛,在紐約召開(kāi)了一個(gè)激烈的一周的設(shè)計(jì)沖刺。我們起草了一個(gè)簡(jiǎn)要說(shuō)明叠纹,確定了我們想要解決的四個(gè)挑戰(zhàn):

可擴(kuò)展的標(biāo)記季研,可以傳達(dá)在限制空間中的完整標(biāo)識(shí)的感覺(jué)敞葛。

結(jié)合動(dòng)態(tài)誉察,智能的動(dòng)作,在互動(dòng)的所有階段響應(yīng)用戶惹谐。

在我們的產(chǎn)品中進(jìn)行品牌化的系統(tǒng)化方法持偏,以提供人們?nèi)粘S龅紾oogle的一致性。

將我們的網(wǎng)站的優(yōu)化結(jié)合在一起氨肌,結(jié)合用戶所熟悉和喜愛(ài)的品牌鸿秆,以及他們的需求如何變化的深思熟慮。

我們從干凈的白色背景開(kāi)始怎囚,將我們品牌的精華放在四色之上卿叽,并將其重新構(gòu)建起來(lái)。粘性物質(zhì)被卡住恳守,引腳被推動(dòng)考婴,而塞子是動(dòng)畫(huà)的。隨著切割房間鋪滿了數(shù)百小時(shí)的設(shè)計(jì)工作催烘,我們開(kāi)始了幾個(gè)令我們興奮的方向沥阱。

我們與組織中的團(tuán)隊(duì)分享了這一想法。工程伊群,研究考杉,產(chǎn)品和營(yíng)銷測(cè)試了這些想法策精,并評(píng)估了其可行性,因?yàn)槲覀冎貜?fù)了設(shè)計(jì)和推廣策略崇棠。這個(gè)合作過(guò)程導(dǎo)致系統(tǒng)靈活性足以在任何平臺(tái)上使用我們的營(yíng)銷材料和產(chǎn)品工作:構(gòu)成單一標(biāo)志的三個(gè)基本狀態(tài)咽袜。

元素

從左到右:Google徽標(biāo)使用無(wú)襯線,保留了我們獨(dú)特的多色序列枕稀。點(diǎn)是動(dòng)態(tài)蒸餾交互式酬蹋,輔助性和過(guò)渡時(shí)刻的標(biāo)識(shí)。Google G是Google徽標(biāo)的緊湊型版本抽莱,適用于小型環(huán)境范抓。

了解系統(tǒng)

思維和設(shè)計(jì)的發(fā)展比核心要素深得多,而且開(kāi)發(fā)了一個(gè)規(guī)范來(lái)幫助各種應(yīng)用程序的團(tuán)隊(duì)保持一致食铐。以下示例不全面匕垫,但顯示了進(jìn)入系統(tǒng)的一些想法。


google_logo_1

打印商標(biāo)

Google徽標(biāo)始終具有簡(jiǎn)單虐呻,友好和平易近人的風(fēng)格象泵。我們希望通過(guò)將幾何形式的數(shù)學(xué)純度與教科書(shū)信打印的童心簡(jiǎn)單相結(jié)合來(lái)保留這些素質(zhì)。我們的新標(biāo)識(shí)設(shè)置在一個(gè)自定義的幾何無(wú)襯線字體中斟叼,并保持多色的俏皮感和旋轉(zhuǎn)“e”我們以前的標(biāo)記 - 提醒我們永遠(yuǎn)是一個(gè)非常規(guī)的偶惠。

在所有新的數(shù)字環(huán)境中,最終的標(biāo)識(shí)都以不同的尺寸和重量進(jìn)行了徹底的測(cè)試朗涩,以獲得最大的可讀性忽孽。為了指導(dǎo)屏幕和打印的使用,我們制定了涵蓋標(biāo)識(shí)的所有方面的標(biāo)準(zhǔn)谢床,包括間隔兄一,清除規(guī)則,產(chǎn)品鎖定和產(chǎn)品處理的紅線規(guī)范识腿。


google_logo_2

Google G建設(shè)

Google G直接來(lái)源于標(biāo)識(shí)“G”出革,但是使用增加的視覺(jué)重量可以在需要與其他元素共享空間的小尺寸和上下文中站起來(lái)。設(shè)計(jì)在與我們的產(chǎn)品圖像相同的網(wǎng)格上渡讼,圓形形狀被光學(xué)精制骂束,以防止圓形遇到橫梁時(shí)的視覺(jué)“偏斜”。顏色比例傳達(dá)標(biāo)識(shí)的全譜成箫,并進(jìn)行排序以幫助圍繞字母形狀的眼睛運(yùn)動(dòng)展箱。


google_logo_3

Google Dots in Motion

Google點(diǎn)是標(biāo)志的動(dòng)態(tài)和永恒的移動(dòng)狀態(tài)。它們代表Google的工作情報(bào)伟众,并指出Google正在為您工作析藕。我們認(rèn)為這些獨(dú)特的魔法時(shí)刻。開(kāi)發(fā)了一系列表達(dá)方式,包括聽(tīng)力账胧,思維竞慢,回答,不理解和確認(rèn)治泥。雖然他們的動(dòng)作似乎是自發(fā)的筹煮,但是他們的動(dòng)作植根于一致的路徑和時(shí)間,點(diǎn)數(shù)沿著幾何弧線移動(dòng)居夹,并遵循標(biāo)準(zhǔn)的快速松弛曲線败潦。


google_logo_4

顏色

谷歌標(biāo)識(shí)受益于字母之間的空格,但是當(dāng)顏色相鄰時(shí)准脂,就像Google G的情況一樣 - 它們被光學(xué)混合劫扒,并且可能導(dǎo)致原始值的變暗和變暗。我們調(diào)整并推動(dòng)紅色狸膏,綠色和黃色的活力沟饥,以保持飽和和流行。

履行


google_logo_5

活版印刷

在開(kāi)發(fā)標(biāo)識(shí)的同時(shí)湾戳,我們創(chuàng)建了一種定制的幾何無(wú)襯線字體贤旷,以補(bǔ)充產(chǎn)品鎖定中的徽標(biāo)和支持身份資料。我們稱之為產(chǎn)品類砾脑。字體設(shè)計(jì)采用同樣的教科書(shū)信紙打印風(fēng)格的提示幼驶,但采用了幾何無(wú)襯線的中性一致性。這使我們能夠在Google標(biāo)識(shí)和產(chǎn)品名稱之間保持適當(dāng)?shù)膮^(qū)別韧衣。字符集包含數(shù)字盅藻,標(biāo)點(diǎn)符號(hào),口音和備用字符汹族,分?jǐn)?shù)萧求,符號(hào)和支持?jǐn)U展拉丁語(yǔ)其兴,希臘語(yǔ)和西里爾字體顶瞒。下載類型標(biāo)本更多細(xì)節(jié)。


google_logo_6

產(chǎn)品

Google的許多產(chǎn)品將會(huì)發(fā)布更新元旬,但對(duì)于大多數(shù)人來(lái)說(shuō)榴徐,新品牌的第一次體驗(yàn)將是通過(guò)搜索。搜索UX和工程團(tuán)隊(duì)努力提供文本和語(yǔ)音查詢的第一個(gè)實(shí)例匀归,展現(xiàn)了身份的全面表達(dá)坑资。

更廣泛的分銷

隨著設(shè)計(jì)的發(fā)展,工程開(kāi)發(fā)了一種獨(dú)特的方法穆端,用于資產(chǎn)生成袱贮,版本控制和我們代碼庫(kù)中的自助服務(wù)分發(fā)。使用像素完美SVG作為基礎(chǔ)資產(chǎn)体啰,我們自動(dòng)生成數(shù)千個(gè)基于矢量的變體攒巍,以滿足大小嗽仪,顏色和背景要求。然后柒莉,這些變體在規(guī)范的位置檢查到我們的源代碼控制中闻坚,以避免重復(fù),并確保每個(gè)團(tuán)隊(duì)都使用最正確的最新資產(chǎn)兢孝。


google_logo_7

這有助于我們使設(shè)計(jì)像素在任何地方都可以完美使用窿凤,并且允許我們優(yōu)化這些資產(chǎn)的尺寸和延遲,包括構(gòu)建一個(gè)僅305字節(jié)的全彩色標(biāo)志的特殊變體跨蟹,與現(xiàn)有標(biāo)志相比雳殊,約為14,000字節(jié)。舊的標(biāo)志窗轩,其復(fù)雜的內(nèi)容和更大的文件大小要求我們?yōu)榈蛶掃B接提供基于文本的標(biāo)識(shí)近似相种。新標(biāo)識(shí)縮小的文件大小避免了這種變通方法,當(dāng)您考慮我們的目標(biāo)是讓Google對(duì)世界各地的用戶(包括下一個(gè)十億)更易于訪問(wèn)和有用的時(shí)候品姓,一致性就會(huì)產(chǎn)生巨大的影響寝并。

超越設(shè)計(jì)

設(shè)計(jì)只是努力的一部分。實(shí)現(xiàn)新的身份要求對(duì)數(shù)百名Google員工進(jìn)行集體工作和勤奮工作腹备,不同角色衬潦,跨越整個(gè)組織。他們應(yīng)該得到巨大的信譽(yù)植酥,建立和實(shí)施系統(tǒng)到最后一個(gè)像素镀岛。

隨著我們推動(dòng)創(chuàng)造新的產(chǎn)品和經(jīng)驗(yàn),我們希望這項(xiàng)工作將繼續(xù)為您提供Google期望的簡(jiǎn)單和高興 - 無(wú)論新技術(shù)可能帶給我們什么友驮。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末漂羊,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子卸留,更是在濱河造成了極大的恐慌走越,老刑警劉巖,帶你破解...
    沈念sama閱讀 217,509評(píng)論 6 504
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件耻瑟,死亡現(xiàn)場(chǎng)離奇詭異旨指,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)喳整,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,806評(píng)論 3 394
  • 文/潘曉璐 我一進(jìn)店門(mén)谆构,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人框都,你說(shuō)我怎么就攤上這事搬素。” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 163,875評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵熬尺,是天一觀的道長(zhǎng)何荚。 經(jīng)常有香客問(wèn)我,道長(zhǎng)猪杭,這世上最難降的妖魔是什么餐塘? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,441評(píng)論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮皂吮,結(jié)果婚禮上戒傻,老公的妹妹穿的比我還像新娘。我一直安慰自己蜂筹,他們只是感情好需纳,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,488評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著艺挪,像睡著了一般不翩。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上麻裳,一...
    開(kāi)封第一講書(shū)人閱讀 51,365評(píng)論 1 302
  • 那天口蝠,我揣著相機(jī)與錄音,去河邊找鬼津坑。 笑死妙蔗,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的疆瑰。 我是一名探鬼主播眉反,決...
    沈念sama閱讀 40,190評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼穆役!你這毒婦竟也來(lái)了寸五?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 39,062評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤耿币,失蹤者是張志新(化名)和其女友劉穎梳杏,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體掰读,經(jīng)...
    沈念sama閱讀 45,500評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡秘狞,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,706評(píng)論 3 335
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了蹈集。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,834評(píng)論 1 347
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡雇初,死狀恐怖拢肆,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤郭怪,帶...
    沈念sama閱讀 35,559評(píng)論 5 345
  • 正文 年R本政府宣布支示,位于F島的核電站,受9級(jí)特大地震影響鄙才,放射性物質(zhì)發(fā)生泄漏颂鸿。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,167評(píng)論 3 328
  • 文/蒙蒙 一攒庵、第九天 我趴在偏房一處隱蔽的房頂上張望嘴纺。 院中可真熱鬧,春花似錦浓冒、人聲如沸栽渴。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,779評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)闲擦。三九已至,卻和暖如春场梆,著一層夾襖步出監(jiān)牢的瞬間墅冷,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,912評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工或油, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留俺榆,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,958評(píng)論 2 370
  • 正文 我出身青樓装哆,卻偏偏與公主長(zhǎng)得像罐脊,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子蜕琴,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,779評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容