當前位置:首頁>ps實例教程>ps網(wǎng)頁設計>淘寶美工>教程內(nèi)容

美工知識,淘寶鉆展banner設計思路(2)

來源:站酷 作者:morning924 學習:22543人次

注意事項

* 找出文案中最重點的語句,運用粗細對比和大小對比加以強調(diào)和區(qū)分!

* 字體既然要對比就要對比分明,把標題設置12號字,把正文設置為10號字毫無意義,既然用對比就要大足夠大,小足夠小,細夠細,粗夠粗,讓人眼一看就看出來他們的對比關系!記!一定要對比分明!

* 對比不光會讓畫面更加美觀,而且也會增加頁面的可讀性,不要擔心對比后的讀者不會去讀小字,假如畫面所有文字都一樣大的時候,沒重點,沒邏輯性,顧客往往一瞥而過。只要你強調(diào)的部分吸引到顧客,顧客也會下意識的往下看。

下面通過一些案例截圖幫助大家更好的認識大小和粗細對比!

theoat.com.cn_04100a001-24.jpg

大家看到?jīng)],只通過改變字體的大小和粗細就能把設計變的非常精美!有時候為了對比更加明顯,會降低小字部分的透明度,產(chǎn)生明暗對比。

下面扯一下疏密對比

在居中對齊的排列方法中經(jīng)常還會運用疏密的對比手法。

theoat.com.cn_04100a947-25.jpg

疏密對比中很多新人容易犯的一個毛病就是字符間距不寬不緊,給人的感覺很松垮,有時候可以嘗試把字距調(diào)整為負值,更加緊湊一點。疏的夠疏,密的夠密,不要半疏不密的給人感覺會不穩(wěn)定。

最后總結(jié)

一般來說一張海報基本就運用這三個原則,對齊,對比,分組。切記一句話,畫面中每一個元素的存在以及它的擺放都有它的道理!畫面是你設計的,你應該說出你這么做的來由!

所有帶有震撼視覺效果的畫面都是源自對比,如果有人說你畫面太平淡了,那么就請運用對比吧!對比是最有效的改變你畫面的救命草!

一般一個廣告圖的文案并不多,基本上一套文案就分為兩部分,一是:賣點(這兩樣無非就是價格和包郵還有送禮品之類的),二是襯托文字,只要把重要的和次要分清楚,接下來設計的思路就很明確了,賣點要大要粗顏色醒目,襯托文字設計小一點排版好看就行了。

theoat.com.cn_0410096041-26.jpg

3.商品陳列方式

①.疊加的

疊加商品+切邊構圖+截取部分商品展示+商品數(shù)量要多

theoat.com.cn_0410091220-27.jpg

總結(jié):

將商品按一定的構圖規(guī)律沿著banner圖四周環(huán)繞,這就給一副畫加一個框把它裱起來一個道理,既美觀又能聚焦視覺到畫面中心,只不過這里是將視覺聚焦到中間文案,這也是為什么這種構圖文案信息都是居中在畫布中間放置的原因,該手法在攝影構圖中也很常見

1, 這種構圖往往要求所選商品形狀要盡量規(guī)整,比如矩形,方形,圓形,擺放位置和大小要形成一定規(guī)律,有大有小,有高有低,切勿亂擺

2, 因為選擇的是疊加模式,將商品融進背景里的處理手法,所以對商品的顏色并無太多要求

3, 這種常運用于服飾鞋包、美妝美膚等活動banner里

theoat.com.cn_04100960U-28.jpg

還有其他類似手法的我們也一起看下,下次遇到適合這樣處理商品的圖不妨一試,時尚感立馬提升

②.模擬貨架擺放的

模擬商品真實擺放場景+三件以上商品

theoat.com.cn_0410093011-29.jpg

總結(jié):這種手法主要就是試圖營造一種真實的購物場景,一定程度上增加網(wǎng)購信任感和親和力

1.這種手法對于商品的拍攝角度有較高要求,因為看上去要真實,如果透視陰影光線都不對,就穿幫了

2. 如果有條件在拍攝時就把場景搭建好,那么作圖的時候直接拿來用酒好了

商品堆放+三件以上商品

theoat.com.cn_04100962F-30.jpg

