图片样式

网站设计的背景图选择网站设计的背景图选择网

 

1、 整理规划中所需图画类型

没经过思考就直接开工是规划功率低下的元凶巨恶。

 

在图画规划前,规划师最好能参阅现在已有的页面粗略规划和节目等,从头整理列出所需的图画类型。

 

比方,依照节目和模块对所需的图画分类:Banner、事务介绍、商品介绍/展现、公司介绍、团队介绍、新闻/资讯、客户事例等。

 

当然,规划师也能够依据项目实践情况,或最适合自个的办法选用更好的图画分类。

 

整理图画类型是协助规划师从头整理网站内容,让后边作业更有方案和针对性。

 

 

2、 明晰图画的目的

在一个网站中,阅读页面时所看到的图画不该仅做到招引用户的视野,而更能让用户经过视觉形象,精确感遭到网站传递的信息。

 

实践上,页面上的图画不只是漂亮的像素块,一切的图画都应该是有目的的。

 

了解图画目的,对规划师来说即是明晰图画的规划方针,这是十分主要的一步作业。

 

咱们总结了几个多见的图画目的:展现商品特色(优势);与文字有关联,坚持元素共同性;协助人了解某些东西;教训人运用(某商品);以人物视野引导用户;营建空气;烘托心情;刻画品牌。

 

 

以下是实践事例分享:

展现商品特色:

 

在一个网站中,首屏对用户的第一形象简直起决议效果,而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是一个品牌网站,该事例的商品/服务经过一系列个性一致的高清大图全屏展现,在用户集体中刻画了高端、精巧的品牌形象。

 

对用户来说,高质量的大图通常更受欢迎,个性一致的图画既有视觉震撼力,又简单给人留下较深入的形象,长久招引用户留意力。

 

成功品牌能够在好久之后,经过视觉上的共同,引发人潜意识里的形象,让用户联想到该品牌。

 

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

 

以上几个事例是最多见的图画目的,一起也是图画规划中需要完成的方针。

 

规划师需要做的,即是加深对项目需要和客户公司的事务了解,以便更明晰网站中各节目图画的规划方针。

预备作业完成后,再归纳思考需要分析阶段的效果(规划构思、页面内容构造、网站个性等),规划师们就能够开端预备拍摄或收集图画素材了。