返回
{dede:HiShop > 电子商务解决方案 > 云建站 > 云建站行业动态 > >

这些小技巧教会你网站背景图设计

2017-10-09|HiShop|阅读量:
导读:HiShop建站网最新报道,网站背景图的设计对于一个网站来说是十分重要的事情,现在对于用户浏览网站来说,图片的吸引力远远大于文字,所以怎么设计好一个吸引人的网站背景图片很...

这些小技巧教会你网站背景图设计

  HiShop建站网最新报道,网站背景图设计对于一个网站来说是十分重要的事情,现在对于用户浏览网站来说,图片的吸引力远远大于文字,所以怎么设计好一个吸引人的网站背景图片很重要。

  1、 整理网站中所需图像类型

  没通过思考就直接开工是计划效率低下的元凶巨恶。

  在图像计划前,计划师最好能参阅现在已有的页面大略计划和节目等,从头整理列出网站中所需的图像类型。

  比方,按照节目和模块对所需的图像分类:Banner、事务引见、商品引见/展示、公司引见、团队引见、新闻/资讯、客户事例等。

  当然,计划师也可以根据项目实习情况,或最合适本人的方法选用非常好的图像分类。

  整理图像类型是帮忙计划师从头整理网站内容,让后边作业更有计划和针对性。

  2、 了解图像的妄图

  在一个网站中,阅览页面时所看到的图像不该仅做到吸收用户的视界,而更能让用户通过视觉形象,准确感遭到网站传送的信息。

  实习上,页面上的图像不只是美丽的像素块,全部的图像都应该是有妄图的。

  在一个网站中,首屏对用户的第一形象几乎起抉择作用,而Banner图在首屏中地点的方位,抉择了其主要性。格外关于营销型网站来说,Banner图是一个最好商品展示的方位。

  事例中的图像展示了“Pencil”运用在iPad(Apple系列商品)上的画面,即商品的运用场景,也是商品的一个特性。

  该事例的图像妄图十分了解,和文字调配在一起,既有宣扬、推广商品的作用,又是一个引导用户点击参加的进口。

  与文字有关联,坚持元素不合性:

  上图事例是aiia商品博客的Banner,此处的图像与文字高度有关,既坚持了元素的不合性,又通过色彩上明与暗的处置,出现了一种视觉美。

  用户在翻开博客后,会一起重视到文字和布景的商品图像,在脑海中留下具象化的形象。

  本来对计划师来说,图文有关是计划中的一个底子绳尺。但大部分网站疏忽了这一点,以致招致信息不能准确传送、销售时机减少等疑问。

  有一个来自Web易用性大师Jakob Nielsen的研讨定论:单纯的装饰性图像会潜认识地被咱们大脑疏忽。

  这项研讨标明图文有关性的主要作用,变成计划辅导绳尺。

  “图像与文字有关联”更应该被计划师用于项目理论中。

  帮忙人了解

  Zuli网站中为用户展示的是一款新颖的智能家居商品,其间首页Banner以商品运用场景为布景。

  这款商品是怎样用的?上图帮忙用户迅速了解网站传达的内容。

  此处图像通过专业拍照和处置,清楚、洁净,而且将本来需要一大段文字描写的信息,成功以“看图说话”的方法直接向用户展示,帮忙用户非常好天文解商品。

  教导人运用

  在Zuli网站的“How it Works”页面中,页面以图文别离方法展示商品的多个运用情况或场景。

  该页面的全部图像风格不合,图像计划都以实体图像为主,通过扁平化的图标树立了商品与手机App之间的虚拟联络,简单易懂。

  此处图像的妄图是教导用户运用商品。

  当用户阅览页面时,图像可以吸收人的留心力,并让用户对图像内容高度灵敏,进而自动阅览文字深化了解商品怎么运用,激起更大兴味。

  一般情况下,计划意图为“教导人运用”的图像,更适用于新商品或运用杂乱的商品,这种方法可以帮忙用户迅速操控运用窍门,下降商品运用本钱,获得用户喜欢。

  以人物视界引导用户

  Ines Maria Gamler网站中展示的女人正侧着脸,双眼注视网站中心的文字。翻开网站时,大多数人会首要重视人物的脸部,并进一步遭到人物视界的引导。

  跟着人物的视界,用户会进一步将留心力放在页面中心的文字和图形上。

相关推荐