Google不是一家傳統(tǒng)的公司，我們的使命是獲取世界信息，并讓它廣泛地被理解、好用，能夠持續(xù)發(fā)展。去年，我們推出了Material Design幫助設(shè)計(jì)師和開發(fā)人員去擁抱一個更廣闊的跨設(shè)備、跨屏幕的世界。帶著這樣的考慮，我們很高興去分享一個新的品牌形象，旨在讓谷歌變得更好用，無論用戶何時接觸它。
說到底，Google的主頁目前已經(jīng)變得相當(dāng)?shù)暮唵危焊蓛舻陌咨尘吧希粋�可訪問的輸入框加一個色彩豐富的logo。但是隨著技術(shù)不斷向前發(fā)展，圖像本身也正在變化，輸入和需求也變得多樣化。我們身邊用于互動交流的新種類設(shè)備和方式也已出現(xiàn)，比如可穿戴設(shè)備、聲控技術(shù)、智能設(shè)備等。用戶通過使用一系列的設(shè)備正在與Google建議良好關(guān)系，與此同時，我們的品牌應(yīng)該傳遞給用戶期望從我們首頁獲得的簡單和快樂，同時也要全面擁抱新設(shè)備和平板提供的機(jī)會。
下面要說的只是眾多設(shè)計(jì)思考中的一瞥，結(jié)合那些認(rèn)識和喜愛Google的點(diǎn)，使我們的品牌升級能保留活力并打破傳統(tǒng)。
一起設(shè)計(jì)
1. 一個升級的標(biāo)志是能夠傳達(dá)整個logo模型在受限空間要傳達(dá)的感覺。
2. 在交互各個階段，要組建動態(tài)智能化運(yùn)動，反饋給用戶。
3. 在人們與Google的日常接觸中，根植于我們產(chǎn)品的系統(tǒng)化設(shè)計(jì)能提供一致性體驗(yàn)。
4. 這是讓我們變得Google化的一次改進(jìn)。結(jié)合我們用戶了解和喜歡的最好品牌，深思熟慮用戶的需求是如何正在變化。
提取我們品牌的核心——在白色背景下的4種顏色，并且把它打破重組。便利貼粘上，圖釘按下去，曲線動起來。上百小時的設(shè)計(jì)工作，紙張丟滿了切割室的地板，讓我們找到了一些讓人興奮的設(shè)計(jì)方向。
我們與整個組織團(tuán)隊(duì)分享想法。技術(shù)、商業(yè)分析、產(chǎn)品和市場部門都在檢驗(yàn)這些想法，評估他們的可行性，跟我們一起迭代在設(shè)計(jì)和首輪決策中。這樣的合作過程會使得一個系統(tǒng)在任何平臺足夠靈活地被使用：這次新logo由3個基本元素組成。
視覺組成元素
1、無襯線體標(biāo)識保留了 Google 獨(dú)特的四色。
2、logo標(biāo)識為互動、輔助和過渡時做了一次動態(tài)升級，不再靜態(tài)的圖片。
3、Google G是google logo的一個緊湊版，運(yùn)用于小的情景中。
理解這套設(shè)計(jì)系統(tǒng)
比呈現(xiàn)出來的核心元素和為了跨團(tuán)隊(duì)地運(yùn)用在廣泛平臺而制定的規(guī)范，對整個設(shè)計(jì)的思考其實(shí)要深入復(fù)雜得多。下面的例子并不能全面的展示，但是能展示一小部分我們思考的過程。
Logo的構(gòu)型
Google的logo已經(jīng)有了一個簡潔、友好和親近的風(fēng)格，我們想要保留它原本的這些屬性，把數(shù)學(xué)幾何的純凈與教科書字母印刷孩童般的純真結(jié)合。新logo運(yùn)用了一種特定的幾何無襯線字體，保留了多彩的童心和我們先前l(fā)ogo中旋轉(zhuǎn)的“e”字母，不過我們總是要做一些打破傳統(tǒng)的事。
最終的logo是在各種新的數(shù)字環(huán)境中以最大化的清晰度，通過各種尺寸和字重進(jìn)行了徹底地測試。為了指導(dǎo)在屏幕和印刷上的應(yīng)用，我們制定了一套涵蓋logo各方面的標(biāo)準(zhǔn)，包括間距、間隔規(guī)則、產(chǎn)品禁用、產(chǎn)品修復(fù)時的紅線說明。
Google G的構(gòu)成
Google G是直接來源于logo中的”G”，但是針對小尺寸的顯示而比 logo 中的 G 具有更大的字重。它被設(shè)計(jì)在同樣的網(wǎng)格中，作為我們的產(chǎn)品圖標(biāo)符號。這個圓形被升華為防止視覺上的“重復(fù)”。“G”中的色彩比例包含了logo中的全部顏色，顏色的順序能幫助人眼圍繞字母運(yùn)動。這些點(diǎn)沿著幾何弧線運(yùn)動，遵循了一套曲線優(yōu)雅運(yùn)動的標(biāo)準(zhǔn)。
運(yùn)動的點(diǎn)
Google dots是用于體現(xiàn)logo充滿活力，是一個能和用戶溝通的系統(tǒng)。他們代表著google在工作中的智慧，暗示google在為你工作。我們考慮了一些獨(dú)特而不可思議的時刻，設(shè)計(jì)了一個全面的印象，包括聽、想、回答、不解和確認(rèn)多種狀態(tài)的區(qū)分。他們的運(yùn)動看起來很自然，4個點(diǎn)運(yùn)動的路徑和時間是保持一致的。
顏色
Google Logo從字母間的間距得益，但是當(dāng)顏色是相鄰的——比如Google G——他們光學(xué)上混合，間距可能導(dǎo)致現(xiàn)有的色彩變深變暗，所以我們?nèi)サ袅思t黃綠藍(lán)色彩之間的間距，來保留原有色彩的飽和度和活力。
執(zhí)行
排版
隨著logo的開發(fā)，我們創(chuàng)造了一種現(xiàn)代的、幾何無襯線字體來構(gòu)成這個logo，以支持識別。我們叫它Product Sans. 這個文字的設(shè)計(jì)是從教科書的字母印刷術(shù)中獲得靈感，但是采用了我們都期望從幾何無襯線中獲取的一致性。這允許我們能從google的產(chǎn)品名字和logo之間進(jìn)行恰當(dāng)?shù)膮^(qū)分。這套字體包括數(shù)字、標(biāo)點(diǎn)符號、重音和備選字符、分?jǐn)?shù)、符號，支持?jǐn)U展為拉丁語、希臘語和西里爾語。
產(chǎn)品
許多google的產(chǎn)品都將發(fā)布更新，對于大多數(shù)人來說，使用新標(biāo)識的第一次體驗(yàn)都要被調(diào)研。UX調(diào)研團(tuán)隊(duì)努力傳達(dá)文字和聲音的初次表現(xiàn)，來說明這個標(biāo)識給人們的一系列印象。
廣泛發(fā)布
隨著設(shè)計(jì)的介入，工程師為跨數(shù)據(jù)庫的資產(chǎn)誕生、版本控制和自助分發(fā)開發(fā)了一套獨(dú)特系統(tǒng)。從庫里面使用像素化的SVGs，自動生成大量的矢量化圖形來滿足尺寸、顏色和背景的要求。這些變量讓我們的源代碼控制在一個規(guī)范的位置，以免重復(fù)，而且可以確保每個團(tuán)隊(duì)使用最新和最準(zhǔn)確的logo。
無論新的logo用在哪里，這種技術(shù)能幫助我們的設(shè)計(jì)得到像素化的完美展示，它使我們能在大小和延遲上進(jìn)行優(yōu)化，包括建立一個只有305個字節(jié)全彩logo的特殊的變量，而我們現(xiàn)在的logo字節(jié)是14000。舊的logo因?yàn)樗囊r線體和更大的文件大小，需要我們?yōu)榈蛶掓溄犹峁┮粋�基于文本的近似值。新的logo減少了文件的大小，避免了這種應(yīng)急方法和一致性上造成的巨大影響，尤其考慮到我們的目標(biāo)是對全球用戶而言更能用，更有用。
 設(shè)計(jì)之外
設(shè)計(jì)只是所有成果的一部分。這個新的標(biāo)識的實(shí)現(xiàn)需要大量跨部門，不同角色的google員工密切合作和辛勤付出。為最終建立和執(zhí)行這套標(biāo)識系統(tǒng)，他們提供了幫助，值得信賴。
因?yàn)槲覀儗?chuàng)造新的產(chǎn)品和體驗(yàn)，無論新技術(shù)將帶我們到何地，我們希望這樣的工作會繼續(xù)給你想要的簡單與快樂。
感謝您對極地作品的預(yù)覽，品牌策劃與設(shè)計(jì)，形象店設(shè)計(jì)制作，專注中高端品牌策劃設(shè)計(jì)，我們更專業(yè)，歡迎咨詢微信/手機(jī)：13656226579 0512-89169975 www.4kshijue.com
|
