深圳网站制作公司易捷网络欢迎您,我司主营业务:深圳企业网站制作,欢迎来电。
深圳企业网站制作
深圳网站制作业务咨询
0755-61603557
赵先生:13714247375
深圳网站制作技术支持
您现在的位置:网站首页 > 深圳网站制作教程

设计网站时,如何选择背景图(一)

文章作者:易捷网站制作公司编辑    文章来源:深圳网站制作公司-易捷网络

在做之前先准备好2个工作,对设计师们会有帮助:

1、 梳理设计中所需图片类型

在图片设计前,设计师最好能参考目前已有的网页粗略布局和栏目等,重新梳理列出所需的图片类型。

比如,按照栏目和模块对所需的图片分类:Banner、业务介绍、产品介绍/展示、公司介绍、团队介绍、新闻/资讯、客户案例等。

当然,设计师也可以根据项目实际情况,或最适合自己的方法采用更好的图片分类。梳理图片类型是帮助设计师重新梳理网站内容,让后面工作更有计划和针对性。

2、 明确图片的意图

在一个网站中,浏览网页时所看到的图片不应仅做到吸引用户的视线,而更能让用户通过视觉影像,准确感受到网站传递的信息。

了解图片意图,对设计师来说就是明确图片的设计目标,这是非常重要的一步工作。

我们总结了几个常见的图片意图:展现产品特点(优势);与文字相关联,保持元素一致性;帮助人理解某些东西;教导人使用(某产品);以人物视线引导用户;营造氛围;渲染情绪;塑造品牌。

展现产品特点:

在一个网站中,首屏对用户的第一印象几乎起决定作用,而Banner图在首屏中所在的位置,决定了其重要性。尤其对于营销型网站来说,Banner图是一个最佳产品展示的位置。

与文字相关联,保持元素一致性:

其实对设计师来说,图文相关是设计中的一个基本原则。但大部分网站忽略了这一点,甚至导致信息不能正确传递、销售机会减少等问题。

有一个来自Web易用性大师Jakob Nielsen的研究结论:单纯的装饰性图片会潜意识地被我们大脑忽略。

这项研究表明图文相关性的重要作用,成为设计指导原则。“图片与文字相关联”更应该被设计师用于项目实践中。

帮助人理解:

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

经过专业拍摄和处理,清晰、干净,并且将原本需要一大段文字描述的信息,成功以“看图说话”的方式直接向用户展示,帮助用户更好地理解产品。

教导人使用:

在Zuli网站的“How it Works”页面中,网页以图文结合方式展示产品的多个使用状态或场景。

该网页的所有图片风格一致,图片设计都以实体图像为主,通过扁平化的图标建立了产品与手机App之间的虚拟联系,简单易懂。

当用户浏览网页时,图片可以吸引人的注意力,并让用户对图片内容高度敏感,进而主动浏览文字深入了解产品如何使用,激发更大兴趣。

一般情况下,设计目标为“教导人使用”的图片,更适用于新产品或使用复杂的产品,这种方式可以帮助用户快速掌握使用技巧,降低产品使用成本,获得用户青睐。

以人物视线引导用户:

Ines Maria Gamler网站中展示的女性正侧着脸,双眼注视网站中间的文字。打开网站时,大多数人会首先关注人物的脸部,并进一步受到人物视线的引导。

随着人物的视线,用户会进一步将注意力放在网页中间的文字和图形上。

上一篇企业网站制作技术文章:    商城网站成未来大趋势 建立步骤有哪些
下一篇企业网站制作技术文章:    创建一个网站能给企业带来哪些好处

深圳网站制作最新案例推荐:

深圳网站制作相关文章阅读
关于我们
公司简介
人才招聘
售后服务
联系我们
网站制作套餐
基本型网站制作套餐
标准型网站制作套餐
品牌型网站制作套餐
综合型网站制作套餐
网站制作教程
网站建设常见问题
网站制作常见问题
网站设计常见问题
网站优化常见问题
企业邮箱常见问题
网站备案常见问题
联系方式
联系人:赵经理
电话:0755-61603557
邮箱:info@qifor.com
手机:13714247375
地址:广东.深圳宝安西乡宝源路鸿源大厦618

微信扫码咨询
© 2020 www.qifor.com all rights reserved
QQ在线咨询