如何設(shè)計Banner 才有高點擊率?今天小編為大家分享AI制作有吸引力又高點擊率的橫幅Banner教程,教程真不錯,介紹的也很詳細,推薦過來,希望大家喜歡!
教程主要分上下兩部:經(jīng)驗與構(gòu)思分享 & 制作方法。從文案到創(chuàng)意、背景設(shè)計到具體的繪制方法都有,可以學習的地方非常多,一起來看。
策劃文案大標題:醫(yī)生的助理來也小字:218元豪華大禮包
最終設(shè)計稿 (微信展示效果圖,注:右上的空白是為避免廣告擦掉的品牌LOGO):
如今微信公眾號越來越多,內(nèi)容也越來越豐富,我們常常苦惱于如何制作一張有吸引力的Banner,來讓苦心編輯的文章獲得更高點擊率。
那么一個經(jīng)過精心設(shè)計的Banner和一個創(chuàng)意平淡的Banner,就會相差很大。
如何做到"精心設(shè)計"?
不要一拿到文字就開始設(shè)計,必須對這個Banner文案和內(nèi)容深入理解。站在訪問者的角度去考慮如何做到有吸引力。
文案精簡
不宜過多,如果實無法刪減,那就要從設(shè)計上想辦法,至少讓第一眼視覺不能看起來文字過多,不然會令人失去閱讀的欲望。
畫面合理
整體視覺表達要契合主題,保證點擊進去之后的內(nèi)容與Banner表達的概念一致。一般情況下,色彩不宜過于豐富,找準一個主色調(diào)是最好的。
文字清晰
大標題盡可能醒目一些,否則在視覺上很容易被忽略。另外,因為Banner是手機上看的,所以小字部分也不能過小,至少要24pt以上。
強調(diào)吸引點
在Banner中突出獎品豐富,告訴訪問者,能給他們帶來各種福利,吸引點擊。
考慮使用環(huán)境
考慮到Banner實際放上去后,圖片下方會覆蓋一條半透明黑標題欄,所以畫面需靠上一些。可以把微信界面截圖放到AI中,看著效果做。

這次的悟空畫面是怎么想到的?
看到"醫(yī)生的助理來也"這句文案,先草圖構(gòu)思起!一般腦海中會首先想到以下畫面:
方案1: 不適用!助理拍馬屁跡象過于明顯…
方案2: 不適用!還以為這人上門搞傳銷的…
上面這些沒有認真思考過的畫面,都不是我們身為專業(yè)設(shè)計師應有的水準,我們要做的可是"精心設(shè)計"過的畫面啊!
于是,我們不能被文案中的"醫(yī)生"和"助理"框死,換個角度思考一下吧!醫(yī)生的助理,不一定要出現(xiàn)人物,也可以是…
方案3: 適用!!!冥冥中注定我想到你,悟空!
通過"來也"兩個字,我想到了"俺老孫來也"這句話,于是,一只竄天猴出現(xiàn)在我的腦海中。
此猴是72變的,它可以結(jié)合杏仁的品牌形象,搭配文字做出整體畫面效果。此猴還拽著一個價值218元的豪華大禮包,駕著筋斗云,橫空出世,來到醫(yī)生身邊!
制作方法使用軟件: Ai閃屏尺寸: 900x500px文案大標題:醫(yī)生的助理來也小字:218元豪華大禮包
第1步 畫出主角杏仁猴
讓"杏仁寶寶"穿上"悟空"的衣服玩COSPLAY,先在紙上將角色整體人物形象畫出來。( 詳細繪畫技巧可參考《熱門教程進階版!教你給真人Q版形象做成好玩的Cosplay》 )
第2步 AI繪制角色
用鋼筆工具描出輪廓線,每個路徑都需要閉合。部分需要線條表達的地方,可以不用畫閉合路徑。
按元素來分別勾,比如原圖耳朵腦袋是連在一起的,但仍需分別勾出。
線條不流暢的地方,可以用平滑工具抹平對著坎坷的地方描一下,瞬間滑溜。
逐一填充顏色,不用完全根據(jù)原稿勾勒。包裹上最后需要放文字,所以擴大些。
配色參考悟空原版,再做適當"明度""飽和度"上的調(diào)整。這次Banner主題風格輕松明快,所以我會把配色調(diào)整得更亮麗一些。
杏仁猴繪制完成。
再把"218豪華大禮包"幾個字排版加工,再放到大包裹上。由于這幾個文字是個吸引點,所以需要著重突出,選擇粗一些的文字更醒目。
大禮包做得鼓一些,看起來更突出。所以疊加一層"徑向漸變"的"深棕紅色(與底色同色系)"。
在透明度這里選擇"正片疊底",再降低"不透明度",這樣色彩會更融合。
為了使"218元豪華大禮包"更有層次感,我們需要改變字體、字號、粗細。并做成漸變金色,傾斜一些,這樣更能體現(xiàn)"豪華"的感覺,在畫面中突顯出來。
第2步 制作背景
用鋼筆工具畫出城市高樓剪影。
再到上方工具欄找到"效果 > 變形 > 弧形"(如下圖)使房子做適當變形,令場景更有動感。
由于"杏仁猴"顏色已經(jīng)很豐富,所以背景統(tǒng)一色系,高樓可以制作兩層,通過深淺變化,增加層次感,并適量加上些"紅色十字架"來代表醫(yī)院。"筋斗云"繪制方式和"杏仁猴"一樣。
第3步 加文字并整體排版
上面這種版式,可能信息已經(jīng)傳達得差不多,但猴子和文字比例太均衡,上下空間也露出太大,顯得畫面略平,不夠有視覺沖擊力。需要進一步改變版式。
所以我想到把"來也"兩字單獨放大,并做得動感些,跟在猴子身后,有種飛入得感覺。
通過右側(cè)工具欄中的"變換",使文字稍微傾斜,并在畫面中分別調(diào)整兩字角度、大小、比例。
最后一邊調(diào)整版式,一邊放到微信界面上看效果,發(fā)揮你設(shè)計師的審美,做到最理想狀態(tài),別忘了加上logo,大功告成!
以上就是AI制作有吸引力又高點擊率的橫幅Banner方法介紹,操作很簡單的,大家學會了嗎?希望能對大家有所幫助!
新聞熱點
疑難解答
圖片精選