如何做好网站图片的设计搭配

2022-10-19 分类：网站建设

网页设计中用图对网站建设非常重要，那么如何做好网站图片的设计搭配？

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

在图片设计前，设计师好能参考目前已有的网页粗略布局和栏目等，重新梳理列出网站中所需的图片类型。比如，按照栏目和模块对所需的图片分类：Banner、业务介绍、产品介绍/展示、公司介绍、团队介绍、新闻/资讯、客户案例等。

2、明确图片的意图

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

1) 展现产品特点

在一个网站中，首屏对用户的第一印象几乎起决定作用，而Banner图在首屏中所在的位置，决定了其重要性。尤其对于营销型网站来说，Banner图是一个好产品展示的位置。该案例的图片意图非常明确，和文字搭配在一起，既有宣传、推广产品的作用，又是一个引导用户点击参与的入口。

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

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

有一个来自Web易用性大师的研究结论：单纯的装饰性图片会潜意识地被我们大脑忽略。这项研究表明图文相关性的重要作用，成为设计指导原则。“图片与文字相关联”更应该被设计师用于项目实践中。

2) 帮助人理解、教导人使用

当用户浏览网页时，图片可以吸引人的注意力，并让用户对图片内容高度敏感，进而主动浏览文字深入了解产品如何使用，激发更大兴趣。一般情况下，设计目标为“教导人使用”的图片，更适用于新产品或使用复杂的产品，这种方式可以帮助用户快速掌握使用技巧，降低产品使用成本，获得用户青睐。

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

3) 以人物视线引导用户

随着人物的视线，用户会进一步将注意力放在网页中间的文字和图形上。这种设计方式有两个关键：一般先通过美丽的模特（或其他人物形象）吸引用户关注；用户会继续跟着模特视线转移注意点，关注产品、文案或Logo，达到图片设计的目标。

在著名的You Look Where They Look研究里，通过对婴儿尿布零售商网站的眼动研究，得出了结论：广告中，用户眼球可以被模特（或人物形象）的视线所引导。通过人物视线的巧妙引导，可以让网站重要信息得到展示，并改善用户视线只关注模特的问题。

4)营造氛围

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

5)渲染情绪

审美是人人具备的天性，一个网站是否好看，用户在第一眼就会有直观的判断。受到大脑中的“原始人”影响，图片美观程度能真正影响到用户对网站第一印象。

6)塑造品牌

对用户来说，高质量的大图往往更受欢迎，风格统一的图片既有视觉震撼力，又容易给人留下较深刻的印象，长久吸引用户注意力。成功品牌可以在很久之后，通过视觉上的独特，唤起人潜意识里的印象，让用户联想到该品牌。

以上几个案例是最常见的图片意图，同时也是图片设计中需要实现的目标。设计师需要做的，就是加深对项目需求和客户公司的业务了解，以便更明确网站中各栏目图片的设计目标。准备工作完成后，再综合考虑需求分析阶段的成果（设计构思、网页内容结构、网站风格等），设计师们就可以开始准备拍摄或搜集图片素材了。

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

猜你还喜欢下面的内容