认识达内从这里开始

随着互联网的不断发展，越来越多的人都通过自学或者参加达内的ui设计培训课程来实现职业转型发展，而今天我们就一起来了解一下，为什么网页设计中会大量使用图片元素。

一、一个网页呈现给用户的内容有哪些呢?

一般来讲，只要是用户感官可辨的部分都可以看做网页内容。用户可以通过阅读、观看、聆听以及交互等方式，和网页产生互动，因此，网页内容也成为影响用户体验的一个重要部分。

一个完整的网页，主要包含有以下内容：

文案–网页上的文本信息，用户通过阅读获得信息;

图片–网页上的图像信息，用户通过视觉进行查看或浏览;

视频–可播放的视频内容，具备声音和画面;

动画–可以和用户互动，提升用户体验;

声音–比如背景音乐，当你打开一个网页，会自动播放。

二、为什么网页设计中一定会用到图片?

图片的作用绝不仅仅在于提升界面美观度，在用户体验设计中，图片对提升设计可用性也起着重要作用。人都是视觉动物，天生对图像有偏爱，对图像的感知速度也远远超过文字，在WaybackMachine的研究中，人类感知图像的速度比感知文本要快60,000倍。因此，当我们看到一个网页时，图像也就成了我们先感知的元素。

图片之所以如此重要，还有更多原因：

图像本身还具备丰富的信息传达力和情感吸引力，心理学家通过研究发现，人类只需要大约1/10秒的时间就能大致了解视觉场景或视觉元素;

人类大脑喜欢将重要信息记忆为视觉图像，即使这些信息是通过文本感知获得的;

图像和页面背景以及周围元素更易结合，而文本在很大程度上取决于可读性;

图像更容易在人脑中形成长期的记忆点，用户不需要记忆大量数据，就可以通过图像和界面进行交互;

文字具有语言限制，但不同母语的人却可以识别同一张图像，图像比语言更加具备通用性;

文字识别有门槛，对于患有阅读障碍的人或学龄前儿童，他们可以绕过文本通过图像感知信息;

图片对网站的SEO排名也会产生影响。

三、网页中常用的图片类型有哪些?

现今，网页设计中常见的图片有以下类型，每种类型都有自己的特色，我们将逐一分析。

1、徽标(logo)

Logo代表着品牌，是一种象征性的视觉元素，它向用户传达公司理念、品牌、服务等信息。Logo在如今的网页设计中几乎是不可或缺的，甚至一些个人博客和作品集网站也会使用logo。

2、照片(Photos)

在网页设计中，照片是非常重要的视觉元素。照片不仅可以在很大程度上提升界面的美观度，也是网页设计中运用场景多的元素之一。

网页设计中，照片的使用主要有以下几种类型：

网页主题图片

展示页面各个版块

展示实体商品(例如电子商务网站)

博客文章的封面图

用作横幅的hero图片

照片的大优点是可以建立联系，帮助用户将其在网页上看到的内容与现实世界联系起来。其实早在互联网出现很久之前，照片就已经成为人类现实生活的一部分，因此，用户对于照片的感知是一种更原生、更亲密、更清晰的感知。

插图(Illustration)

插图是近几年流行的另一大网页设计趋势，设计师可以根据需求自定义制作插图，帮助用户快速感知网页信息。插图为视觉创意奠定了坚实的基础，不仅可以增加页面美感，更可以拓宽艺术家的创作视野。

如今，插图被广泛运用于：

Hero图片

主题图片

充当用户交流的形象角色

博客文章配图

用户奖励和其他游戏化的图像

系统消息

贴纸(在聊天类应用程序中尤为流行)

品牌故事

信息图表

营销内容和广告横幅

内容的视觉标记

原文地址：Mockplus

作者：Mockplus

【免责声明】本文系本网编辑部分转载，转载目的在于传递更多信息，并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题，请在30日内与管理员联系，我们会予以更改或删除相关文章，以保证您的权益!