中国设计网:网页设计中最常用的5种配图方式

设计资讯
发布日期
2020-03-31 19:54
发送

Lee Odden曾说过“Content isn’t King, it’s the Kingdom”,内容为王已然是毋庸置疑的真理。在网页设计中也一样,内容本身一定是占据最多版面的部分,所以它的质量很大程度上决定网页最终的效果和成败。

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

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

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

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

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

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

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

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

今天,我们要谈论的主题是网页图片。

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

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

图片之所以如此重要,还有更多原因:

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

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

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

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

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

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

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

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

现今,网页设计中最常见的图片一共有5种类型,分别是logo、照片、插图、卡通人物(吉祥物)以及3D渲染图片,每种类型都有自己的特色,我们将逐一分析。

徽标(logo)

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

在网页设计中,使用logo时有哪些小技巧?

在顶部导航栏处放置logo:通常,顶部导航栏是用户最先看到的区域。

不要改变logo的交互逻辑:当用户单击logo时,一般都是跳转回首页;如果是单页网站,则回到页面顶部。

增加hover交互效果:当用户鼠标悬停在logo上时,增加hover效果,不仅可以提示用户可点击,还可以提升用户体验。

这是一个虚拟货币服务网站的着陆页面设计,在logo元素上添加了强烈的交互效果,可以带来丰富的视觉感和趣味性。

照片(Photos)

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

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

网页主题图片

展示页面各个版块

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

博客文章的封面图

用作横幅的hero图片

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

舞蹈学院着陆页面,使用了舞者跳舞时的照片

博物馆网站的登陆页面,陈列了大量的艺术品照片

责编:春林
THE END

本文标题:中国设计网:网页设计中最常用的5种配图方式
本文链接:https://www.chinadesignw.com/sjzx/1115.html

相关热点

自古以来,中国山水之美造就了中国人的审美,也蕴养了中国人的文化内涵,中国女性之美与山水之美遥相呼应,地理、人文与人,相互包容贯通。 如何更巧妙的融合中国女性之美与中...
设计资讯/ 2020-03-26
2020年2月25日,Wacom正式发布新一代创意移动电脑Wacom MobileStudio Pro 13H(DTHW1321H)旗舰版,在Wacom MobileStudio Pro 13L专业版的基础上,对处理器、系统内存、存储空间等方面进行了全新大幅度升...
设计资讯/ 2020-03-26
近日,2020年德国红点设计大奖赛评选结果揭晓。其中,高端净饮水专家安吉尔旗下的商用餐厨系统净水设备,凭借创新的设计理念和卓越的结构功能,从全球60多个国家提交的6300多件产...
设计资讯/ 2020-03-25
3月14日, AcFun(以下简称A站)正式发起以别对AC娘出手为主题的IP衍生品设计大赛,让更多的设计爱好者与二次元爱好者们能够伸手摘星,也为更多优秀的设计师提供展示自己的舞台。 硬...
设计资讯/ 2020-03-19
经历了突如其来的疫情, 才发现一个舒适安全的家有多重要! 美家焕新季, 浪漫樱花盛惠来袭! 浪漫樱乐节,直播花粉惠 樱花卫厨大型工厂直播抢购会 即将震撼上线! 超给力的工厂...
设计资讯/ 2020-03-17
因为一场疫情,各行各业都受到了不同程度的冲击。这对依赖线下、强调体验的家居企业来说,更是一次严峻的生存挑战。如何应对宅家挑战、寻找业务突破口,关系到企业能否在宅经...
设计资讯/ 2020-02-25

相关推荐

3