前端开发者如何借助云端一体方案拓展自己的能力及职业边界,戳此了解 了解详情
写点什么

图像是如何驱动用户体验的

  • 2020 年 1 月 08 日
  • 本文字数:974 字

    阅读完需:约 3 分钟

图像是如何驱动用户体验的

图片不仅仅在于装饰产品,提升视觉效果,也能够很好的提升产品的视觉体验,构造良好的用户体验。

常言道:“一图胜千言”“人类是高度视觉的生物,他们几乎可以瞬间处理视觉信息;我们感知到的所有信息中,90%都是视觉上的。”图像可以成为吸引用户注意力和区分产品的有力手段。


一个单一的图像相比一个复杂的文本,可以向观察者传递更多的信息。此外,图像可以以一种简单的方式跨越语言障碍。


图像不仅仅是装饰,它们有能力创造或破坏用户体验。在本文中,我们将介绍一些有用的原则和最佳实践,它们将帮助您成功地将图像集成到您的设计中。


一、只使用相关的图片

每一张图片都有一个故事要讲。就像写作一样,如果你在开始之前知道你已经想好说什么,那就更好了。


引人注目的图像有独特的能力来吸引你的访问者,但不是所有的图像都能提高你的用户体验。有些只是占用空间,或者,可能会混淆用户。任何设计中最危险的元素之一就是传达错误信息的图像。


用户对视觉效果的反应比文本快,所以要确保你的内容与支持的视觉效果相匹配。你应该选择与你的产品目标有牢固关系的图像,并确保它们与上下文相关。


二、图像不应该制造视觉疲劳

“多多益善”的原则并不适用于图像。不要花太多精力创作纯粹的装饰性图像,因为人们通常会忽略这些图像。相反,选择展示你产品用途的图片。在你的设计中使用有限数量的引人注目的视觉效果——真正吸引用户注意力的东西。



三、不失真地使用高质量的图像

确保您的图像适合在所有平台上显示。图像不应该出现像素化,所以一定要测试特定比率和设备的适当分辨率。显示照片和图形在其原始的方面比,并且不要缩放它们大于 100%。因为你也不希望你的图像中的产品或图形看起来歪歪斜斜,太小或太大。



四、以图像为中心的设计并不适合每一个网站

用赏心悦目的图像吸引人们的注意力当然是有价值的,但它的代价是让其他元素更难看到和使用。


在你的设计中过多地关注图像可能会造成视觉上的重点偏移,这会严重干扰用户与你的内容产生有意义的接触。


尽管在某些情况下,以图像为中心的设计是合适的(例如,苹果的主页),绝大多数应用程序和网站应该遵循一个平衡的方法——用户界面中使用的图像应该支持产品,但不会掩盖其他重要内容或按钮功能。



本文转载自 Think 体验设计公众号。


原文链接:https://mp.weixin.qq.com/s/r795g_lO391zGPkixSAOfAhttps://mp.weixin.qq.com/s/LG_WD2q7OjUoSuInglMFBg


2020 年 1 月 08 日 15:22219

评论

发布
暂无评论
发现更多内容

架构实战营模块七课后作业

Geek_99eefd

#架构实战营 「架构实战营」

如何真正学习Go 语言

宇宙之一粟

golang 学习方法 Go 语言 12月日更

模块7作业

小何

「架构实战营」

模块七作业

心怀架构

Redis RDB 持久化详解

程序员历小冰

redis 持久化 28天写作 12月日更

王者荣耀商城异地多活架构设计

Steven

架构实战课

如何在CRM WebClient UI里使用HANA Live Report

Jerry Wang

报表 CRM 28天写作 hana 12月日更

即刻到位!快速落地 Amazon 智能工厂解决方案

亚马逊云科技 (Amazon Web Services)

AI/ML

动手训练属于自己的无人车,这个超强服务现已开源!

亚马逊云科技 (Amazon Web Services)

AI/ML

YB时代即将来临,三问数据存储

脑极体

在Amazon SageMaker中灵活使用多种存储服务

亚马逊云科技 (Amazon Web Services)

AI/ML

低代码实现探索(九)后台模型 json定义

零道云-混合式低代码平台

《PyTorch 深度学习实战》复习18

IT蜗壳-Tango

28天写作 12月日更

LabVIEW读写各类格式图像的方法(基础篇—1)

不脱发的程序猿

机器视觉 图像处理 LabVIEW 读写各类格式图像的方法

销售易携手DataPipeline,推动“实时感知-主动决策-客户成功”的变革!

DataPipeline数见科技

大数据 中间件 数据融合 数据迁移 数据管理

编写代码最应该做好的事情是什么?

李子捌

Java 28天写作 21天挑战 12月日更

释放协同价值——元宇宙中的区块链

CECBC

SageMaker Neo优化目标检测模型加速推理

亚马逊云科技 (Amazon Web Services)

AI/ML

节点套娃问题-(节点重复利用如何避免循环)

waitmoon

53 K8S之资源监控与资源指标

穿过生命散发芬芳

k8s 28天写作 12月日更

重装上阵——Graviton2提升ElastiCache for Redis的性价比!

亚马逊云科技 (Amazon Web Services)

AI/ML

谈数字人民币对我国金融系统的双重影响

CECBC

微众七年营造,ABCD“四梁八柱”建构数字时代的信任底座

脑极体

apacheunomi漏洞介绍及代码分析

网络安全学海

黑客 网络安全 信息安全 渗透测试 安全漏洞

严管之下,还有谁在“挖矿”?

CECBC

新能源当道,如何构建一个电动汽车电池告警预测平台?

亚马逊云科技 (Amazon Web Services)

AI/ML

深入浅出 OceanBase 运维之弹性扩缩容

OceanBase 数据库

直播 弹性扩容 OceanBase 开源

架构师实战营 - 模块7 - 作业

lucian

架构师实战营

架构实战营模块七作业

渐行渐远

架构实战营

对象存储 S3 在分布式文件系统中的应用

对象存储 S3 在分布式文件系统中的应用

图像是如何驱动用户体验的_文化 & 方法_Think体验设计_InfoQ精选文章