如何設(shè)計Banner 才有高點擊率？今天小編為大家分享AI制作有吸引力又高點擊率的橫幅Banner教程，教程真不錯，介紹的也很詳細(xì)，推薦過來，希望大家喜歡！

教程主要分上下兩部：經(jīng)驗與構(gòu)思分享 & 制作方法。從文案到創(chuàng)意、背景設(shè)計到具體的繪制方法都有，可以學(xué)習(xí)的地方非常多，一起來看。

大標(biāo)題：醫(yī)生的助理來也小字：218元豪華大禮包

最終設(shè)計稿 （微信展示效果圖，注：右上的空白是為避免廣告擦掉的品牌LOGO）：

如今微信公眾號越來越多，內(nèi)容也越來越豐富，我們常?？鄲烙谌绾沃谱饕粡堄形Φ腂anner，來讓苦心編輯的文章獲得更高點擊率。

那么一個經(jīng)過精心設(shè)計的Banner和一個創(chuàng)意平淡的Banner，就會相差很大。

如何做到"精心設(shè)計"？

不要一拿到文字就開始設(shè)計，必須對這個Banner文案和內(nèi)容深入理解。站在訪問者的角度去考慮如何做到有吸引力。

文案精簡

不宜過多，如果實無法刪減，那就要從設(shè)計上想辦法，至少讓第一眼視覺不能看起來文字過多，不然會令人失去閱讀的欲望。

畫面合理

整體視覺表達(dá)要契合主題，保證點擊進去之后的內(nèi)容與Banner表達(dá)的概念一致。一般情況下，色彩不宜過于豐富，找準(zhǔn)一個主色調(diào)是最好的。

文字清晰

大標(biāo)題盡可能醒目一些，否則在視覺上很容易被忽略。另外，因為Banner是手機上看的，所以小字部分也不能過小，至少要24pt以上。

強調(diào)吸引點

在Banner中突出獎品豐富，告訴訪問者，能給他們帶來各種福利，吸引點擊。

考慮使用環(huán)境

考慮到Banner實際放上去后，圖片下方會覆蓋一條半透明黑標(biāo)題欄，所以畫面需靠上一些。可以把微信界面截圖放到AI中，看著效果做。

這次的悟空畫面是怎么想到的？

看到"醫(yī)生的助理來也"這句文案，先草圖構(gòu)思起！一般腦海中會首先想到以下畫面：

方案1： 不適用！助理拍馬屁跡象過于明顯…

方案2： 不適用！還以為這人上門搞傳銷的…

上面這些沒有認(rèn)真思考過的畫面，都不是我們身為專業(yè)設(shè)計師應(yīng)有的水準(zhǔn)，我們要做的可是"精心設(shè)計"過的畫面??！

于是，我們不能被文案中的"醫(yī)生"和"助理"框死，換個角度思考一下吧！醫(yī)生的助理，不一定要出現(xiàn)人物，也可以是…

方案3： 適用?。?！冥冥中注定我想到你，悟空！

通過"來也"兩個字，我想到了"俺老孫來也"這句話，于是，一只竄天猴出現(xiàn)在我的腦海中。

此猴是72變的，它可以結(jié)合杏仁的品牌形象，搭配文字做出整體畫面效果。此猴還拽著一個價值218元的豪華大禮包，駕著筋斗云，橫空出世，來到醫(yī)生身邊！

使用軟件： Ai閃屏尺寸： 900x500px文案大標(biāo)題：醫(yī)生的助理來也小字：218元豪華大禮包

第1步 畫出主角杏仁猴

讓"杏仁寶寶"穿上"悟空"的衣服玩COSPLAY，先在紙上將角色整體人物形象畫出來。（ 詳細(xì)繪畫技巧可參考《熱門教程進階版！教你給真人Q版形象做成好玩的Cosplay》 ）

第2步 AI繪制角色

用鋼筆工具描出輪廓線，每個路徑都需要閉合。部分需要線條表達(dá)的地方，可以不用畫閉合路徑。

按元素來分別勾，比如原圖耳朵腦袋是連在一起的，但仍需分別勾出。

線條不流暢的地方，可以用平滑工具抹平對著坎坷的地方描一下，瞬間滑溜。

逐一填充顏色，不用完全根據(jù)原稿勾勒。包裹上最后需要放文字，所以擴大些。

配色參考悟空原版，再做適當(dāng)"明度""飽和度"上的調(diào)整。這次Banner主題風(fēng)格輕松明快，所以我會把配色調(diào)整得更亮麗一些。

杏仁猴繪制完成。

再把"218豪華大禮包"幾個字排版加工，再放到大包裹上。由于這幾個文字是個吸引點，所以需要著重突出，選擇粗一些的文字更醒目。

大禮包做得鼓一些，看起來更突出。所以疊加一層"徑向漸變"的"深棕紅色（與底色同色系）"。

在透明度這里選擇"正片疊底"，再降低"不透明度"，這樣色彩會更融合。

為了使"218元豪華大禮包"更有層次感，我們需要改變字體、字號、粗細(xì)。并做成漸變金色，傾斜一些，這樣更能體現(xiàn)"豪華"的感覺，在畫面中突顯出來。

第2步 制作背景

用鋼筆工具畫出城市高樓剪影。

再到上方工具欄找到"效果 > 變形 > 弧形"（如下圖）使房子做適當(dāng)變形，令場景更有動感。

由于"杏仁猴"顏色已經(jīng)很豐富，所以背景統(tǒng)一色系，高樓可以制作兩層，通過深淺變化，增加層次感，并適量加上些"紅色十字架"來代表醫(yī)院。"筋斗云"繪制方式和"杏仁猴"一樣。

第3步 加文字并整體排版

上面這種版式，可能信息已經(jīng)傳達(dá)得差不多，但猴子和文字比例太均衡，上下空間也露出太大，顯得畫面略平，不夠有視覺沖擊力。需要進一步改變版式。

所以我想到把"來也"兩字單獨放大，并做得動感些，跟在猴子身后，有種飛入得感覺。

通過右側(cè)工具欄中的"變換"，使文字稍微傾斜，并在畫面中分別調(diào)整兩字角度、大小、比例。

最后一邊調(diào)整版式，一邊放到微信界面上看效果，發(fā)揮你設(shè)計師的審美，做到最理想狀態(tài)，別忘了加上logo，大功告成！

以上就是AI制作有吸引力又高點擊率的橫幅Banner方法介紹，操作很簡單的，大家學(xué)會了嗎？希望能對大家有所幫助！

最新評論