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




  • 【 設計理論】感恩節折扣活動Banner完整設計思路




    感恩節折扣活動Banner完整設計思路

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

    文章出處是來自飛魚的聲納的設計理論類文章,寫教學的作者是佚名,感謝佚名提供設計理論的實作教學。

    教學大綱:

    在QQ群里和大家交流的時候,有童鞋提到如何做一個感恩節商品折扣Banner的問題,於是就打算有時間的時候自己也動手做一個此主題的Banner作為設計的練習,正好昨天在全景素材網站上看到一張適合此主題的素材,於是就動手完成了這個Banner的設計,在此將整個的設


    設計理論教學開始

    在QQ群里和大家交流的時候,有童鞋提到如何做一個感恩節商品折扣Banner的問題,於是就打算有時間的時候自己也動手做一個此主題的Banner作為設計的練習,正好昨天在全景素材網站上看到一張適合此主題的素材,於是就動手完成了這個Banner的設計,在此將整個的設計思路的方法梳理出來,供大家參考。

    一般來說,一個Banner的設計要契合整體的網站風格進行創作,包括要考慮到網站的整體配色,但這裡我們只是單純的做一個Banner,所以限制相對來說要少一些,既然素材已經確定好,我打算以此素材作為設計風格的出發點。先來看看這張素材。

    感恩節折扣活動Banner完整設計思路

    可以看到,這張美女圖片給人的整體感受是清新淡雅的,圖片中的色彩多是純度較低、亮度較高的粉色系色彩,依此為依據,我們可以將Banner的風格往這個方向上靠,確定為清新的風格。有了這個基調,我們就讓整個的設計,包括色彩方案、元素樣式、使用的素材等等都向這個方向靠攏。

    在開始動手之前,我們需要進行設計上的創意。由於我們已經確定好的slogan為”感恩節5折優惠”,因此我打算將此文字作為主視覺進行創作,旁邊搭配美女的手指指向主視覺的圖片,這個設計由於開始的比較倉促,我沒有畫草圖,但是還是建議大家在進行設計之前最好畫完草圖,考慮周到了再開始。

    下面我們正式開始設計的製作。

    由於是商品打折活動,要有熱鬧的氣氛,所以我打算給白色的背景鋪上顏色,把熱鬧的氣氛烘托出來,這裡我選擇了素材圖片購物袋上純度較低,但亮度較高的橙色,這樣也可以和素材的色彩搭配起來。

    感恩節折扣活動Banner完整設計思路

    接下來,為了不讓純色的背景過於死板,增加背景的層次,我給背景添加了一些白色的圓圈,降低它的不透明度,讓這些圓圈不至於過分顯眼。這樣既增加了背景層次,也符合清新、乾淨的設計風格。

    感恩節折扣活動Banner完整設計思路

    然後我們將Slogan”感恩節5折優惠”的文字鍵入,在這個文案中,我們要凸顯的信息是幅度較大的打折信息,所以我將5折優惠中的”5″字放大,其餘三個字稍小一點,並且選擇符合乾淨設計風格的非襯線字體,”5″字使用了英文中的ChunkFive字體,而”折優惠”三個字選擇了方正超粗黑簡體,這兩個字體的筆畫較粗,體積較大,能夠壓得住整個版面。文字的顏色選擇了白色,這樣讓整體的設計看上去乾淨一些。

    感恩節折扣活動Banner完整設計思路

    為了進一步凸顯”5″字,我把文字的顏色更改為和背景色接近的紅色,但是不要太紅,純度低一些,目的是保持設計清新的感覺。然後再將”感恩節”的中英文添加上去,做一個排版。字體依然選擇簡潔的非襯線字體。

    感恩節折扣活動Banner完整設計思路

    為了增加這部分設計的視覺比重,我們再來給它添加一些效果和細節。添加陰影和層次。最後將活動日期添加上去。

    感恩節折扣活動Banner完整設計思路

    到這裡,主視覺文字部分基本已經完成,但是整體的設計看上去過於平靜,節日的氣氛也不足,怎麼辦?沒關係,我們來給它添加一些節日的元素,既然是打折嘛,可以把金幣放上去,也可以放一些彩色氣球,再放一些彩紙上去,這樣看上去氣氛就起來了。

    感恩節折扣活動Banner完整設計思路

    最後我們把美女放上去,美女的衣服是白色的,為了讓氣氛更熱鬧,我們把她的顏色改成主色調紅色。但是美女放上去之後,我們發現空間有點緊張,所以我們把金幣拿掉,至此整個的Banner設計就完成了。

    感恩節折扣活動Banner完整設計思路

    — —

    文章永久連結為: 感恩節折扣活動Banner完整設計思路