经验分享!超实用的文本处理技巧 - 优设网 - UISDC

经验分享!超实用的文本处理技巧

2013/12/10 127344评论 6

@-eno-one- :当下社会的快餐文化,直接的使得我们的各种习惯随之改变,人们越来越不愿将时间花在长时间阅读上,我们永远不要做逆势而为之的事情,用户习惯读图,那么一定是读图比读字更符合他们自身的使用习惯,我们要做的,不是强行没收对方读图的权利,更不是将过多的精力花费在如何将文字从众多图片中脱颖而出。而是考虑如何使图片准确的传达出我们希望表达的意思。

以下根据本人十几年的行业经验,提供一些方法。经过如下方式处理的文字,会比普通文字更易被重视。

方法一:

超实用的文本处理技巧

最吸引人的,排在第一位的,永远是颜色,通过放大字号,其实就是放大了整体文本的色块面积,来与较弱色彩进行区分,来达到吸引眼球的目的。但只通过简单的字体放大,会给人造成内容粗糙的弊端。因此建议放大后的文本,选择带有衬线的字体,来弥补文字形式上的粗糙感。可参见下图。

超实用的文本处理技巧

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

方法二:

超实用的文本处理技巧

通过调整字体的颜色,从而使原本单调的单色,变成醒目的多色文本。但如果色彩搭配杂乱无章,除了增加阅读难度外,也会给阅读者造成文字内容粗糙的感觉。因此,建议参考下图。

超实用的文本处理技巧

通过颜色的有序渐变和将文字内容进行刻意的色彩区分,这样两种方式可以摆脱原有杂乱色彩带来的廉价感。另外将原有杂乱的点状色彩,变为面积更大的面状色彩,无形中同样加大了色彩的可视比例,从而起到吸引视觉的目的。

方法三:

超实用的文本处理技巧

将文字反白处理,将色彩面积增大。
也可使用下图方式。

超实用的文本处理技巧
 

小结:

在以上的举例中,其实是在反复论证色彩的重要性,通过最简单的方式增加色彩的面积,从而起到专注视觉的目的。但是需要注意的是,并不是颜色越多越亮就越好,错误的色彩搭配有时候会适得其反的使文字信息变得失去阅读者的信任。

下面继续举例。

方法四:

超实用的文本处理技巧

在同等色彩与字体字号的情况下,人最容易注意到的,就是文本中的数字与英文,因为在人的阅读习惯中,数字与英文是作为图形去理解。因此通过阅读文本的内容,我们可以将文本中的某些信息,通过符号化的方式去表达,从而吸引人的注意力。

但是如果遇到了文本中的信息实在不好找到符号化处理怎么办呢?那么可以参考下面的处理方式。

超实用的文本处理技巧

看到了吗?其实我们可以通过人为增加符号的方式,使得整段文字更加吸引人!另外,其实标点符号我们也是作为符号来理解的哦!同理采用这样编辑方式的还可以在文字中间加入一些较萌的QQ表情,效果也会差不多!

方法五:

超实用的文本处理技巧

事实证明,人们除了在吃药的时候会刻意的阅读说明书外,其余的时候是不会阅读长篇大论的文字,因此当文本信息过多时,需要充分的考虑阅读者的习惯,我们能做的,是通过工整的版式,让阅读者在阅读前就充分的知道这段文字阅读起来很容易,而不会出现串行等情况。只有他愿意读,他才会读下去。

接下来继续完善。

超实用的文本处理技巧

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

 

方法六:

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

超实用的文本处理技巧

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

总结:

其实以上的举例,只是在证明我始终在做一件事,那就是尽量将文字图片化的处理,让文字给人的第一感觉更像是颜色或符号,从而消除观看者阅读前的心理障碍。

原文地址:zhihu
作者:-eno-one-
 
================关于优设网================
“优设网uisdc.com“是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
PS礼仪手册:网页设计师必须修炼的内功技法,更是不可或缺的WEB设计指南http://hao.uisdc.com/ps/
设计微博:拥有粉丝量59万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

youshege
 

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/text-optimization

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

设计圈干货 界面设计 排版布局 职场 版式设计 优设专访 优设大课堂 设计达人 设计师干货 web前端开发 配色 视觉设计 素材下载 AI教程 设计理论 设计流程 神器下载 字体下载 设计师专访 psd下载 海报设计 设计规范 设计趋势 用户体验设计 动效设计 logo设计 平面设计 图标设计 ICON 产品设计 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 优秀网页设计 设计师职场 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里