選用左右各45°角商品、中間正視角度商品堆放在畫面左邊,三角形構圖,畫面比較穩(wěn)

theoat.com.cn_04100911U-31.jpgtheoat.com.cn_04100933F-32.jpg

商品堆放在畫面中間,居中放置,其中一個商品比重最大,周圍小物體圍繞周邊,形成穩(wěn)定的三角構圖

theoat.com.cn_04100940G-33.jpg

商品堆放在畫面右邊,其中一個商品比重最大,周圍小物體圍繞周邊,形成穩(wěn)定的三角構圖

theoat.com.cn_0410094418-34.jpg

商品堆放在畫面中間,其中一個商品在最高點,周圍物體圍繞周邊,形成穩(wěn)定的三角構圖

theoat.com.cn_04100962E-35.jpg

這四個都是橫向或縱向往一個軸線堆放,也是穩(wěn)定構圖,類似堆積木,做漢堡,唯一要注意的是,商品角度上有點變化可以讓畫面更靈活,如上圖所示

總結(jié):

雖然都是堆放的形式,但是變化也是可以很多樣化,前面幾種三角堆放商品的形式在食品,服飾鞋包或綜合類目的活動中應用較多,后面幾種比較適合同類商品的堆放,要求商品形狀是比較規(guī)則的立方體或扁平的物體,想象一下堆積木或疊衣服就知道了

遠景近景的對比+2件以上物品

theoat.com.cn_0410091J0-36.jpg

總結(jié):這種形式不需要太多商品,比較適合推單品的活動,要求商品拍攝角度要好看,45°角最佳,這樣透視感比較容易出來效果,近大遠小,近景商品為主角

③.手繪商品

手繪+虛實結(jié)合+1個以上商品

theoat.com.cn_04100a524-37.jpg

其實這種就是前面講到的很常見的商品三角構圖堆放,文案和商品左右布局啦,只是商品變成全手繪稿,設計感和藝術氣息立馬提升幾個臺階(你就當我是夸張手法吧,畢竟讀書少。。),如果你有手繪功底并且時間充裕,并且你的需求人愿意讓你這么搞,你就開干吧

theoat.com.cn_04100925Z-38.jpg

這三種構圖前面也講到了,這里就不再多說,我要說的是,如果你有手繪功底,并且你的活動類型是可愛或者炫酷,或者腦洞大開的,你就發(fā)揮自己的特長,加點想象力,在實物圖上手繪幾筆,虛實結(jié)合,畫面非常有活力,看到的人都會覺得,哇!好棒!不信你試一下?

總結(jié):

1.硬性指標:會手繪,有想象力,或者你會照葫蘆畫瓢也行

2.要你的活動定位愿意讓你這么干,畢竟不是每個類目都適合這種手法,比如如果是要走國際高端路線,這種手法就會太小兒科了,與品牌調(diào)性不一致,這種適合于潮牌服飾鞋包,護膚美妝,母嬰,韓系日系可愛風

3.你的手繪內(nèi)容應該是與商品活動有關的或有聯(lián)系,如果你賣的是女裝,你畫只鴨子合適嗎?

4.時間充裕,因為手繪比較費時間哦(牛逼的除外)

④.拿在模特手上或穿在身上腳上的

穿在模特身上展示+大小對比+1件以上物品

theoat.com.cn_041009E32-39.jpg

左中右布局,商品三角堆放在右邊,模特試穿效果圖左邊,文案在中間,對稱式構圖,穩(wěn)定

theoat.com.cn_04100911A-40.jpg

左右布局,商品和模特三角堆放在右邊,文案在左邊,左右面積相當,畫面穩(wěn)定

theoat.com.cn_04100963a-41.jpg

左右布局,模特試穿局部效果圖放右邊,全身展示在左邊,文案在左邊,左右面積大小相當,畫面穩(wěn)定,同時右邊多彩大面積局部視圖起到比較突出展示商品的效果

theoat.com.cn_04100912P-42.jpg

近景和遠景布局,文案在前,商品在后,文案信息為主體,多個商品排排放為遠景作背景

theoat.com.cn_0410094338-43.jpg

左邊模特試穿效果展示,右邊文案信息,同時文案排版遵循模特姿勢,畫面有動感,如箭頭所示

