億品元素設計資源博客

品味經典包裝設計,版式設計,分享實用設計資源、設計軟件、插件下載及在線書法字體生成
登錄注冊 聯系合作 投稿

億品元素 » 教程技巧 » 電商Banner設計快速進階技巧分享

電商Banner設計快速進階技巧分享

昨天給大家分享了一篇Banner設計技巧,今天再乘熱打鐵,再給大家帶來一篇電商Banner設計快速進階技巧的文章。今天這篇好文把電商Banner的設計方法都說得七七八八了,如何用圖案提升節奏感+用裝飾活躍氛圍;分割背景怎么做;大色塊背景如何配色等等,全是電商Banner 常見的技巧。值得一提的是文中案例非常豐富,能大大降低新手的學習難…

昨天給大家分享了一篇Banner設計技巧,今天再乘熱打鐵,再給大家帶來一篇電商Banner設計快速進階技巧的文章。今天這篇好文把電商Banner的設計方法都說得七七八八了,如何用圖案提升節奏感+用裝飾活躍氛圍;分割背景怎么做;大色塊背景如何配色等等,全是電商Banner 常見的技巧。值得一提的是文中案例非常豐富,能大大降低新手的學習難度。

xz2016071137

哈嘍大家好!已經很久沒有更新分享了,沒有啥好的點子了。該分享的都分享的干凈了,那為什么現在整理這些分享給大家呢。

還是希望能幫助大家更快的了解Banner設計的一些技巧,另外也是有一些新的想法想和大家交流。

部分案例來源于網絡 多有得罪請恕罪哈。

01)Banner 5寶

  1. 圖案圖形節奏感
  2. 裝飾碎屑氣氛足
  3. 分割背景更活躍
  4. 背景顏色大色塊
  5. 終極寶

02)案例改稿分享

是不是你也會出現這些問題:

  1. 畫面臟
  2. 頁面空
  3. 細節不足

一、圖案圖形節奏感

圖案指的什么

圖案相比大家都知道,也或多或少用過。圖案放大可以變得大氣,縮小也可以很精致。

而Banner中經常會出現的圖案大都是幾何形狀的重復或旋轉得到的圖形,用來做為背景的紋理來豐富背景的細節感。有時候有人經常會說背景里少了點什么,下次你不妨嘗試一下用用。不是一定要用,如果你需要可以試試效果呢。

舉個例子:

xz201607111

采用一個幾何形狀通過平移重復得到的圖案,在應用在純色的背景上我把它稱之為圖案。
案例中的背景采用了純色背景搭配,沒有過多的顏色。在這種情況下為了使背景避免過
于簡單,所以加上了菱形圖案來豐富背景的細節和層次。

圖形指的什么

有人可能會問了,圖案和圖形的區別是什么呢。圖案是通過復制平移得到的,而圖形可以通過復制平移和循環放大某個形狀得到的圖形。圖形比圖案的節奏感往往會更強一些,圖形需要手動去調整和復制,可以做更多的差異化重復。而圖案則是規律性更好。

再舉個例子:

xz2016071113

圖1:案例中的圖形是通過相同的圓角矩形,長度和寬度的變化來組合成了更強的節奏感。它可以是色彩變化多端,也可以是單色深淺變化。

圖2:案例用了三角形向上循環重復使用,并且通過改變顏色深淺增強了空間感。其實上面還加了一成三角線的圖案,不知道小伙伴們你們看到沒。

看對比01-背景有圖案和沒有的區別:

xz2016071124

xz2016071134

我就拿一個三角形圖案Banner對比添加和不添加圖案的感受,在沒有添加圖案的情況下雖然這個案例在其他方面我做了挺多視覺表現,但是沒有圖案還是會感覺少了一點節奏感和細節。當我們為背景層添加了圖案之后,畫面變得飽滿、同時也增加了促銷的感受。

看對比02-背景有圖案和沒有的區別:

loser20160711

打賞

如果本站對您有所幫助,請考慮對本站進行小額捐贈:

捐贈億品
相關內容

發表評論

如何下載本站資源『所有留言都會被審核,請勿發布垃圾評論』

(必填)*

银行基金配资业务