@MartinRGB 设计师都知道,行业的核心追求便是打造优秀的视觉效果。实际上,之所以能够成为设计师,是因为我们具备一种技艺,能够满足用户的视觉感受和视觉需求。
我们可以听、读、想,我们可以想象出概念、物体以及人;但是这些感受都很抽象,只有实实在在地看到,印象才能定型。

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

你遇到过从来没见过雪的人吗?可能你也从来没见过雪花飘洒在天空的景象。所以这些人无法理解,到底什么是雪?他们可能会知道原理是因为寒冷而凝结了空气中的水分,落下便形成了雪,可是他们无法真正明白,到底何为雪。我也遇到过一些第一次见到下雪的人;我见证了他们的异常惊奇的表情,他们对这种第一次看到的、从天空中飘落下来的白色物体着了迷。可能会有见过雪的人对未曾见过雪的人进行描述,可没有见过雪的人不相信前者的描述。他们会觉得前者在耍他们。所见即所得。

视觉元素,诸如照片和视频,会让我们感到最亲切,因为它们和我们的生活最为接近,我们感同身受。当你为网站配图的时候,你添加的并不是一堆美丽的像素块。实际上,每一幅图片,都可以看做现实生活的缩影,而用户喜欢这种熟悉感,所以能够营造良好的用户体验。

需要我为你们指点一下其中的技巧吗?开始吧

巧妙用图也算是一种设计

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

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

对比

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

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

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

质量

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

如果你的客户不提供专业的摄影作品,那么赶快去劝劝他们,赶紧拍摄点高清无码大图吧。
如果客户很顽固,说"就不!",那赶紧换个思路,建议采用字体设计、布局新颖、极简主义等风格,打造处一种极简风,然后不带图像。宁缺毋滥。宁肯一张图也不配!也不能配上一堆20k的图!

关联性

一图胜千言,但是有时候文字为主,那么配上的图就一定要与文字相关。这是常识,保持元素一致性。还是上面那个例子,人家让你设计个餐馆网页,你给配上了股票走势图,可以随便感受一下甲方收到作品后的脸色。
如果网页中的内容比较灵活,比如说卖保险的,那么配图可以符号化一点,但是还是要和产品/服务相关。而且符号象征意义一定要强,这样就很便于辨认。而且要注意的是,不同国家、不同文化的符号象征不同。

大图受欢迎

这条原则再明显不过了,图像越大,视觉冲击也越大。
有人不相信,比如Econsultancy的人,他们就非要来个数据调查,他们做了三份研究,有兴趣的可以看一下 here.

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

图像也是内容的一种

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

攫取注意力

当文章和页面中有吸引眼球的图像时,爱屋及乌,用户会对内容高度敏感。当用户在网上面临大段大段的文本时,人类的大脑便倾向于"略过这片内容"吧,很少有人会保持注意力,继续阅读细节。
图像能够打破视觉的单调性,帮助用户聚集注意于文章、链接、故事。简而言之,图像让用户集中注意力。

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

更好的理解上下文

好的图像,相当于一种"过渡句",能够很好的引导下文。
而且选图一定要谨慎,图像能够激发用户的一种情绪,一定要确保这种情绪和内容属于同一个"点",要做到到位。

其他注意事项

许可问题

如果图像不属于你也不属于用户,那么一定要获得许可。最好是书面的许可,而且一定要注明摄像者。
因此在设计前,一定要预先要到许可。不过还有一种办法,那就是图库搜刮一些素材

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

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

免费图库的好处:

  • 不花钱
  • 可选择的非常多

免费图库的弊端:

  • 垃圾图片也多
  • 某些专门的图片不好找
  • 有些图片中有水印和链接

推荐几个吧: stock.xchng, StockVaultDeviantArt.

付费图库的优点:

  • 许可问题白纸黑字,没有版权纠纷
  • 分门别类,种类齐全。

付费图库的弊端:

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

推荐几个: Shutterstock, iStockphotoDreamstime.

人物摄影

好处是有一种真实感。
如果在产品或服务中采用真人图片,展示他们工作时的场景。会让人有一种真实可信感。
可如果你选的模特作态扭捏,露出假惺惺的白牙,会让用户感到这是个牙医广告,太假了。因此,一定要贴近产品。

结论:

选图要谨慎!
图片要合理!
一图胜千言!
 

原文地址:webdesignerdepot.com
优设网翻译:@MartinRGB

 
================关于优设网================
"优设网uisdc.com"是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
设计讲座:每月邀请国内互联网公司设计前辈及行业总监在群内及YY语音(YY频道:15335158)分享实战经验。
设计微博:拥有粉丝量47万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的"福利"吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

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

收藏 8
点赞 1

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。