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

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

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

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

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

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

如何做到"精心設計"？

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

文案精簡

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

畫面合理

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

文字清晰

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

強調吸引點

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

考慮使用環(huán)境

考慮到Banner實際放上去后，圖片下方會覆蓋一條半透明黑標題欄，所以畫面需靠上一些?？梢园盐⑿沤缑娼貓D放到AI中，看著效果做。

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

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

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

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

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

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

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

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

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

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

第1步 畫出主角杏仁猴

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

第2步 AI繪制角色

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

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

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

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

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

杏仁猴繪制完成。

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

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

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

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

第2步 制作背景

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

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

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

第3步 加文字并整體排版

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

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

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

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

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