E瞳網全新形象視覺設計從LOGO開始

發布時間:2017/07/25 10:32 編輯:logofree標志在線制作
一個網站一般都會有LOGO,它是網站的形象之一。今天logofree君要分享的是一位即將畢業的學生是如何設計e瞳網LOGO的。

e瞳網LOGO

7月初去蘭州石化實習,沒有辦法做設計,于是開始構思一個e瞳網(我呆了3年的學生社團)的品牌改進工作,15號回到學校就開打ps投入到設計工作中去。

e瞳網品牌改照

我想一個品牌的建立,不是單純地畫一個logo(當然,logo本身很重要)。我在工作早期,進行了大量的品牌的分析和策劃工作。上面的總結很簡短,是我從早期的總結中選擇的最具有代表性的一些——一些視覺方面的。


但是,我在進一步工作的時候,逐漸意識到,我不應該做一個單純的視覺工作,e瞳網需要的一個新logo,但是一個新logo給網站的幫助是有限的,我們真的需要的是一次從上到下,就內而外的改革:正如上面的圖片上總結的:這是一個有15年歷史的社團,它太有歷史,歷史不僅帶給它底蘊,同樣拖累著它:越來越多的部門,隨著部長們換屆一年一變的社團風氣和戰略,技術部門的高技術與低產出的矛盾,設計師經常抱怨舊的社團logo很難和現在流行的風格統一起來,非技術部門找不到自己在社團中的位置……成員逐漸缺少對社團,對部門,對小組的認同感。

原有視覺方案分析

我想,作為網站資歷最老的兩位設計師之一,我有去從設計師的角度,用設計的武器去改變網站的一種垂垂老矣的風氣,反過來給它注入一些新的什么東西。

新LOGO設計思路

想太多不做事是不可以的,我覺得思考和實踐必須同步進行。我嘗試了很多,上面有4個,其實畫滿了3張A4紙。我刪除了很多自以為很有創意的方案,刪除了很多有趣的構思(其中有一個甚至為它構思了十幾種變形和講解),最終留下了幾個簡單的方案:正如您所見,有什么構思比用最簡單的“e”+“eyes”來代表e瞳網呢?


在設計的過程中,我遇到了不少困難,其中最大的一個就是“人眼”這個元素會讓人有一種被監視的的不適感,我想要保留眼神而讓眼睛本身逐漸隱去,最終,我從眼神光獲取了靈感,把眼神光和e字母結合,又從貓頭鷹的眼神處獲取了靈感,通過透視變形讓logo像一個貓頭鷹的眼睛,這樣,觀眾的不適感降低很很多。


同時,我提取logo圖像的微妙神韻把黑體字修改成了一種e瞳特有的字體,這個修改方式很簡單,并且我提供了很多基本文字和偏旁部首的變形標準,這樣就算是社團大一的同學們也可以掌握和復制。


在這里我想提出一個我做這次設計的核心思想“適度簡約”。互聯網的設計中,簡約經常被捧到很高的地方,我很認同這樣的理念,但是同時為了傳達一些“不必要”但是“很重要的”東西,我依然選擇在簡化到最簡之后,把定位回調一點,比如增加一些看似多余的字體裝飾,我認為這樣可以為社團的形象帶來活力,青年的年齡感,和一絲叛逆的味道,這是我想通過設計影響到社團的。

LOGO文字展示

以前的社團形象采用了偏青色的藍色+青色的顏色標準,不過在我看來,logo上用兩個顏色沒有必要,但是品牌卻不一定只能用單一的顏色,經過再三考慮,我策劃出了一個以更具有年輕人味道的新藍色+16種輔助色組成的復雜配色方案,這樣有一些大膽,但是我相信我的選擇是正確的:越少的選擇帶來越多的約束,解放配色方案就是解放了社團的創造力,當然,我還有更深一層的考慮:我想為社團每一個部門一個自己的專有色,這樣可以提高他們的部門認同感。這在后面的設計稿中可以看到。(這里用rgb顏色是方便web端使用,同樣,針對打印文件還有專門的CMYK色值)。

