潍坊聚微


全力支持还在坚持梦想的你

网页设计中的图片应该怎样更好地使用?

作者:   时间:2017-02-22 10:13:52

图片在网页中所扮演的角色越来越重要。作为最常见也是最早使用的网页多媒体,图片对于网页设计师而言至关重要。如何才能用好图片极具技巧,尤其是在高清屏幕无处不在的今天,稍有瑕疵的图片都会在高密度的像素下无所遁形,而不合理的图片设计也不会逃过访客的双眼。

1.有一张/组能够抓人眼球的首图

页面上的图片往往是最先吸引到用户的元素,时下,横跨屏幕的轮播首图是网页设计的常用手法,设计师们通过覆盖视野式的图片来给访客营造身临其境的体验,这非常符合人类视觉优先的信息获取方式,所以,漂亮的首图是抓住用户注意力的重要手段,优质的首图能够让用户迅速明白,他们可以从这个网站获取怎样的内容。

 

首图是容纳信息的完美容器。设计师在对于首图的选择上,首先是最好只用高清图片,因为没有什么比低保真甚至失真的图片给人的体验更差了,因此,如果你想使用首图,那么图片质量意味着一切;其次,如果想使用文字覆盖图片的方式来制作首图,那么请务必确保图片中的视觉主体能被用户轻松识别、理解,同时和文字内容有足够的对比度。

2.灵活使用商品在自然环境中展示的图片

根据环境和使用场景来展示产品是电商网站常用的机巧。而实际的数据也表明,这样的图片拥有着极高的转化率。因为这样的展示会给予用户真实的使用体验,同时加一点的设计感进去,关于产品的信息和内容的传递也会更为高效。

 

相比于色彩丰富的图片,黑白色调的图片往往无法使用抓人眼球的色彩来吸引访客,黑白照片更多的是依靠内容本身来进行视觉传达。现代的黑白摄影作品强调艺术性,并且许多摄影师认为,这样的图片和摄影作品更加纯粹。

 

但是,为什么黑白摄影作品和图片会如此受追捧呢?很简单,色彩会让观看者分心。色彩的存在让用户更容易忽略照片本身的构图和细节,用户的注意力可能会被引导到其他的地方,从而忽略诸如CTA按钮等关键元素。

如果网页设计时要使用黑白图片作为背景,那么可以赋予CTA按钮以一个醒目的色彩,从而起到吸引用户注意力的作用。

3.善于运用色彩叠加

这里说的色彩叠加值得是用半透明的色彩图层叠加在图片上,这种手法通常能够让图片更加匹配品牌色,或者视觉设计的需求。

 

所叠加的色彩能够让图片更容易引起用户的情绪反应。色彩叠加强化了图片的感染力。

即使是黑白色调的背景,色彩叠加也同样可以强化其感染力,但是足以一定要选对色彩才行。想要为图片添加特定的效果并不难可以借助PSCSS样式来达成目的;当使用单一色彩来作为叠加图层的时候,要控制好色彩的透明度,透明度较低的色彩会让背景图片不太容易识别,所以想要得到好的效果就一定要把握好透明度。

4.网页图片上的文字排版

精心设计的排版能够为品牌提升个性,尤其是文字排版和图片搭配到一起的时候,整个设计的形式感和表现力就有了明显的提升。文本的样式和其中包含的信息,和图片内容相互呼应,互为解读,这是最佳的搭配。

 

在同一个界面下,图片和文本之间不仅仅有对抗,还有协同。设计师在文字排版时要注意以下几点,首先,充满形式感的排版是非常不错的视觉元素,但是不能喧宾夺主,如果排版太过于显眼就会降低图片作为视觉元素的存在感;其次,设计师在进行文字排版时要时刻谨记“可读性”的问题,过于花哨的字体和排版设计可能会存在色彩对比度以及识别度的问题;第三,充满形式感的字体和排版设计并不意味着复杂,它有时候也可以是简单的,使用简单易读的字体,同样可以带来优秀的效果。

5.页面的不对称布局

不对称布局本身也是一种流行的设计手法,许多网页设计师尤其喜欢这种有趣的排版布局方式。不对称布局非常适合用来引导用户的视觉,因为它让页面有了轻重对比,从而可以以合乎逻辑的方式引导用户的眼睛逐步浏览页面内容。

所以,可以利用文字和图片的视觉轻重不同,让两者分别置于页面的对称位置,视觉重量上的不对称就由此形成。结构上的对称让页面足够平衡,而视觉上的差异则让页面显得参差有趣。

上一篇: 网站的服务器怎么选?

下一篇: 微信营销,文案应该怎么写?