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

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

來源:站酷 作者:morning924 學(xué)習(xí):22543人次

總結(jié):

1.這種形式與清倉大甩賣這種活動簡直是絕配,它往往意味著廉價,超級便宜,商品種類蠻多,往往也可以淘到很多物美價廉的商品(所以也不要覺得這種banner非常俗氣哦)

2.將商品堆一堆鋪滿整個畫面,作為多彩的背景,文案利益點加一個純色底放置在上面(背景復(fù)雜,前景肯定要干凈才可以突出文字啦),最后一步,將折扣信息突出再突出,一個banner就完成了,是不是感覺自己在做一道類似于火鍋大雜燴的黑暗料理?設(shè)計跟做菜也是有相同之處呢,平時多思考觀察吧。

⑥.商品部分細節(jié)展示

超大局部細節(jié)展示+1件商品

theoat.com.cn_04100a936-54.jpg

總結(jié):

1.超大局部細節(jié)展示(因為大牌就是這么自信啊,我細節(jié)棒,做工好用料好,不怕你拿放大鏡看我)所以,有些天天喊著我要做大牌感大牌感的廣告,但是,給的商品又是拍攝質(zhì)量很糟糕的,或者做工很一般的,真想。。。

2.大面積留白,畫面干凈無雜質(zhì),商品就是唯一的主角

3.其實是品牌logo稍微醒目點,文案信息字體比較纖細,并且字號很小,處在配角的位置,但是因為往往這種廣告大面積留白,即使字體很小很纖細可視度也很高,也不影響閱讀

4.背景色多為黑,白,灰,色彩也比較單一,總之,就是為了高冷而生

5.這種形式適用于奢侈品彰顯大牌調(diào)調(diào)的活動,或者數(shù)碼電子產(chǎn)品,數(shù)碼電子產(chǎn)品也是喜歡走這種高冷路線,因為冷酷,有逼格,讓人覺得擁有它很有面子,那種一般的商品比如衣服有線頭,褶皺,產(chǎn)品用料又不高檔做工不精致的就不要嘗試這種了,因為本來你是想要裝大牌感來著,卻把你的瑕疵缺點展示出來了,就起反作用了

⑦.平面構(gòu)成圖形化的

theoat.com.cn_0410092J4-55.jpg

這種就是玩構(gòu)圖,看個人功力了,你看他的平行線,他的切割比例多么美,他的背景色塊的顏色都是從商品的配色吸取的(我好想是在說廢話。。。這樣吧><)不過我要說的是,如果有圓形,矩形,三角形,千萬不要放過它們,因為這幾個基本圖形很容易玩出構(gòu)圖來

⑧.結(jié)合商品本身特點的

結(jié)合商品本身的特點排版+從文安里找靈感+2件以上商品

theoat.com.cn_0410092W2-56.jpg

這個廣告一看就是想表達這只拖鞋有多么“色“,這就是結(jié)合商品本身的特點和文案去聯(lián)想去發(fā)揮想象力,其實往往這種特質(zhì)比較明顯的商品是很容易讓設(shè)計師發(fā)揮的,我們的設(shè)計很多時候就是想辦法與商品產(chǎn)生關(guān)聯(lián),比如商品是質(zhì)感,顏色,紋理,圖案,形狀都是我們可以提取的元素

theoat.com.cn_04100ab1-57.jpg

雨傘和雨鞋可以做的這么乖,撲通!是不是很像一個小胖孩打著傘,好形象,有親和力,好喜歡,買買買!!

所以說,有些比較討巧的商品就是可以擺放成這樣去賣萌,獲取用戶好感,然后。。。讓你忍不住想要買買買!!

總結(jié):把商品排版玩轉(zhuǎn)了,距離走向人生巔峰也就不遠了(你信么?)其他的很多信息都只是順帶提一下,要講的太多,暫時先蔣這些。

4配色:

做電商就是賣貨,因此主要的設(shè)計需求都以產(chǎn)品為主,所以我們就可以根據(jù)產(chǎn)品的顏色以及運營需求的風(fēng)格基調(diào)這2個方面來配色,用一句話來闡述就是:以產(chǎn)品的顏色為基準(zhǔn)(基色),以運營需求為方向(目標(biāo))。最終的圖片效果與運營需求基調(diào)相匹配。

如何選色?可以從產(chǎn)品圖中直接取色,這個方法很多做過一段時間設(shè)計工作的童鞋都會自行領(lǐng)悟,在一些設(shè)計書中也是不約而同地提到。因為從產(chǎn)品選出的色彩可以很好的與產(chǎn)品色相呼應(yīng),視覺上可以相互關(guān)聯(lián)。 是最簡單的選色方法.

案例:

產(chǎn)品:男士襯衫。關(guān)鍵詞:時尚,潮流帥氣,活躍。文案:潮流風(fēng)尚,夏裝八折上線。

theoat.com.cn_0410096355-58.jpg

以下的幾種配色方案主要以藍色(模特身上的衣服)為基色,然后圍繞藍色展開。

4.1.1鄰近色

theoat.com.cn_0410095915-59.jpg

theoat.com.cn_04100a3D-60.jpg

4.1.2間隔色

theoat.com.cn_0410093214-61.jpg

theoat.com.cn_0410093036-62.jpg

theoat.com.cn_0410094039-63.jpg

theoat.com.cn_0410093501-64.jpg

theoat.com.cn_0410095O9-65.jpg

