一、尺寸选择很重要
首先咱们得把尺寸选对,不然做出来的Banner看着就怪怪的:
网站横幅:1920×400像素 文章头图:800×400像素 手机Banner:640×340像素
小贴士:记得把分辨率调到72ppi,这样在网页上显示最清晰~
二、布局是灵魂
设计Banner最重要的就是布局啦,我来教大家几个实用的布局技巧:
黄金分割法
把画面划分成三等份(按Ctrl+R可以调出标尺),重要元素放在交叉点位置,立马就能提升逼格!留白很重要
别把画面塞得太满,适当的留白能让你的Banner看起来更高级。就像穿衣服一样,空间感才是王道!
三、超实用的配色技巧
配色难?甜姐姐教你几招:
主色调选择
用吸管工具(按I键)吸取主图中的颜色 按Ctrl+U调出色相饱和度 把饱和度调低10%,让颜色不会太跳
渐变搭配
最简单的方法:
新建图层 → 渐变工具(G键)→ 选择从黑到透明 → 不透明度调到40%
这样整个Banner立马就有层次感啦!
四、文字处理技巧
文字可是Banner的精髓,我来教你们几个私藏技巧:
字体选择
中文:思源黑体、兰亭黑 英文:Helvetica、Arial
文字特效
最实用的阴影效果:
右键文字图层 → 混合选项 → 投影
距离:3px
大小:3px
不透明度:40%
五、终极美化大法
想让Banner更出彩?试试这招:
创建曲线调整图层
调整图层 → 曲线 → 把中间稍微往上提一点
这样整个画面立马就有质感啦,就像给照片打了美颜一样~
添加噪点
新建图层 → 填充50%灰色 → 滤镜 → 杂色 → 添加杂色(数值2%)
把图层混合模式改成“柔光”,不透明度调到10%,这下Banner就不会显得太过完美啦!
最后提醒一下:设计Banner最重要的是克制,不要把特效都往上堆。就像化妆一样,淡妆最迷人!

優(yōu)網(wǎng)科技秉承"專業(yè)團隊、品質服務" 的經(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)應用服務。