图片在网页中所饰演的角色越来越重要。作为最常见也是最早使用的网页多媒体，图片对于网页设计师而言至关重要。怎样用好图片已然成为了一项成熟、完善而又讲求的方法，而在高清屏幕无处不在的明天，稍有瑕疵的图片都在莱州度的象素下无所遁形，而不合理的图片设计也不会躲过访客的眼睛。
其实，想要用好图片，你得有几个靠谱的图库：
抓人眼珠的国图
横越屏幕的轮播国图是时下流行的网页设计手法，设计师通过覆盖视野式的图片来营造身临其境的体验，这十分符合人类视觉优先的信息获取方法，所以，漂亮的国图是紧抓用户注意力的重要手段。优质的国图才能让用户明白，她们可以从这个网站获取一些哪些。
页面上的图片常常是最先吸引到用户的元素。
国图是容纳信息的完美容器。
小贴士：
·首图最好只用高清图片。没有哪些比五保户真甚至失真的图片给人的体验更差了，若果你想使用国图，这么图片质量意味着一切。
·如果你想使用文字覆盖图片的形式来制做国图，这么请勿必确保图片中的视觉主体能被用户轻松辨识、理解，同时和文字内容有足够的对比度。
在自然环境中展示
依据环境和使用场景来展示产品是电商网站常用的机巧。而实际的数据也表明，这样的图片拥有着极高的转化率。举个事例，下边所展示的GorillaPod就将产品放在实际的使用场景中，给与用户真实的使用体验。灵活的三脚架在整个图片中作为焦点而存在整个国图的设计颇具创造性，信息和内容的传递也颇为高效。
JulianaBicycle的网站国图同样是将产品放在使用场景中。
相比于色调丰富的图片，黑白色彩的图片未能使用抓人眼珠的色调来吸引访客，黑白相片更多的是借助内容本身来进行视觉传达。现代的黑白摄影作品指出艺术性，但是许多摄影师觉得，这样的图片和摄影作品愈发纯粹。
然而网页点赞，为何黑白摄影作品和图片会这么受青睐呢？
很简单，色调会让观看者分心。
色调的存在让用户更容易忽视相片本身的布光和细节，用户的注意力可能会被引导到其他的地方，因而忽视例如CTA按键等关键元素。
小贴士：
·如果你你使用黑白图片作为背景，这么你可以赋于CTA按键以一个显眼的色调，因而起到吸引用户注意力的作用。
色调叠加
这儿说的色调叠加值得是用半透明的色调图层叠加在图片上，这些手法一般就能让图片愈发匹配品牌色，或则视觉设计的需求。所叠加的色调才能让图片更容易导致用户的情绪反应。
色调叠加加强了图片的感染力。
虽然是黑白色彩的背景，色调叠加也同样可以加强其感染力，不过要选对色调才行。
小贴士：
·想要为图片添加特定的疗效并不难，这儿有教程教你怎么使用PS和CSS来达成目的；
·当你使用单一色调来作为叠加视口的时侯，控制好色彩的透明度。透明度较低的色调会让背景的图片不这么容易辨识，想要让疗效更微妙，应该控制好这个度。
文字排版
悉心设计的排版还能为你的品牌提高个性，当这种排版和图片搭配到一起的时侯，整个设计的方式感和表现力就有了显著的提高。文本的款式和其中包含的信息，和图片内容互相呼应，互为剖析，这是最佳的搭配。
同一个界面下，图片和文本之间不仅仅有对抗网页点赞，还有协同。
小贴士：
·充满方式感的排版是十分不错的视觉元素，而且它不应当喧宾夺主，假若它太过分醒目会增加图片作为视觉元素的存在感。
·时刻紧记可读性的问题，过分花哨的字体和排版设计可能存在色调对比度的问题，以及辨识度的问题。
·充满方式感的字体和排版设计并不意味着复杂，它有时侯也可以是简单的，使用简单易读的字体，同样可以带来优秀的疗效。
不对称布局
不对称布局本身也是一种流行的设计手法。许多网页设计师尤其喜欢这些有趣的排版布局形式。这些布局十分适宜拿来引导用户的视觉，由于页面有了轻重对比，所以它可以以合乎逻辑的形式引导用户的耳朵逐渐浏览页面内容。
文字和图片的视觉轻重不同，你可以让二者分别放在页面的对称位置，视觉重量上的不对称就由此产生。结构上的对称让页面足够平衡，而视觉上的差别则让页面变得良莠有趣。
结语
随着趋势和用户习惯的变化，对于优秀用户体验的认知会渐渐的发生变化。图片的使用也是一样的，设计趋势和技术的变化直接影响着图片的使用，并且总体上而言，对于图片素养的要求是越来越高了。
【这些最佳实践帮你在UI设计上更上一层楼】
《网页设计中，怎样突破栅格的限制又保持协调？》《帮你搞定长滚动网页的设计最佳实践》《觉得自己学了假设计？真正的新用户引导应当如此设计》《老生常谈！设计高素养的UI应当把握这7个关键属性》《这8个要点，能让你的网页国图捉住用户注意力》