LOGO顏色設計

到這里,我的思路開始變得很清晰了。logo已經有一個基體,缺少一些變化和升華,而我們社團正好有一句有15年歷史的信條——雖然貫徹得不是很到位:

精彩有e瞳,美妙無異同

我想,這樣的概念和我的設計目標,我現有的設計思路難道不是相當協調統一的么?

于是我開始思考如何把它們通過視覺的語言結合起來。

LOGO概念表達

我看到一張攝影作品,攝影師拍攝了模特的眼睛,在眼睛的反光中,看到攝影師本人,和周圍精彩的世界,這樣的照片給了我這個設計問題的解答思路:把logo的空間和圖像容器的概念結合起來,傳達一種“眼中的精彩”的概念,這不正是競猜有e瞳,美妙無異同么?

精彩有e瞳,美妙無異同

你能看到什么精彩世界?

自此,我成功把設計目標,圖形,顏色,概念結合起來,而且我相信,這個logo一定能帶給社團新的“氣”。


不過,我認為就這樣還不夠,我還要為logo做更多的拓展,我想到了之前給部門分配標準色的構思:不如我再給部門畫一些有趣的小圖標吧?

小圖標

這些圖標我參考了最近dribbble很流行的Mbe風格,但是并沒有照搬,而是進行了自己的風格嘗試,最終確定了一個有一點詼諧,但不像Mbe那么呆萌的風格

在圖標的繪制中,有很多考量,可辨識,好看之類,但是我覺得最重要的不能不提下面這些:一個是,傳達情感,一個是傳遞價值觀念,一個是添加一些“互動的感覺”。

旗下部門圖標

所謂情感的傳達,圖標的設計應該讓部門成員喜歡,同時傳遞一種溫暖舒適的感覺。比如微笑的元素,小斷點帶來的呼吸感……所謂互動的感覺,比如產品部,小燈泡會有一種“靈機一動”的動態感,市場部的小喇叭則叫個不停。

我想重點說說“價值觀念”,之前說到,這次改版的目的不僅是一個視覺形象的優化,更有社團風氣的引導:我選幾個說一說,

產品部:產品部門給我們的感覺就是每天做著按部就班的事情,但是并沒有太多存在感,他們執行和完善著社團其他人(比如企劃部之類、成人英語培訓)構思的創意,我覺得這樣會讓部門變“老”,于是我給他們畫了一個“燈泡”,而不是“原型工具”或者“AXURE”的圖標,我想讓這個部門重新煥發活力。


后端組:后端組的圖標比較難以辨認,我想接下來的一段時間,我還需要再做不少視覺上的嘗試,現在我給他們的圖標是一個連接著網絡的服務器,服務器管理是他們的工作,但是我希望他們更多地“走出服務器”,去和其他部門溝通。

企劃部:這是社團的決策部門,似乎理所應當,畫一個西裝革履的“成功人士”,一枚國際象棋,或者高高飄揚的旗幟——這些方案我都畫了,但是我刪掉了他們。因為社團應該是一個平等的團體,官僚,復雜的從屬關系,利益價值這些元素,不該出現在社團的文化中。最后我選擇了飛鏢,代表“方向”“精準”和一點“玩”的味道。

接下來是一些拓展的演示圖

拓展演示圖

拓展演示圖:新媒體部

新聞部

LOGO工作證應用

這次設計看起來是一周不到就做完了,不過,其實仔細想,沒有3年的社團經歷,換一個人都很難準確命中社團的需求,也不敢如此簡單地踐行一些大膽的變革思路,如此想來,這次是占了天時地利了。


這么精致的網站LOGO,是一位即將畢業的學生設計的,他不是在線直接生成LOGO,而是實實在在的設計,為他點贊。

推薦閱讀
Advert:[left_fixed_adv]
3d太湖钓叟三字诀