• 相關文章
  • 文字效果
  • 調色教學
  • 合成教學
  • 去背教學
  • 照片後製
  • 電腦繪圖
  • 設計教學
  • 動畫教學
  • 簽名製作
  • 其他教學
  • Illustrator
  • CorelDraw教學
  • 攝影教學
  • 3DMAX教學
  • AUTOCAD教學
  • MAYA教學
  • FireWorks教學
  • flash教學
  • 繪畫教學
  • PS作品欣賞
  • 包裝設計範例
  • LOGO設計範例
  • 封面設計範例
  • 名片設計範例
  • CG繪圖設計
  • 海報設計
  • 網頁設計範例
  • PS筆刷下載
  • PS濾鏡下載
  • PS動作下載
  • PS背景下載
  • PS樣式下載




  • 【 設計理論】解析叮噹劇團LOGO設計全解析




    解析叮噹劇團LOGO設計全解析

    這一次的教學是屬於設計理論領域中的設計理論的相關教學。

    文章出處是來自站酷的設計理論類文章,寫教學的作者是小神,感謝小神提供設計理論的實作教學。

    教學大綱:

    叮噹劇團是由中美2國高校學生共同創立的志願者組織,活動宗旨為向打工子弟提供免費藝術教育,通過戲劇表演的形式教授唱歌、舞蹈、美術等多項藝術技能,在提升外語能力和藝術素養的同時,鍛煉和培養其集體合作精神、活動組織能力、個性特長發展。最終吸引全社


    設計理論教學開始

    最近完成的一個logo設計,先介紹下叮噹劇團這個組織吧:

    叮噹劇團是由中美2國高校學生共同創立的志願者組織,活動宗旨為向打工子弟提供免費藝術教育,通過戲劇表演的形式教授唱歌、舞蹈、美術等多項藝術技能,在提升外語能力和藝術素養的同時,鍛煉和培養其集體合作精神、活動組織能力、個性特長發展。最終吸引全社會對打工子弟藝術教育與素質教育的關注,推動教育公平、全人發展。(順便說下,長期招募志願者的樣子,有興趣的人可以去聯繫)

    其實他們內部有人做了logo不過其他成員覺得不是很好就找我了。我看完組織簡介和之前沒採用的設計后,覺得還有些交代的不清楚的地方,變開始和組織負責人詢問起來了,一般做設計前首先要對設計對象有足夠了解:

    Q: logo主要用在哪裡?是印刷還是電腦上看為主?(成品的用武之地是基本點)

    A: logo在印刷和電腦上看都會用,不過電腦上的會比較多吧,佔70%左右;

    Q: 有同類組織嗎?(主要做同行競爭等參考)

    A: 狹義來看,基本沒有。關注民工子弟教育的NGO不少(打工子弟愛心會、南都基金會、新公民計劃等等),注重藝術教育的實在不多(知道有個外國人辦的,叫花旦工作室)。

    Q: 組織名字是怎麼取出來的?dean d 除了讀音上,是怎麼想出這個名字的?

    A: 先想的是叮噹劇團,覺得可愛好聽,孩子們容易記住。Dean D’Art一是取諧音,而是dean是學院/教務長的意思,d(e)是法語中的of,dean of art就是藝術范兒+學院風……呃。其實英文名字沒有多大用處,主要是為了今後海外募資用。大家也還在研究是否有更通俗的英文名,比如直接叫Ding Dang什麼的~

    Q: 說是提供【藝術】教育,但似乎實際上是偏向音樂/戲劇?如果是的話,這個戲劇是來自五湖四海的?還是就美國為主?or乾脆中國京劇的?

    A: 目前的項目主要是戲劇/音樂劇,因為相對來看戲劇是比較綜合各種藝術元素的一種藝術形式。所以藝術教育是目的,戲劇是載體。本來是只想做英文戲劇的,但是考慮到孩子們英語基礎,可能會先做中文劇本,夾雜英文歌曲= = 目標是做純的英文戲劇。但劇本主要是我們自己寫。

    Q: 我看到項目簡介里有說到【提升外語能力】

    A: 嗯,目前來看就是提升英語能力= = 好希望以後能做成多國語言的

    Q: 目標群體是面向義務教育學生?(了解受眾範圍是做任何設計的基礎)

    A: 目標群體是義務教育體制邊緣的學生,目前主要做農民工子女,以後還想發展城市貧民、傷殘兒童(生理、心理)等等,總而言之就是教育中的少數群體和弱勢群體。

    Q: 你們又什麼理念嗎?有沒有什麼通過logo最想要表達的東西?or印象?(做任何設計都必須要問清楚的事情)

    A: 就是想體現出組織的服務宗旨(兒童/戲劇/教育/快樂),所以想要顏色鮮艷、整體活潑、吸引小孩子(或者說老少皆宜,),就可以了~有人提出說做成兒童鉛筆畫風格什麼的,也有人說做音符插上翅膀或者帶上笑臉,做小人在跳舞爾爾各種……總之簡潔明快有愛,就好啦

    經驗豐富的設計師可能會有套自己的問卷,給客戶做,非常系統且詳盡。我這裡只是簡單問了下。

    同類組織因為幾乎找不到,別提資料了,我就直接自己先想了些思路和概念:

    義務教育階段的小孩子看的東西的話還是直接明了的比較好。我覺得抽象or太詳細具體的描寫犯不着,而簡單又能讓孩子快速記住甚至喜歡上才是更重要的。所以我想直接從叮噹2字入手,一方面很明顯,夠直接,易懂,鈴鐺怎麼說也挺可愛的。丁零噹啷的也是一種聽覺的觸發。另一方面我想到了機器貓(叮噹貓)的鈴鐺,機器貓也是個實現夢想的代表吧。 我覺得這個概念挺適合這個組織。(不過這個年代的小孩估計已經不知道機器貓是何物了,不過這也無妨,機器貓只是從鈴鐺延伸開去想到的而已)

    以上內容跟組織負責人說了后基本沒有問題,於是開始一邊找資料研究一邊畫草稿了。找資料做研究很重要,百益而無一害。調查和溝通一樣重要,設計前不做預習的設計師不是個好設計師哦!(orz我也不是說我就是好設計師……)

    主要研究的關鍵字有:劇院/劇團/鈴鐺/兒童藝術機構。

    看看相關的各種設計(當然直接看logo設計or圖標設計很高效,不過時間充裕的話看點其他相關的也好),可以幫助提取不同元素的特徵,看到些有趣的東西也能開拓思維,豐富思路。

    初步研究結果是這樣的:

    關於劇院/劇團,我發現主要的特徵物有:帷幕/聚光燈/哭和笑的2副面具。這幾點可以成為之後繪製草稿時做各種變形和組合的元素。

    關於鈴鐺,沒有看到特別有意思的東西,不過收集了一些印象參考圖。

    關於兒童藝術機構(公司啊,培訓班啊什麼的都行),發現的特徵是:用色上基本上都是紅黃藍綠4色為主。我想這是因為他們是(2種色彩模式下)的三原色的緣故吧,是學藝術的基礎。事後我也體會到,這種不怎麼存在配色概念的基本顏色一起用的話確實能比較準確的體現出“小孩”“新手”的印象。

    解析叮噹劇團LOGO設計全解析

    上圖是我的草稿,有不少是單純的鈴鐺和文字的組合、變化。這類的就不多做解釋了。

    還有一些是鈴鐺的變化,比如中上的:是上半個鈴鐺裡面藏着天空的,不過這只是個突然冒出來的想法,實際可能會元素過多過於複雜。這個階段想到啥就記錄下來,永遠不嫌多。

    右上和左下是一些劇場和鈴鐺的創意變化。

    基於之前研究出來的劇院的特徵物,試着做了些變化。

    右上是帷幕拉開成圓形的然後剛好燈露出組成鈴鐺的開口

    左下的一個是聚光燈相關的,應該看得出來;

    另一個是鈴鐺組成的哭笑臉,通過改變鈴鐺開口的形狀來表現表情。鈴鐺的角度的不同也是在強調兩者的區別。

    恩其實這麼回頭看其實當初idea也不是那麼多……不過好在一切進展還比較順利orz

    上面這些創意看上去可能有些不錯,不過在給負責人看的時候我提醒她的有2點:

    是這些可能會設計味過重,最終結果和一開始闡述的初衷可能會有點偏差。

    劇團只是你們組織的中心思想的載體而已,我個人覺得可能不用那麼強調提現這個載體,何況你們名字里都掛的是art而不是opera什麼的,如果以後社團發展了,可能會不局限於opera了,這也是我反覆考慮的一件事。

    所以在這個階段一開始我個人是比較傾向於中上的那種純粹鈴鐺樣式的logo吧,藍黃配什麼也許會更容易讓人想到叮噹貓(喂別在意這個東西了)。不過這個階段暫時先不用去想顏色。必須先要確定一個好單色稿。

    經過進一步溝通和討論,我們確定了基於左下的哭笑臉的鈴鐺進入下一步設計

    其實然後就我直接畫出了結果然後交給他們……然後負責人挺滿意說應該沒問題了就好了……(歐)。不過本文當然不會就這麼沒了……在畫的過程中還是發現有不少要思考和注意的地方的。我在這裡準備介紹下。

    其實我是先畫中間的彩色版本的……因為之前說70%會用在屏幕上,那我就把中心放在彩色版本上了,所以從這個畫起,然後其他版本基於彩色版本來進行修改。

    畫出鈴鐺的大致輪廓后,要上色了,這裡就用到了我之前研究收集的一些鈴鐺的畫了……在畫風,材質,配色等方面做參考。至於為什麼都是矢量圖標的圖……因為基於最終風格的考慮,我在收集的時候也是有所篩選的

    解析叮噹劇團LOGO設計全解析

    解析叮噹劇團LOGO設計全解析

    解析叮噹劇團LOGO設計全解析

    上色中遇到的首先一個問題是用多少顏色,明暗關係刻畫到什麼地步?大家都知道簡潔永遠是logo設計的一個重要元素。

    經過一些權衡后我是在笑臉上用了4重黃色,而在哭臉上用了3個顏色,為了控制整體顏色數量,兩球的暗部用了一樣的顏色,雖然混在一起了,但是亮部的形狀充分暗示了物體的真正形狀,並不會讓看得人迷惑到底是怎麼樣的東西。

    解析叮噹劇團LOGO設計全解析

    不知道有沒有人注意到我在草稿時只是畫了一前一後,一大一小2個鈴鐺,而沒有畫出明暗關係,但在最終搞中,有明顯的明暗關係。

    其實,在畫的過程中我確定了這個重要的原則就是強調出哭臉和笑臉的關係。原因1,我覺得鈴鐺開口模擬嘴型這個特徵不夠明顯,劇團的概念傳達不出來的話這個logo就一下子失去了大半意義。原因2,作為一個公益ngo,還是面向小孩的,那應該體現更加積極的意義,強調陽光的一面,暗示“陽光的,開心的才是好的”,也就是說要偏低那個哭臉。

    那我用了哪些方法來達到這個目標呢?

    空間關係對比:笑在前,哭在後,而且哭被擋住了。

    明暗色調對比:哭臉本身在後面了所以嘴巴更不顯眼了,這不行,我得讓更多人看出這是哭,更加強調出哭是個負面的東西。所以我給後方的哭臉加了一大塊陰影。事後覺得這想法很棒,陰森+不開心的嘴巴,還躲在別人後面,印象的傳達效果有了明顯的改進。

    色彩/材質對比:之前說了,笑臉的顏色比哭臉多1,這多1的就是高光的小圓點。這個高光雖然不是那麼大,但是這細微的光澤的區別足以讓笑臉更醒目了。

    其實笑臉和哭臉的嘴巴我一開始用的了暖冷兩種不同色相的灰色,但最後為了控制顏色也還是統一成同一種中性色了。

    鈴鐺輪廓,嘗試用了各種單色,但感覺黃配各種顏色都似乎不太能很好的傳達出組織的印象,乾脆試着做成了和文字顏色一樣的色帶。發現效果還不錯的。同一縱軸上我不使用同一顏色2次,這樣很簡單有效地平衡了整體。

    至於輪廓線上中間一條灰的,算是個偶然的產物。最初我只是想讓4色帶寬度一樣,但又想色帶和下面文字一樣寬……可是圖案比文字寬,色帶和文字一樣寬的話就會多出點寬度……我正在想是加寬色帶還是怎麼辦的時候,發現d’art的那一點(單引號)之前用的是紅色有點小不平衡,而鈴鐺開口的灰色是只用了一次的,那乾脆讓灰色也成為配色方案的一部分吧,於是那單引號和鈴鐺開口和鈴鐺輪廓里那多出來的一條用了相同的灰色。單引號從紅色變成灰色后也正好是弱化了,弱化了d和art之間的隔閡,那“叮噹”的讀音也更加容易被看出來吧我想,不過這應該不是那麼重要吧,現在想想感覺還有點微妙XD

    畫單色版本其實也花了不少時間。主要要對鈴鐺的輪廓和陰影做重新規劃。而且得遵從之前的設計原則。值得一提的是,因為輪廓線和陰影的改動,哭臉的嘴巴在大小/形狀/位置方面都做了改動。

    右邊的白圖案到左邊的紅圖案也不是直接一個變色就好了的。因為僅僅白色變紅色的話……明暗關係就反了……變成笑臉全暗,哭臉有亮部了……差不多是個篆刻的陰文和陽文的關係吧……但反轉矢量的包容關係前,我得先吧裡層中空的輪廓線去掉,使輪廓線變成單層的,並調整新輪廓線的粗細使其和其他版本的關係和諧點。看似簡單的東西,其實還是有那麼多細節要調整的啊。其實那個文字也是要自己手工調整每個字間距和行間距,不是打了字符再用下字體就能完美的。因為社團有點國外背景的樣子,所以字體選用上要注意版權問題。

    最後覺得差不多了就交稿了~簡單排版下交過去比較有必要我覺得,看上去專業大方的話一般對方更容易接受

    其實大概流程就是這樣,我寫的還是非常詳細的。其實logo做的比較趕,有些流程走的比較簡單/匆忙,希望讀者不介意。比如我頭腦風暴思路圖之類的也沒有畫就直接開始找資料打草稿了orz,不過主要是讓各位看了后能簡單了解下這個logo設計的過程。對於設計圈外的人,希望可以初步知道下做一個設計的簡單思路。創意這個東西其實更多都是理性地思考然後整理/討論出來的,而不是很多人以為的“靈感”~靈感固然重要,但是一個設計師總是靠着閃現出來的靈感過日子的話那一般是走不遠的,or可以說是有問題的。

    — —

    文章永久連結為: 解析叮噹劇團LOGO設計全解析