theoat.com.cn_0410094523-66.jpg

4.1.5暗色調(diào)

theoat.com.cn_0410096047-67.jpg

theoat.com.cn_041009E03-68.jpg

4.1.6暗色調(diào)+高純度

theoat.com.cn_0410094H4-69.jpg

theoat.com.cn_041009D31-70.jpg

theoat.com.cn_0410091E3-71.jpg

4.2.配色比例

日本設(shè)計師 曾經(jīng)針對色彩的配色提出比例原則70%,25%與5%的配色比例方式,其中的底色為大面積使用的底色,大家可以從上面的海報中自己分析下,哪個是主色,哪個是輔助色,哪個是強調(diào)色。

theoat.com.cn_0410091M7-72.jpg

5.字體

theoat.com.cn_0410096351-73.jpg

5.1字體的基礎(chǔ)應(yīng)用

theoat.com.cn_0410094I9-74.jpg

theoat.com.cn_0410095943-75.jpg

theoat.com.cn_0410091S3-76.jpg

5.2字體的高級使用:

5.2.1男性字體

theoat.com.cn_04100961S-77.jpg

theoat.com.cn_04100963F-78.jpg

5.2.2女性字體

theoat.com.cn_04100a600-79.jpg

5.2.3孩童

theoat.com.cn_0410094291-80.jpg

5.2.4中性

theoat.com.cn_0410095L4-81.jpg

5.2.5促銷型

關(guān)鍵詞:粗,大,顯眼,傾斜,文字變形等,例如 “造字工房力黑”等

theoat.com.cn_0410092356-82.jpg

5.2.6品牌調(diào)性字體

關(guān)鍵詞:纖細,小,優(yōu)美,干凈利落

一般用筆畫細的字體,字號也比較小,多用英文搭配,更加時尚。

theoat.com.cn_04100ab4-83.jpg

5.2.7文藝、名族風(fēng)

關(guān)鍵詞:纖細,優(yōu)美,復(fù)古等

一般用筆畫細的字體,如:宋體等,字號也比較小或毛筆字體(用于標(biāo)題),而且常采用豎向排版。

theoat.com.cn_0410091612-84.jpg

6.小元素呈現(xiàn)

theoat.com.cn_04100922Z-85.jpg

theoat.com.cn_0410092Z3-86.jpg

theoat.com.cn_0410091240-87.jpg

theoat.com.cn_0410092920-88.jpg

theoat.com.cn_04100944G-89.jpg

四.鉆展圖的審核標(biāo)準(zhǔn)

1.因地制宜

根據(jù)位置、尺寸等信息采取合適的布局和表達,契合鉆展位置的尺寸特征。

2.主題明確:

經(jīng)常會看到一些鉆展圖片,要么內(nèi)容很多,信息量很大,但是讓人摸不著頭腦,不知道主訴求點是什么;要么創(chuàng)意天馬行空,不知所云。鉆展圖片需要在有限的空間和時間內(nèi),快速吸引客戶的興趣并使其點擊,清晰明確的主題是圖片成功的第一要求。

如何讓設(shè)計出的鉆展圖主題清晰呢?首先,建議與提設(shè)計需求的人充分溝通,在明確推廣主題后再進行設(shè)計,其次,鉆展圖片的概念一定要在強調(diào)自身主題的前提下去設(shè)計。最后要進行內(nèi)部檢驗,即在內(nèi)部研討設(shè)計好的圖片,看看退隊成員能否通過設(shè)計出來的圖片來確認(rèn)鉆展主題,另外,鉆展的主標(biāo)題盡量控制在6字以內(nèi),緊扣消費者訴求,講大白話,直擊要害,能感知打動用戶,一聽就明白。

3.形式美觀:

鉆展圖片是有結(jié)構(gòu)和層次的,不同布局呈現(xiàn)出來的是不同的視覺焦點,如果視覺焦點不統(tǒng)一或者布局不理想,很容易形成信息錯亂,造成原先應(yīng)該重點呈現(xiàn)的要素卻被客戶忽略的結(jié)果。圖片布局最常見的問題有兩個,一是信息散落,設(shè)計師試圖將信息點以均分形式平均到整個鉆展上,二是缺乏抓住用戶實現(xiàn)的能力。那么如何讓鉆展圖片的設(shè)計布局更為合理呢?

3.1文案排列越整齊,越便于閱讀。

3.2要基于用戶的閱讀習(xí)慣進行排版,將內(nèi)容歸類,可以嘗試字、圖分離的設(shè)計方式。用戶遵循的是從左到右,從上到下,先主圖再文字的順序。

3.3好的鉆展圖片布局應(yīng)遵循兩條簡單的定律:一是適當(dāng)留白。二是采用黃金分割法。

3.4根據(jù)商品、活動的特性,用戶人群的特點,渲染適合主題的有張力的畫面氛圍。

3.5色系不超過三種,灰度、純度對比平衡。

3.6文字搭配,平衡比例,合理控制圖片重心、視平線和視覺比重。

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(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
非常好,多謝分享,大神
云淡風(fēng)清-看淡2016-06-27 11:11
整理的好用心,一定好好拜讀!
云淡風(fēng)清-看淡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
學(xué)習(xí)啦。。學(xué)習(xí)啦。
那個人說我累了2016-04-24 09:12
學(xué)習(xí)啦。。

關(guān)注大神微博加入>>

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