一、底层布局很重要
首先咱们要搭好“骨架”。新建一个 1920×480px 的画布(网页Banner的通用尺寸),记得把分辨率调到 72ppi 。像搭积木一样,我们要先把基础元素放好,主体通常放在左边或中间,留出右边放文字。
二、小条的层次感秘笈
1. 投影打造质感
复制主图层(Ctrl+J) 右键选择“混合选项” 投影参数:距离20px,扩展30%,大小15px 不透明度调到40%左右(太重容易俗气哦)
2. 文字排版有讲究
主标题用粗体,副标题选细体 字间距要适当加大(100-150效果最佳) 文字图层也加个投影,但要比主图轻一些 - 小技巧
:标题做成渐变色,比纯色更有格调
三、配色是个技术活
我的个人心得:
主色调不要超过3个 可以用 60-30-10法则 :主色占60%,辅色占30%,点缀色占10% 深色背景配浅色文字,或者反过来,对比要强
四、点睛之笔:光效处理
来看看小条的独门秘籍:
新建一个图层 用软画笔涂上白色(不透明度15%) 用高斯模糊,半径设置50px左右 混合模式选“叠加” - 重点
:光效要服务于主体,不是乱打一通
五、整体协调很关键
最后要检查整体效果:
主次分明没有? 配色舒服吗? 重要信息够突出不? 整体是不是太乱了?
小提示:做完整体处理后,可以把亮度降低20%再看一眼,不协调的地方会更容易被发现!
这就是今天的Banner设计教程啦!记住小条的话:设计讲究的是突出重点,不是堆砌特效。做设计就像化妆,够精致就行,不要把自己画成“盘条”噢!

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