theoat.com.cn_0410092105-44.jpg

左右都為模特局部效果展示,但是文案信息在右邊,所以增大左邊模特面積,這里一個是模特大小的對比,一個是背景顏色淺和深的對比,最終效果畫面穩(wěn)定

總結(jié):

這種形式需要一個姿勢好看或動感的模特試穿效果,若是左右的布局,則適合近大遠小的形式,若為左中右布局,則適合大小相當?shù)膶ΨQ式構圖,顏色的選取和形塑造都應該遵循產(chǎn)品本身的特點來,這是比較有依據(jù)的做法

⑤.飄的

飄著的商品+大小對比+虛實對比+3件以上商品

theoat.com.cn_0410092500-45.jpg

主體在中間,前面清晰近景圍繞,后面虛化遠景圍繞,點綴其他幾個大小不一的虛化物體,讓畫面有動感和層次感,注意力還是集中在畫面中央的商品上

theoat.com.cn_04100a9C-46.jpg

左中右對稱布局,文案信息在中間為主體,商品近景大,遠景小,一看就是要促銷賣各種鞋子的

theoat.com.cn_04100a536-47.jpg

大大的文案sale為主體,商品有節(jié)奏的前后左右貼邊像是長在主體上,商品作為修飾物,增加熱鬧促銷氛圍

總結(jié):這種形式要求有一個中心主體,在正中間,比如文案信息,然后商品作為配角,或煥然著他轉(zhuǎn),(想象一下宇宙銀河系什么的)或左右對稱漂浮著(對稱構圖懂撒?左邊你飄一個大的,右邊我也飄一個大的,左邊你飄一個小的,右邊我也飄一個小的),或像生長在主體周圍一樣(想想大樹上的葉子樹枝的生長),所以說,設計真的是有很多可以向大自然學習的規(guī)律

按某種規(guī)律平鋪商品+4件以上商品

theoat.com.cn_04100963G-48.jpg

商品擺放要規(guī)整,要錯落有致,有大有小,左邊文案,右邊商品的左右布局,左邊背景深,右邊背景淺,這樣子左右比重就平衡了,這種適用于商品品類相似,商品形狀規(guī)則的促銷活動

theoat.com.cn_04100943X-49.jpg

商品圍繞中心主體文案規(guī)則排列,有輕有重的節(jié)奏,錯落有致

theoat.com.cn_0410095423-50.jpg

上下結(jié)構布局,商品橫向擺放,商品形狀一致,擺放有大有小有節(jié)奏感,畫面緊湊

theoat.com.cn_04100914c-51.jpg

左右結(jié)構布局,商品置于整齊排列的圓形里,展示部分細節(jié),這種適用于商品種類繁多,商品形狀多樣化不規(guī)則的促銷活動

總結(jié):

這種形式適合任何布局,上下也好,左右也好,居中也好,都無限制,所以你的banner到底適合哪一種,就要看緣分和心情了。。。(好吧其實要看你的商品適合哪種布局,具體請對照查看)

鋪滿整個畫面+前后景+n多商品

theoat.com.cn_0410093P8-52.jpgtheoat.com.cn_0410094K1-53.jpg

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側(cè)二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
禿頭小寶貝兒2020-11-30 10:59
我的天,都是干貨,需要慢慢消化
zhang東方2017-02-16 09:15
值得收藏!
zhang東方2017-02-16 09:02
值得收藏!
唯艾尚2016-09-23 03:39
已收藏,慢慢看
唯艾尚2016-09-23 03:09
已收藏,慢慢看
小蘋果2016-08-22 05:07
非常好,多謝分享,大神
小蘋果2016-08-22 05:08
非常好,多謝分享,大神
云淡風清-看淡2016-06-27 11:11
整理的好用心,一定好好拜讀!
云淡風清-看淡2016-06-27 11:06
整理的好用心,一定好好拜讀!
8712203152016-05-06 10:16
大神
8712203152016-05-06 10:05
大神
Trans2016-04-25 05:10
保存慢慢看。
王延敏2016-04-25 05:04
保存慢慢看。
熊孩紙2016-04-24 10:51
學習啦。。學習啦。
那個人說我累了2016-04-24 09:12
學習啦。。

關注大神微博加入>>

網(wǎng)友求助,請回答!