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




  • 【 設計理論】B2C網站歐美風格的banner設計技巧




    B2C網站歐美風格的banner設計技巧

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

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

    教學大綱:

    歐美風格:藝術作品、商品等事物在整體上呈現出的歐美事物的面貌,或者具有歐美面貌的特點,這樣則被稱為歐美風格。它是一種風格,但不局限於一種風格,而是歐美許多風格的統稱。


    設計理論教學開始

    先看一下百度給歐美風格的的定義:

    歐美風格:藝術作品、商品等事物在整體上呈現出的歐美事物的面貌,或者具有歐美面貌的特點,這樣則被稱為歐美風格。它是一種風格,但不局限於一種風格,而是歐美許多風格的統稱。

    其實說起來歐美風格其實很難定義,尤其是在我們設計這一行,當然這是我個人的理解了。

    先說一下我之前的工作環境,我之前是在一家外貿B2C企業做事的,我主要是設計網站,banner,logo,海報之類的。我們公司銷售的東西大部分是給美國的,英國,德國和法國,俄羅斯也是我們的銷售對象。就先統稱老外吧。老外對這些東西的要求其實很簡單:簡潔,大方,直接。

    我拿banner來做個例子先,我先選擇帶人物和商品的banner。

    先看第一張,這是我從某國外銷售珠寶的B2C網站找來的。

    B2C網站歐美風格的banner設計技巧

    在看另外一張

    B2C網站歐美風格的banner設計技巧

    先簡單分析一下,這兩張圖片都是‘人物+產品+信息’。

    先對比一下人物,因為我們的銷售對象都是老外,所以一般選模特就是選擇老外當模特。模特的選取其實很關鍵,至少要賞心悅目的,2張banner的模特都是美女,這是毋庸置疑的。

    我們看下2張模特圖:

    B2C網站歐美風格的banner設計技巧

    B2C網站歐美風格的banner設計技巧

    第一張的模特選擇的是上半身,也是個美女,和主題有關的就是項鏈和手鏈。這點選取表示很到位;第二張也是半身像,和主題有關的也是手鏈和項鏈,也很契合。對比一下,第二張明顯比第一張要好一些,首先模特的顏色鮮艷,而且線條也明顯;第一張比較柔和一點,而且選取的顏色比較灰暗,這種情況下,這種色調其實不好,給人一種壓抑的感覺,說的不好聽一點,就像遺相 – -#。在看模特身上的珠寶,第二張的優勢也比較明顯,模特的姿勢就是在展示珠寶,還有珠寶的顏色很出彩,而第一張就弱勢很多,說到底還是可以歸結到色彩的問題。

    再來看一下產品:

    B2C網站歐美風格的banner設計技巧

    B2C網站歐美風格的banner設計技巧

    我想這2張圖的強弱勢我不說大家也知道,除了顏色的問題,還有就是尺寸的問題了。我們要展示的是珠寶,所以重頭戲應該是珠寶,而不是模特。回頭看看兩張圖的分佈,我們先當他們55分吧,第一張是產品+文字占約50%,第二張是文字+模特佔50%。然後再來想想我們的主題,主題是珠寶,那麼哪張比較好就很容易分辨了,一張是着重突出主題,而另一張雖然有表達主題,但是主題卻不是他表現的主要部分,這點就不是很到位。總結一下,一張banner的的主要版面應該留給主題,而不是一些不是很重要的東西。

    最後說一下優勢,這兩張圖的表現手法基本是一致的,很簡潔,設計了應該有的元素,沒有一味的為了好看而去添加一些不必要的東西,這點就很符合老外的審美,簡潔,大方,直接!

    這次就簡單分析一下做banner需要注意的一些小問題,希望能對讀者有一些幫助。其實設計的時候還有很多需要care的地方,我一時半會也想不起來。就把能想到的先說了,至少對初學者是有一些幫助的。

    — —

    文章永久連結為: B2C網站歐美風格的banner設計技巧