QCon北京开幕在即|与全球 140+ 顶尖工程师共同解构 AI 时代的技术浪潮 了解详情
写点什么

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

  • 2020-01-08
  • 本文字数:974 字

    阅读完需:约 3 分钟

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

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

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


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


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

一、只使用相关的图片

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


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


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

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

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


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

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


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

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


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


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



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


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


2020-01-08 15:22694

评论

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

史上最实用的Android切片应用库XAOP使用指南

android 开源 aop 框架

技术博客,从零到数万访问,这两年我都做了什么

android 博客 经验分享

架构师训练营第 12 周总结

邓昀垚

线上数据被回滚两次我都做了哪些不正确的操作

Gopher指北

MySQL 后端

详解TCP IP网络协议栈底层原理到徒手实现

赖猫

c++ Linux 编程 程序 网络协议栈

我是因为这个才选择当程序员的,那么你呢?

Java架构师迁哥

移动端技术方案设计的经验总结

张明云

android 架构 移动应用 架构师 技术方案

Gemini双子新约软件系统开发|Gemini双子新约APP开发

系统开发

深入理解Git的实现原理

程序员小灰

c++ git Linux 项目管理 架构师

网络入门模拟器:Cisco Packet Tracer

培训是为了激发学员学习这门课的兴趣

boshi

职业 培训

default-servlet-handler不生效原因,springmvc静态资源拦截方案比较

叫练

springmvc 静态资源拦截 default-servlet-handler 资源配置不生效

Redis 为什么这么快?这才是最完美的回答

Java架构师迁哥

史上最好用的Android全量版本更新库XUpdate使用指南

android UI 框架开发 xupdate

架构词典:SLA

lidaobing

架构 SLA

面试被问线程安全怎么保障,我的回答让面试官眼前一亮

996小迁

Java 学习 架构 面试 笔记

我是怎么教我6岁女儿编程的

勇往直前的胖子

少儿编程

开源软件联盟PostgreSQL分会投稿指南

PostgreSQLChina

数据库 postgresql 软件 投稿

话题讨论 | 那些年奇葩的面试经历

三号无名指

话题讨论

史上最优美的Android原生UI框架XUI使用指南

android UI 框架开发

架构师训练营第12周作业

邓昀垚

LeetCode题解:45. 跳跃游戏 II,贪心正向查找,JavaScript,详细注释

Lee Chen

算法 大前端 LeetCode

为什么说区块链完全去中心化做不到且没有意义

CECBC

区块链 去中心化

Java对IPv6的支持详解:支持情况、相关API、演示代码等

JackJiang

Java 网络编程 ipv6 ipv4

一文搞懂RESTful API

bigsai

RESTful Rest

如何在高速发展中等一等老人 银行数字化服务显温度

CECBC

银行 养老服务

roblox 杂记

katichar

二、关于大型复杂系统

数列科技杨德华

腾讯云区块链总经理李力:产业区块链的四大发展趋势

CECBC

区块链 大数据

史上最全的开源项目创作指南

开源 经验分享

Flutter Plugin插件开发填坑指南

flutter 经验分享

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