【 設計理論】淺談新手設計師如何快速的設計淘寶海報

淺談新手設計師如何快速的設計淘寶海報

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

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

教學大綱:

主要想通過這文章把自己經驗總結一下,也對剛入門的美工們打開一個思路。主要對新手寫的…歡迎高手來指導,回想自己剛入門的時候,面對PS空白的畫板真是不該從何做起,毫無思緒。如果有相同經歷的你,這篇文章或許有些幫助。


設計理論教學開始

主要想通過這文章把自己經驗總結一下,也對剛入門的美工們打開一個思路。主要對新手寫的…歡迎高手來指導,回想自己剛入門的時候,面對PS空白的畫板真是不該從何做起,毫無思緒。如果有相同經歷的你,這篇文章或許有些幫助。

大家關注微信公眾號超級美工,會定期推送淘寶美工設計教程

一張海報一般首先要問客戶也就是我們的上帝要下面3個東東。

1:文案 2:產品圖 3:海報尺寸

然後上帝給予我們這三樣東西之後就開始準備設計,在設計的過程中最主要也就確定以下2個方面:

1:排版構圖(文案+產品)2:海報配色(背景+文案 與產品色的協調)本文主要針對這2個方面進行解讀。

海報的排版構圖

一張電商海報基本有3部分組成,產品丶背景丶文案。確定好了構圖版式,也就成功了一半。常見的版式有3種左文右圖丶左圖右文,兩邊圖中間文的下面通過6個案例給大家一一說明。

淺談新手設計師如何快速的設計淘寶海報

一丶這張海報是左文右圖式,這張海報的左邊文案排版非常典型,字體上粗下細,上大下小,上下主次分明,形成對比。文案四四方方架構非常穩重,非常平衡。

淺談新手設計師如何快速的設計淘寶海報

二丶這張海報屬於左圖右文也是很典型的,淘寶官方引導的那種典型排版。字體也是上粗下細,上大下小。下面的價格打折部分排版很穩重丶結實。

淺談新手設計師如何快速的設計淘寶海報

三丶這張海報是兩邊圖中間文字的排版,常見於多模特海報中。一般是一邊近景另外一邊是遠景模特產生對比和呼應。

淺談新手設計師如何快速的設計淘寶海報

四丶放這張海報我想表達的是背景是風景的情況下,文字直接打上去會顯得太亂。可以直接畫一個半透明的框框,如圖所示。然後再在裡面排文案。模特也是一邊遠景,另一邊近景。

淺談新手設計師如何快速的設計淘寶海報

五丶當海報上要放置過多的促銷產品,可以採用這種版式。中間是一個半透明的框輸入文案。

淺談新手設計師如何快速的設計淘寶海報

六丶斜切式構圖會讓畫面顯得時尚,動感活躍。但是畫面平衡感不是很好控制。一般斜切式的文案傾斜角度最好不要大於30,不然得歪着頭閱讀。另外根據閱讀習慣,文字一般是往右上方的傾斜,文字這樣有一種上升感。

總結

在海報設計過程中版式的平衡感極為重要,同時還要處理好不同物體之間的對比關係。比如文案字體的大小對比丶粗細對比丶模特的遠近對比。好比我們畫素描靜物的時候,靜物的擺放也是前後層次分明,有主物體,有陪襯的對比分明。關於文案:文案中要說清這個寶貝的屬性,給消費者帶來的益處等,關於文案大家可以百度FAB法則看下,這裡不多說了。

開始做美工沒有思路怎麼辦?最開始就和學素描一個道理,先在網上找好的案例,臨摹,再臨摹…

關於配色

剛開始做美工遇到另外一個難題就是配色了,關於配色的技巧有很多,常見的有對比色丶臨近色冷暖色調搭配多種方式…我這裡說一個最簡單的方法。也是一種最快的方法!

下面我說到的這個方法就是直接從產品圖中取色。

例子(一)

淺談新手設計師如何快速的設計淘寶海報

如果我們已經產品圖的情況下可以根據模特顏色來確立背景色和文案顏色,模特都是黃色衣服然後推出背景顏色直接用黃色,但是要與產品圖區別開。其次模特頭髮顏色是深棕色,身上褲子和襯衫還有白色成分,所以主標題可以採用棕色,包郵的標籤里用白色文字。主體模特與背景與文案三者的顏色相互呼應,你中有我,我中有你。最後說一點白色是萬能搭配色~如果沒有合適的就用白色/灰色吧~

例子二

淺談新手設計師如何快速的設計淘寶海報

這個例子有3個模特,其中2個模特都是屬於灰色系(淺灰和深灰)因此背景採用淺灰色,文案的顏色直接採用模特身上的深灰色,部分文案用粉色作為點綴色。這類圖的顏色搭配就是一種相互呼應相互對比的關係。

淺談新手設計師如何快速的設計淘寶海報

陰中有陽,陽中有陰,白中有黑,黑中有白,相互對比丶呼應丶無形中有一種平衡感。其實我也只是無意中聯想到的,對太極也沒什麼研究…主要想給大家打開一個思路。

配色比例

日本設計師 曾經針對色彩的配色提出比例原則 70丶25與 5 的配色比例方式 ,其中的底色為大面積使用的底色,而主色與強調色則是可以利用互補色的特性,來講主色以及強調色皆襯托出來。

淺談新手設計師如何快速的設計淘寶海報

大家可以根據這個來看上面2個例子,模特和背景都是一個色系,屬於底色。文案的部分屬於主色,剩下的5%的點綴色(強調色)。我介紹的從圖片素材中取色的方法,有利有弊,弊端就是模特身上的顏色有限。關於配色的知識非常多,以後有機會再與大家分享。沒有思路時可以去百度找一些配色色譜網站,也可以利用一些小工具如kuler 等。

下面實戰演練

淺談新手設計師如何快速的設計淘寶海報

淺談新手設計師如何快速的設計淘寶海報

淺談新手設計師如何快速的設計淘寶海報

本文到這裡就結束了,寫的有點亂,主要是想給剛入門迷茫中的工友開拓一點思路,也希望大家多給我留言相互學習相互進步。最後大家可以加我的微信公眾號超級美工。

–本文轉載自 http://www.missyuan.net 教學網 —

文章永久連結為: 淺談新手設計師如何快速的設計淘寶海報