网页配图设计摘要 第1篇
先把模特素材置于画布中，根据其眼睛视线，将其放置在最左边的位置（图A），这里引入一个小技巧，利用填充内容识别，自动把右侧缺失的地方智能补充（图B）。
根据模特眼睛视线的位置，我们将甜甜圈的素材抠出，置于右侧（这里解释一下，为什么会选用黑人的模特素材？
这里由于黑人的肤色与白色甜甜圈正好形成强烈的对比，再加上，模特人物的表情较为喜感，更增添趣味性）。
再配上文案，加上字体效果，大功告成！？但总感觉还缺了点细节。
再根据甜甜圈上的糖果粒颜色、形状，找到类似的纹理素材，再丰富点缀下整体画面。
现在真大功告成了！一个banner就这样快速完成。
网页配图设计摘要 第2篇
这是一个跟大数据有关的公司官网，首先我们根据客户提供的文案、资料，进行大致的布局排版。
再根据品牌色来定主体配色风格，同时以红色为点缀色作为“点”，进行视觉上的引导，这样用户在浏览网页时可以跟随红色“点”的部分进行跳跃式阅读。
以经验来看大多数情况，中小企业项目的客户都比较欠缺高质量的图片素材，这项目也一样，在对其网页设计提案时，大多都需要搜集一些图片，根据“大数据”等关键词，搜集到一些相关图片素材。
对图片素材进行整体的调色，可用PS或者LR（这个根据自己的使用习惯）,整体调色风格偏电影感，让蓝色更显通透感。
图①、图②、图③根据蒙太奇的手法进行搭配：
图①男模特看着电脑的数据图；
图②模特手按键盘；
图③女模特看着电脑的数据图。
这3图除了色彩的统一，也存在着一定的联系，像看电影一样，这样的搭配让用户有着亲临其境的沉浸式体验，亦显行业的专业性，也更好地传达出品牌气质。
另外，图①、图②模特人物向左、向右的眼神视线把用户引导到相应的信息上。
没错，站酷海洛也能找到完成度极高的整套图标素材，当然不能就这么直接使用，也需要结合该项目的品牌颜色加以修改调整即可，红色的部分，既包含了品牌色，也呼应了版面的红色部分来进行视觉引导，更好抓住用户视线。
再把其他3个图片素材置入“公司动态”中，图片之间形成一条无形的“线条”进行视觉引导，这样整体搭配舒适富有美感，极具流畅性。
最终完成页面：
最后总结：
对于网页设计中配图其实并不是我们想象中那么复杂，只有我们合理地灵活运用以上五点技巧（利用配图建立视觉焦点、配图模特的动作、眼神引导、配图中隐形“线条”的引导、配图色彩的引导、配图的心理暗示），举一反三，便可延展出更多新的形式。
希望大家通过这五点总结，能更好地运用到自己的作品中，快速满足日常商业工作中的视觉设计。
网页配图设计摘要 第3篇
配图的内容总会给人产生不同的心理暗示，结合电影里蒙太奇手法，进行配图，能巧妙地做出能让客户过稿的设计。
我们先来看以下一组图，同时采用同一个面无表情的模特，再分别与三个不同的配图放到一起：
与一碗汤的图片搭配，我们会看到模特眼中充满了对食物的饥渴。
与趴在棺材上的女人图片搭配，我们会看到模特眼中充满了同情和悲痛。
与抱着玩具熊的小女孩图片搭配，我们会看到模特眼中充满了慈祥的父爱。
通过上面3组图，我们可以看出不同图片的搭配，可以使人产生不同的感受，那么怎样将其应用于网页设计中？请往下看：