网页设计如何做好banner图？

这篇文章用海豚图作为主图展开设计，讲明简单好用的配图方法。

　　图片质量要求：站在设计的角度，一切事物要遵循一定的美感。所以说图片不能随意拿来即用，对图片本身的质量还是有所要求的，或者说起码有个基本的要求，比如说清晰度不好的图片或者说太过杂乱的场景都不太适合。

　　1.随意在网上浏览图片

　　在浏览图片阶段，我们不需要非给自己定一个主题，那样的话一旦找不到合适的图片心里就会急躁Windows 10全球市场份额正式超越Windows 7，反而会将我们的乐趣大打折扣，让自己尽情的享受在浏览中，用心体验这个过程，切忌带有强烈的目的性。

　　图片网站搜索图片阿里通网络科技，随机寻找自己喜欢的，比如上面的六张图。

　　2.选择心仪图片

　　从上面六张图中选出想做设计的两张图，左边的图是清晨的树林，阳光为树木染上了金色，积极向上，如世界初醒。右边的海豚如海中精灵一般天真活泼，惹人喜爱。

　　3.让图片更适合设计

　　通过设计类目的尺寸比例去裁切调整图片，达到与设计类目相匹配的要求。无论是想设计还好还是banner，都要看相应的比例标准。

　　比方说我们想设计一张海报，比例设定为420*285mm，横版竖版即可。

　　将图片放置在画布中，铺满整个画布，作为通版背景使用，渲染一种氛围感，让情感与背景融为一体。
4.以图配文，选择文案开始设计

　　首先将文案信息安排在画布上，接着将以英文作为主要的视觉符号突出放大，增强信息层级的对比性。

　　将编排好的信息放置在背景上，区分信息与背景的相对透气空间，合理安排信息的位置，保证各自的独立性。

　　内文信息中英文调整为横向并列，增强其整体对比性与自由性。重新将主标题英文断行处理，换成更时尚更具美感的粗字型。两行文字形成疏密对比，并于负空间处借助线性元素连接起来。

　　为了让画面的信息与背景产生更强的联系性，在黄色圆圈标注的位置将海豚的外形勾勒出来，形成一种破图的3D视觉，由此画面的整体趣味性与互动性更强烈。

　　终稿

　　将主标题英文进行透明处理，画面的融入感更为良好，在中文标题处加上箭头的点元素，指示性与装饰性更好商贸行业网站建设，另外线性元素可以分割信息，后加上下面的英文，表达出信息的疏密对比。