网页设计中图片的使用基本原则

导语：实际上，每一幅图片，都可以看做现实生活的缩影，而用户喜欢这种熟悉感，所以能够营造良好的用户体验。下面是网页设计中图片的使用基本原则，希望对你有所帮助：

巧妙用图也算是一种设计

即便是内容主导的网站，也需要图像作为润色，每次设计这种网站，我都需要寻觅一些优秀的照片或者插画。这种图像搜寻对我来说至关重要，因为我不会画画，如果你会画画，或者你的团队中有有天赋的绘画能手，那你真的太幸运了!我都有点嫉妒你的好运。

良好的照片运用能够成就优秀的设计。人都是视觉动物，在浏览网页时，对于图像有一种渴望，因此添加图片非常重要。而且，一定要是合适的、相关的图片。

　对比

可用性至上!因此你的图像必须与整体相协调，并且与文字产生对比。干读文字非常让人厌烦。想象一下，一面小黑板，密密麻麻几千个字，白板黑字，读吧!这里有你要的`全部。

要想产生鲜明的上下对比，就要学会观察;图片比较亮，那么文字可以使用较深的颜色，反之亦然。如果想要使用白色字体和亮色背景，那么最好使用一些黑色元素作为过渡。比如，精美的投影技法就很不错。

　质量

比方说你要为一家餐馆设计网页。在设计中想要用什么样的图?好吧，现在你决定开始抓起想起，去这家餐馆摄影了。你拍第一张照片的时候，站在餐馆门口，离桌子上的美食非常遥远，照片根本无法体现美食的细节;你拍第二张的时候，手突然抖了起来，导致拍摄的照片十分模糊。你觉得这种照片能放在网站上吗?

如果你的客户不提供专业的摄影作品，那么赶快去劝劝他们，赶紧拍摄点高清大图吧。

如果客户很顽固，说”就不!”，那赶紧换个思路，建议采用字体设计、布局新颖、极简主义等风格，打造处一种极简风，然后不带图像。宁缺毋滥。宁肯一张图也不配!也不能配上一堆20k的图!

关联性

一图胜千言，但是有时候文字为主，那么配上的图就一定要与文字相关。这是常识，保持元素一致性。还是上面那个例子，人家让你设计个餐馆网页，你给配上了股票走势图，可以随便感受一下甲方收到作品后的脸色。

如果网页中的内容比较灵活，比如说卖保险的，那么配图可以符号化一点，但是还是要和产品/服务相关。而且符号象征意义一定要强，这样就很便于辨认。而且要注意的是，不同国家、不同文化的符号象征不同。

　大图受欢迎

这条原则再明显不过了，图像越大，视觉冲击也越大。

有人不相信，比如Econsultancy的人，他们就非要来个数据调查，他们做了三份研究，有兴趣的可以看一下 here.

　图像也是内容的一种

图像不但利于设计，还是非常棒的内容，当图像和文字、音频相结合时，能够产生下列作用：

　攫取注意力

当文章和页面中有吸引眼球的图像时，爱屋及乌，用户会对内容高度敏感。当用户在网上面临大段大段的文本时，人类的大脑便倾向于”略过这片内容”吧，很少有人会保持注意力，继续阅读细节。

图像能够打破视觉的单调性，帮助用户聚集注意于文章、链接、故事。简而言之，图像让用户集中注意力。

　　更好的理解上下文

好的图像，相当于一种”过渡句”，能够很好的引导下文。

而且选图一定要谨慎，图像能够激发用户的一种情绪，一定要确保这种情绪和内容属于同一个”点”，要做到到位。

　其他注意事项

　　许可问题

如果图像不属于你也不属于用户，那么一定要获得许可。最好是书面的许可，而且一定要注明摄像者。

因此在设计前，一定要预先要到许可。不过还有一种办法，那就是图库搜刮一些素材

　　图库：免费好还是付费的好?

无论是收费还是免费，图库的好处在于，你不用关心这图是谁的，不用关心许可问题。不过在为网页配图时，一般都会使用一些付费的图片。

免费图库的好处：

不花钱

可选择的非常多

免费图库的弊端：

垃圾图片也多

某些专门的图片不好找

有些图片中有水印和链接

推荐几个吧： g, StockVault，DeviantArt.

付费图库的优点：

许可问题白纸黑字，没有版权纠纷

分门别类，种类齐全。

付费图库的弊端：

没钱还是别想了。而且容易上瘾，买完一堆，发现超支了

推荐几个： Shutterstock, iStockphoto ， Dreamstime.

人物摄影

好处是有一种真实感。

如果在产品或服务中采用真人图片，展示他们工作时的场景。会让人有一种真实可信感。

可如果你选的模特作态扭捏，露出假惺惺的白牙，会让用户感到这是个牙医广告，太假了。因此，一定要贴近产品。

　结论：

选图要谨慎!

图片要合理!

一图胜千言!