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

2022-05-30    分类: 网站建设

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

创新互联给计划师的倡议:做图前先别急着找资料!

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

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网站中展示的女人正侧着脸,双眼注视网站中心的文字。翻开网站时,大多数人会首要重视人物的脸部,并进一步遭到人物视界的引导。

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

这种计划方法有两个要害:一般先通过美丽的模特(或其别人物形象)吸收用户重视;用户会持续跟着模特视界搬运留心点,重视商品、案牍或Logo,抵达图像计划的意图。

在著名的You Look Where They Look研讨里,通过对婴儿尿布批发商网站的眼动研讨,得出了却论:广告中,用户眼球可以被模特(或人物形象)的视界所引导。

通过人物视界的巧妙引导,可以让网站主要信息得到展示,并改进用户视界只重视模特的疑问。

营建空气

翻开23snaps网站后,左边图像瞬间吸收人的留心力,给人一种亲切感。

对用户来说,日子化的图像浓缩了人们平时日子的一个场景,有熟谙的觉得。图像从全体营建了温馨的空气,而且人物愉悦的表情能影响人的心境,让用户感遭到一种欢喜、温馨的家庭空气。

此处同样选用了人物视界引导用户,跟着图像中孩童的视界,用户会进一步重视到图中案牍和注册/登录区域。

该事例还从全体构图展示了App运用场景,向用户传达了“Share Family Photos”的定位。

烘托心境

UDO网站选用的图像展示了很多美丽风景,计划和色彩的全体调配,从视觉上带给用户一种清新温馨的觉得。

审美是人人具有的天分,一个网站能否美丽,用户在第一眼就会有直观的判别。遭到大脑中的“原始人”影响,图像美丽水平能真实影响到用户对网站第一形象。

该事例中的图像给在视觉计划上给用户留下一个好形象,激起用户的幻想,并释放出美丽、清新、安静等感触,让用户感到放松,并愿意持续阅览网站。

刻画品牌

Katia Bongiorno是一个品牌网站,该事例的商品/效劳通过一系列风格一致的高清大图全屏展示,在用户集体中刻画了高端、精巧的品牌形象。

对用户来说,高质量的大图常常更受欢迎,风格一致的图像既有视觉震动力,又简单给人留下较深化的形象,耐久吸收用户留心力。

成功品牌可以在很久以后,通过视觉上的共同,引发人潜认识里的形象,让用户联想到该品牌。

此处的高清大图以及图像风格一致是刻画品牌的要害要素,无形中加深了人的形象,留下久远影响。

以上几个事例是最多见的图像妄图,一起也是图像计划中需要完结的意图。

计划师需要做的,即是加深对项目需要和客户公司的事务了解,以便更了解网站中各节目图像的计划意图。

预备作业完结后,再归纳思索需要剖析期间的效果(计划构思、页面内容结构、网站风格等),计划师们就可以开端预备拍照或搜集图像资料搞设计了。

网页标题:八个小诀窍帮你玩转网站背景图设计
分享链接:https://www.cdcxhl.com/news25/161325.html

成都网站建设公司_创新互联,为您提供企业网站制作微信小程序品牌网站建设网站维护虚拟主机做网站

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

h5响应式网站建设