八个小诀窍帮你玩转网站背景图设计

几乎全部计划师都知道页面计划中用图的主要性，但在实习项目中，怎么做好图像计划?这篇文章将与咱们共享怎么通过“掌握图像的妄图”做好计划。

智唯网络给计划师的倡议：做图前先别急着找资料!

假如能做好两个预备作业，对计划师们会有帮忙：

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

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

推荐阅读：网站优化需要注意的八个细节你了解几个？

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

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

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

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

2、 了解图像的妄图

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

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

了解图像妄图，对计划师来说即是了解图像的计划意图，这是十分主要的一步作业。

咱们总结了几个多见的图像妄图：展示商品特性(优势);与文字有关联，坚持元素不合性;帮忙人了解某些东西;教导人运用(某商品);以人物视界引导用户;营建空气;烘托心境;刻画品牌。

以下是实习事例共享：

展示商品特性：

上面事例是fiftythree网站的Banner图。

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

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

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

与文字有关联，坚持元素不合性：

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

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

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

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

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

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

帮忙人了解

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

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

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

教导人运用

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

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

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

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

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

以人物视界引导用户

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

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

如何建站：

建网站需要准备哪些资料 如何购买域名空间 协助备案 成功案例 真实见证 建站类型有哪些 收费标准 建站流程 制作周期 改版美化 提升有户体验 [建站必看]源码内容交付 联系客服 专业建站

看了这篇文章的人还看了