我們要告訴學生們設計是如何從“聯(lián)想”開始

idea-office在課程內容上一直提倡設計從“聯(lián)想”開始，而不是盲目地去設計，下面把我們網頁設計提高班學員

作品總結成教程與大家分享。
這一節(jié)課程我們的主題是互聯(lián)網廣告設計，我們拿出一個奔馳汽車來作為我們的廣告主題進行創(chuàng)作。當然我們

只是用來教學沒有任何商業(yè)目的，廣告語都是來源于網絡。
廣告的要求是--
廣告語：驅動天下超凡上市  奔馳運動型轎車
按鈕：免費試駕
廣告大小：950x120像素
廣告模擬投放位置：新浪網星座頻道中間通欄
內容要求：有奔馳logo、奔馳汽車圖片、有一定的運動感、要大氣與奔馳汽車高端品質有關
一.從哪入手
大部分剛入門的學員對設計的方法還是很盲目的，很多同學拿到一個設計需求，首先是盲目地去素材網站找合

適的素材，還有人直接抄襲別人的作品。這些方法對未來的職業(yè)發(fā)展是不利的，我們一定要知道一名優(yōu)秀的設

計師不光用眼睛去看世界，還要用大腦和心靈去看世界。
我們總結了多年的設計經驗，把如何去尋找創(chuàng)意來源并付諸實施作為我們研究的課題。其實設計并不是很困難

的事情，最重要的是找到合適的方法。
我們對10位剛進入設計行業(yè)的同學進行了頭腦風暴測試，在結果中我們發(fā)現(xiàn)每個人的想象力都是差不多的，沒有

很低的，只是還沒找到一個合適的方法去設計。
下面我們就正式開始我們的設計歷程！
首先我們會去分析這個廣告語和廣告定位。廣告語是：“驅動天下超凡上市  奔馳運動型轎車”在這句廣告語里

我們可以看出：“驅動天下超凡上市”屬于引導性標題，而“奔馳運動型轎車”才是描述這個產品到底是什

么。從“奔馳運動型轎車”里我們要分析出“運動”這個詞才是整個產品的真正定位。
因為它是“運動”型，而不是“舒適”型、“豪華”型等等。
現(xiàn)在我們就完成了第一步的工作，就是從策劃文案里分析出我們到底要做的是一個什么廣告。這是非常重要的

一個環(huán)節(jié)，如果作為我們設計師要是連策劃文案都沒看明白就去展開設計，那結果可想而知。
現(xiàn)在我們就可以清晰地看出，我們的創(chuàng)意要從“運動”入手。
二.展開“聯(lián)想”
現(xiàn)在我們就可以從“運動”展開聯(lián)想，在整個“聯(lián)想”過程中就是我們尋找創(chuàng)意的過程。可以通過我們的軟件

來進行頭腦風暴式“聯(lián)想”，當然也可以在一張白紙上開始。
“聯(lián)想”的方法其實很簡單，以“運動”為“聯(lián)想”的中心，無限制地展開想象，先把我們的思想往遠了想，

不要給自己任何局限。舉例：“運動”可以想到：激情、速度、興奮、快感、沖刺... ... 這些都是形容詞，還可以

想到具體的內容，舉例：體操、賽跑、跑道、運動員、飛機、豹、大雁... ...
如圖2-1所示，是我們通過軟件進行的“聯(lián)想”。

在這些關鍵詞中，我們要分析哪些更容易去實現(xiàn)設計作品。在這里我們認為“大雁”更適合找到合適的素材，

并且有“大氣”的感覺。 
三.搜索素材
于是我們在百度里以“大雁”為關鍵詞去搜索圖片，看看能不能找到“感覺”。在搜索的過程中我們期待的驚

喜出現(xiàn)了，如圖3-1、3-2所示。

圖3-1

圖3-2

這兩張圖片是我們在搜索“大雁”過程中發(fā)現(xiàn)的，我們認為圖3-1是非常“大氣”的感覺，大雁在空中飛翔也是

“運動”的體現(xiàn)。圖3-2的光影效果我想在設計的時候可能會用的上，于是先保存了下來。

接下來我們又搜索到了奔馳汽車的圖片，如圖3-3所示。

圖3-3
四.拼圖游戲
找到了合適的素材圖片，接下來我們在ps里簡單地將他們擺放到一起。在擺放的過程中，先用鋼筆把汽車的圖

從背景中摳出來。如圖4-1所示，將“大雁”圖片放到新建的畫布中，摳出來的奔馳汽車放到畫布左邊，并用ps

-色相/飽和度，把汽車圖片的顏色調整和背景顏色相接近�，F(xiàn)在的畫面看起來已經很有感覺了。

圖4-1
將圖3-2也融合到畫面里，圖中的云和光比較有感覺，我們先將圖片放融合到“大雁”的背景圖里面，使用圖層

效果立的“疊加”，在用色相/飽和度把顏色調成和背景一個色系，最后使用“橡皮”工具把邊緣擦掉。

圖4-2

我們可以深入的“聯(lián)想”，汽車在空中懸浮顯然是很不靠譜的事，那么我們就可以想到汽車應該停放在什么上

呢？高速公里？沙灘？油漆路？山地？顯然“山地”更符合我們的主題。
這一步驟很簡單，去搜索幾張巖石的圖片，然后把其中局部取下來放到汽車的下面，并調整巖石的顏色和整個

畫面相符合，如圖4-3所示。

圖4-3
現(xiàn)在我們可以看出，整個畫面基本已經很令人滿意了，車和下面的巖石是近景，大雁是遠景，這樣遠近虛實形

成了空間對比效果。
最后我們把奔馳的logo放到畫面的右上角，并在下面做了外發(fā)光的效果。然后我們可以把廣告文案打上。最后在

加上一個“免費試駕”的按鈕，如圖4-4所示。
現(xiàn)在我們的設計就大功告成了，在這個過程中我們可以看到，設計其實是一個“聯(lián)想”的過程。

圖4-4
在設計的時候我們通常會把吸引眼球的圖片放到畫面的左邊，因為通常人瀏覽畫面都是從左邊開始，像按鈕這

樣的功能性內容，我們會放到右邊，因為按鈕是起到引導用戶點擊的作用，大部分右手拿鼠標的人都適應在畫

面的右邊產生“點擊的行為”。就比如我們?yōu)g覽器的“滾動條”就是都在右邊。
所以在設計的時候，盡量不要違背人的正常使用行為，廣告設計要達到的目的就是，吸引用戶的眼球，讓用戶

產生點擊行為。