数极客首页

顺势而为,6招文本图片化让信息更醒目

小编举荐

互联网时期
,带来了资讯的快速传播,同时也构成

了信息的严重过剩,大量的信息争夺

眼球留意
力。本篇知乎达人@eno-one从交互设计、心理学等方面,引见
6种适用
技巧让图片化的文本信息更醒目,在信息流中更容易吸收
到用户留意
力。

源起于知乎问答,问题如下:

在 weibo 的信息流里面,带有图片的 weibo 总是会更容易吸收
到用户的留意

后来长微博的盛行和目前的“添加多图功用
”都会使大家更多的运用
图片
那在这样的信息流里面,怎样
避免

纯文本的 weibo 被淹没

呢?
同样的状况

也会发作
在相似

Facebook 这样的信息流里面,随着 Feed 类型越来越丰厚
,展示

样式

越来越多样化,最基础

的纯文本信息(状态 or 日志)就容易被忽视


有什么办法

(技术或者产品或者交互或者视觉方向都行)能改善这样的状况

@eno-one的回答

(1810票)

当下社会的快餐文化,直接的使得我们的各种习气
随之改动
,人们越来越不愿将时间花在长时间阅读上,我们永远不要做逆势而为之的事情,用户习气
读图,那么一定是读图比读字更契合
他们自身

的运用
习气
,我们要做的,不是强行没收对方读图的权益
,更不是将过多的肉体

破费

在怎样
将文字从众多图片中脱颖而出。而是思索
怎样
使图片精确

的传达出我们希望表达的意义

以下依据

自己

十几年的行业阅历

,提供一些办法

。经过如下方式处置
的文字,会比普通文字更易被注重

办法

一:

顺势而为,6招文本图片化让信息更醒目

最吸收
人的,排在第一位的,永远是颜色,经过
放大字号,其实就是放大了整体文本的色块面积,来与较弱颜色
中止

辨别

,来抵达

吸收
眼球的目的。但只经过
简单的字体放大,会给人构成

内容粗糙的弊端。因而

倡议

放大后的文本,选择带有衬线的字体,来补偿
文字方式
上的粗糙感。可参见下图。

顺势而为,6招文本图片化让信息更醒目

经过
复杂字体的笔画,一来能够

处置

视觉上内容粗糙的问题;二来,由于较为复杂的笔画,其实又无形中增加了颜色的面积。

办法

二:

 

顺势而为,6招文本图片化让信息更醒目

经过
调整字体的颜色,从而使原本

单调的单色,变成醒目的多色文本。

但假定

颜色
搭配杂乱无章,除了增加阅读难度外,也会给阅读者构成

文字内容粗糙的觉得
。因而

,倡议

参考下图。

顺势而为,6招文本图片化让信息更醒目

经过
颜色的有序突变
和将文字内容中止

刻意的颜色
辨别

,这样两种方式能够

摆脱原有杂乱颜色
带来的低价
感。另外将原有杂乱的点状颜色
,变为面积更大的面状颜色
,无形中同样加大了颜色
的可视比例,从而起到吸收
视觉的目的。

办法

三:

顺势而为,6招文本图片化让信息更醒目

将文字反白处置
,将颜色
面积增大。
也可运用
下图方式。

顺势而为,6招文本图片化让信息更醒目

 

小结:

在以上的举例中,其实是在重复

论证颜色
的重要性,经过
最简单的方式增加颜色
的面积,从而起到专注视

觉的目的。但是需求
留意
的是,并不是颜色越多越亮就越好,错误的颜色
搭配有时分
会适得其反的使文字信息变得失去阅读者的信任。

下面继续举例。

办法

四:

顺势而为,6招文本图片化让信息更醒目

在同等颜色
与字体字号的状况

下,人最容易留意
到的,就是文本中的数字与英文,由于
在人的阅读习气
中,数字与英文是作为图形去了解

。因而

经过
阅读文本的内容,我们能够

将文本中的某些信息,经过
符号化的方式去表达,从而吸收
人的留意
力。

但是假定

遇到了文本中的信息真实
不好找到符号化处置
怎样
办呢?那么能够

参考下面的处置
方式。

顺势而为,6招文本图片化让信息更醒目

看到了吗?其实我们能够

经过
人为增加符号的方式,使得整段文字愈加
吸收
人!另外,其实标点符号我们也是作为符号来了解

的哦!同理采用这样编辑方式的还能够

在文字中间参与

一些较萌的QQ表情,效果也会差不多!

办法

五:

顺势而为,6招文本图片化让信息更醒目

事实证明,人们除了在吃药的时分
会刻意的阅读阐明

书外,其他
的时分
是不会阅读长篇大论的文字,因而

当文本信息过多时,需求
充沛

的思索
阅读者的习气
,我们能做的,是经过
工整的版式,让阅读者在阅读前就充沛

的知道

这段文字阅读起来很容易,而不会呈现
串行等状况

。只需

他愿意读,他才会读下去。

接下来继续完善。

顺势而为,6招文本图片化让信息更醒目

看到了没,固然
从整体上增加了文本的尺寸,但是从断句和行距上,愈加
切合阅读者的阅读习气
。这就好比让一个人一次步行10公里,和分5次来步行10公里的区别。而且放大了的文本,愈加
的增加了颜色
的面积。

办法

六:

再给大家一个最最最最简单,但是却是最最最最有效的方式。

顺势而为,6招文本图片化让信息更醒目

没错,那就是互换
文字与图片之间的位置,事实证明,文字摆放在图片下方,会比放在图片上愈加
让人愿意阅读。

总结:

其实以上的举例,只是在证明我不时

在做一件事,那就是尽量将文字图片化的处置
,让文字给人的第一觉得
更像是颜色或符号,从而消弭
观看者阅读前的心理障碍。

 

本文由人人都是产品经理@鱼精 整理自知乎问答,转载请注明出处并保管

本文链接。

给大家举荐

我国新一代大数据用户行为剖析

与数据智能平台:数极客(https://www.shujike.com),是支持无埋点、前端埋点、后端埋点、API导入四种混合数据采集方式,整合剖析

用户行为数据和业务数据,能够

自动监测网站、APP、小程序等多种渠道推行
效果剖析

,是增长黑客们必备的互联网数据剖析

软件。数极客支持实时多维剖析

、漏斗剖析

、留存剖析

、途径
剖析

等十大数据剖析

办法

以及APP数据剖析

网站统计网站剖析

小程序数据统计用户画像等应用场景,业内首创了六种提升转化率的数据剖析

模型,是用户行为剖析

范畴
首款应用定量剖析

与定性剖析

办法

数据剖析

产品

发表评论

评论已关闭。

相关文章