首先咱们要准备一个合适的画布,我一般用1920×600像素,这个尺寸在各种场景下都很实用。新建文档的时候记得把分辨率设置为72ppi,毕竟是用在网页上的嘛~
1️⃣构图布局
说到构图,很多小伙伴一上来就乱放元素,最后做出来的Banner跟菜市场似的。其实我们可以用三分法则,把画面横向分成三份,把主要元素放在分割线的交叉点上,立马就能提升画面的专业感!
2️⃣文字处理
Banner的文字处理可太重要啦!我的私房秘籍是:
主标题用大号字体(建议60-80px) 给文字加上投影效果(右键选择“混合选项”) *投影参数:距离3px,大小2px,不透明度40%
这样文字立马就有了层次感,不会跟背景融在一起啦~
3️⃣色彩搭配
配色上,我最爱用的是双色搭配法:
1.选定主色调(可以用公司的品牌色) 2.在色轮上找对比色或相近色 3.用渐变叠加,不要生硬地放两个纯色
小技巧:按住Alt键点击图层,可以快速复制图层哦!
4️⃣质感提升
想让Banner看起来更高级,关键在于细节:
1.给重要元素加上适当的光效(外发光效果) 2.利用纹理叠加(不透明度设为15-20%) 3.用蒙版处理过渡(按住Alt+点击蒙版可以查看蒙版效果)
5️⃣终极大招
最后分享一个我的独门绝技:用“可选颜色”调整(Ctrl+B),给整体画面调出质感。选择暗部,把青色调低一点,这样画面立马就有电影质感啦!
1.别把元素塞得太满,记住“留白是设计的呼吸” 2.文字不要超过3种字体 3.图层记得分组整理(Ctrl+G) 4.保存时选择“存储为Web所用格式”
做Banner最重要的是要有主次之分,就像化妆一样,重点部位要突出,其他地方就要淡化一些。不要担心做不好,关键是多练习,我当初也是从小白一步步过来的呢~

優(yōu)網(wǎng)科技秉承"專業(yè)團隊、品質(zhì)服務" 的經(jīng)營理念,誠信務實的服務了近萬家客戶,成為眾多世界500強、集團和上市公司的長期合作伙伴!
優(yōu)網(wǎng)科技成立于2001年,擅長網(wǎng)站建設、網(wǎng)站與各類業(yè)務系統(tǒng)深度整合,致力于提供完善的企業(yè)互聯(lián)網(wǎng)解決方案。優(yōu)網(wǎng)科技提供PC端網(wǎng)站建設(品牌展示型、官方門戶型、營銷商務型、電子商務型、信息門戶型、微信小程序定制開發(fā)、移動端應用(手機站、APP開發(fā))、微信定制開發(fā)(微信官網(wǎng)、微信商城、企業(yè)微信)等一系列互聯(lián)網(wǎng)應用服務。