公司新闻

移动网页的模糊背景设计 几个技巧分享

公司新闻 2019/3/29 9:46:26 | 阅读:680
移动网站大多数为手机用户服务的,对于习惯了手机上网的用户来说,他们对模糊背景有一种天然的关注,这是因为,手机屏幕和一张照片等同,而网页设计中,采用模糊背景,突出重点,让用户记忆深刻。
 
移动网页设计

  和PC端网站比较,一些PC端网站在首页尝试使用过模糊背景,把企业标示或者特定图片凸显出来,因为显示屏幕过大,难免在比例上失调,让首页显得单调乏味,有种哗众取宠的感觉。

  到了移动网站时代,精简成为一种口号,甚至把网站都压缩成一个“小程序”,而且很多专业人士认为,不但要精简,还要突出中心,把最好的东西在第一时间展示给用户,这好比商家的招牌菜,或者一篇小说的开头,一定要精彩,一定要有特色,一定要有看头,用户才会驻足,才会浏览!

  模糊背景的设计,也有技巧在内,根据设计需求,根据产品的特色,在设计上有很大的区别,现在就和大家分享几个网页模糊背景的设计技巧。

  背景的选择干净透明

  模糊背景,经常把背景虚化,而如何虚化,这是一件很值得玩味的话题,我们可以照一张虚化的照片,不论是什么样的背景,因为是模糊的,所以看不清。
  而如果用一个纯色的模糊背景,会怎样呢?想象一下,天空、大海,然后模糊化处理,海天一色,干净而透明,在最中间,写上点击进入,或者加上大大的企业logo,简洁中透着一丝涵养,不由得让人肃然起敬。

  使用戏剧性的模糊效果

  模糊了背景,虚化了环境,就像淋浴间的毛玻璃,如果有人在里面洗澡,因为看不到,又想看,那种急迫的心情,是不是让人产生一种神秘感和焦急感。
  模糊背景设计,走戏剧化路线,设计一张人们熟悉的背景,模糊重要的事物,然后让用户似曾相识,又怀着一探究竟的好奇心,以此引起用户的共鸣。
  当然,因为背景是静止的,想要造成一种戏剧的效果,而且还能与网站产品服务有机的契合在一起,并非信手拈来,有时候,还需要冒一点险儿。

  传递丰富的信息

  一个奔跑的女性,被模糊花了,然后罗列出一大堆标题,最初用户的目光被虚化的女性所吸引,在想要一探究竟的时候,会注意到标题,在这一大堆标题中,是通过精心设计的,目的是就是让用户进行下一步操作。
  这是利用模糊背景传递丰富的信息的手法之一,网站运营推广的目的,就是让更多的用户访问网站,从而发现商机,不过,直白的喊着:“来了老弟!”和通过模糊背景传递更多信息比较,这种用户主动的点击显得更有效果。
  模糊背景的网页设计,如果抱着好奇的心态去尝试着做,难免会出现好奇害死猫的尴尬,因为移动互联网的存在,才让模糊背景设计渐渐热了起来,在精心制作模糊背景的时候,千万不要舍本逐末,让用户注意到模糊背景,而忘记点击网页,这样的设计显然是糟糕的,记住任何设计都是了引导用户点击,一定要牢记!


相关资讯