5分钟了解--颜色对字词意义的干扰

用户头像
深圳/UX设计师/4年前/168浏览
5分钟了解--颜色对字词意义的干扰

这篇文章主要探讨文字与色彩的联系,用户如何以最小的学习成本,快速了解设计师想表达的内容。

首先我们在分析文字对字词意义的干扰前先要了解一下什么是:色彩文字干扰图。

下面我们通过一个小测试,来亲身感受一下颜色对于文字的干扰。

请快速说出下图中文字的颜色

相信你们已经发现,我们理性认知受到了文字符号的干扰,使我们观察文字色彩的过

程产生了停顿,经过几秒集中精神的辨认,才准确的说出文字的色彩。

接下来我们把这些文字和色彩重新排列一下。

请快速说出下图中文字的颜色

经过合理的设计后,是不是对于文字颜色更容易阅读了,也没有体验中的停顿与思考。

这种色彩文字干扰测试我们称之为“斯特鲁普效应”。

由于优势反应的干扰,个体难以迅速准确对非优势刺激作出反应的现象叫“斯特鲁普效

应”,实际上就是利用人们长期学习中形成的思维定势,这种思维定势越厉害,在说出

字的颜色时,就越需要调动更多的注意力,才能摒除干扰,克服这种思维定势的影响。

所以当我们在设计产品的过程中,出现“斯特鲁普效应”即:各种颜色于文字不符时,

会增加大量的学习成本,以及操作失误的概率,导致操作过程不流畅,从而对产品产生

负面的情绪。

但是经过合理的设计后,用户对于文字于颜色的内容更理解,可以减少用户的学习成本,

同时用户把更多的注意力放在产品的主要内容里。

已游戏中经常遇到的场景举一个小栗子

卡牌游戏中,抽卡是游戏的核心玩法,不仅是玩家的爽点也是游戏公司的主要收入途径,

卡牌的稀有度在设计中一般都是已颜色来区分:比如蓝色的R、紫色的SR、金色的SSR等

等,我们应该如何去设计不同稀有度的卡片,让玩家看一眼就知道卡片的品质呢?

在实际的工作中遇到过类似情况,设计师改变了人物背景来凸显卡片稀有度,但是随着卡片

信息的增加,和卡片立绘的变化,这样设计的弊端就出现了。

在加入了卡片特性和更换了卡片立绘之后,卡片的品质信息就变的不易阅读,此时我们不仅

要含泪推翻之前的辛苦设计,还要加班设计新的展示方式。

究竟要在实际设计中避免“斯特鲁普效应”,目前给大家几个方法(欢迎大家评论补充)。

方法1.更改卡牌特性颜色占比,同时统一卡片稀有度色彩。

方法2.增加立绘背景占比,为卡片增加静态或动态描边。

这次的分享就结束了,感谢大家阅读,希望对大家有所帮助。

4
举报
|
收藏
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
UI 登录界面设计模板包
高级表盘系列UI源文件
【新年UI图标】珠宝icon
Security Camera UI kit
3D卡通UI界面图标可爱插画免扣素
新能源APP应用UIKit
【新年UI图标】银行卡icon
【新年UI图标】影音icon
盲盒APP UI设计
高级感金属拟物 UI设计组件库
智能家居中心 简约 UI设计组件库
【新年UI图标】汽车icon
科技医疗透明柜UI界面设计
UI界面 组件
3D渐变流体抽象矢量UI背景图
矢量立体简约UI蓝白图标
钱包ui模板
拟物风质感写实UI卡片合集源文件
【新年UI图标】秒杀icon
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
UI通用设计素材1
我的钱包-UI界面设计-app
【新年UI图标】钱包icon
你可能喜欢
相关收藏夹
大家都在看
登录注册