培训首页  >  玩转网站背景图设计的几个小诀窍

玩转网站背景图设计的几个小诀窍

[2016-08-11 15:57:29] 浏览量:102 来源:

合肥中山设计学校

 

  几乎所有设计师都知道网页设计中用图的重要性,尤其是背景图。但在实际项目中,如何做好图片设计、玩转网站?本文将与大家分享如何通过“把握图片的意图”玩转网站背景图设计。给设计师的建议:做图前先别着急找素材!如果能做好两个准备工作,对设计师会有帮助:

  1、梳理网站中所需图片类型

  没经过思考就直接开工是设计效率低下的罪魁祸。在图片设计前,设计师好能参考目前已有的网页粗略布局和栏目等,重新梳理列出网站中所需的图片类型。比如,按照栏目和模块对所需的图片分类:Banner、业务介绍、产品介绍/展示、公司介绍、团队介绍、新闻/资讯、客户案例等当然,设计师也可以根据项目实际情况,或适合自己的方法采用更好的图片分类。梳理图片类型是帮助设计师重新梳理网站内容,让后面工作更有计划和针对性。

 

  2、 明确图片的意图

  在一个网站中,浏览网页时所看到的图片不应仅做到吸引用户的视线,而更能让用户通过视觉影像,准确感受到网站传递的信息。实际上,网页上的图片不只是美丽的像素块,所有的图片都应该是有意图的。了解图片意图,对设计师来说就是明确图片的设计目标,这是非常重要的一步工作。

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

  对用户来说,高质量的大图往往更受欢迎,风格统一的图片既有视觉震撼力,又容易给人留下较深刻的印象,长久吸引用户注意力。

  (1)与文字相关联,保持元素一致性

  用户在打开博客后,会同时关注到文字和背景的产品图片,在脑海中留下具象化的印象。

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

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

  这项研究表明图文相关性的重要作用,成为设计指导原则。

  “图片与文字相关联”更应该被设计师用于项目实践中。

 

 

  (2)帮助人理解

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

 

 

  (3)教导人使用

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

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

 

 

  (4)营造氛围

  对用户来说,生活化的图片浓缩了人们日常生活的一个场景,有熟悉的感觉。图片从整体营造了温馨的氛围,并且人物愉悦的表情能影响人的心情,让用户感受到一种欢乐、温馨的家庭气氛。

  (5)渲染情绪

  审美是人人具备的天性,一个网站是否好看,用户在眼就会有直观的判断。受到大脑中的“原始人”影响,图片美观程度能真正影响到用户对网站印象。背景图片展现了大量美丽景色,布局和色彩的整体搭配,从视觉上带给用户一种清新舒适的感觉。

  (6)塑造品牌

  成功品牌可以在很久之后,通过视觉上的独特,唤起人潜意识里的印象,让用户联想到该品牌。

  高清大图以及图片风格统一是塑造品牌的关键因素,无形中加深了人的印象,留下长远影响。

  设计师需要做的,就是加深对项目需求和客户公司的业务了解,以便更明确网站中各栏目图片的设计目标。

  准备工作完成后,再综合考虑需求分析阶段的成果(设计构思、网页内容结构、网站风格等),设计师们就可以开始准备拍摄或搜集图片素材了。

  请联系网站,了解详细的优惠课程信息~
优质、、便捷、省心


文中图片素材来源网络,如有侵权请联系删除
  • 平面设计师
  • UI设计师
  • 室内设计师
  • 动漫设计师
  • 服装设计师
  • 规划设计师
  • 零基础
  • 有PS基础
  • 有AI基础
  • 有CAD基础
  • 有PR/AE基础
  • 其他软件基础
  • 周末班
  • 全日制白班
  • 随到随学

厚学推荐学校

网上报名

热门信息