一、尺寸选择很重要
首先咱们得把尺寸选对,不然做出来的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最重要的是克制,不要把特效都往上堆。就像化妆一样,淡妆最迷人!

优网科技秉承"专业团队、品质服务" 的经营理念,诚信务实的服务了近万家客户,成为众多世界500强、集团和上市公司的长期合作伙伴!
优网科技成立于2001年,擅长网站建设、网站与各类业务系统深度整合,致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设(品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、DIY体验、720全景展厅及3D虚拟仿真)、移动端应用(手机站、APP开发)、微信定制开发(微信官网、微信商城、企业微信)、微信小程序定制开发等一系列互联网应用服务。