排版技巧:图文混合的信息中,如何突出纯文本的信息?

标签: 互联网新闻 | 发表时间:2013-12-14 01:18 | 作者:知乎
出处:http://www.yixieshi.com

   【导读】本文整理自@知乎 的问答“在图文混合的信息流里面,如何突出纯文本的信息呢?”

  问题:随着 Feed 类型越来越丰富,展示样式越来越多样化,最基础的纯文本信息(状态 or 日志)就容易被忽视。有什么办法(技术或者产品或者交互或者视觉方向都行)能改善这样的情况吗?

   知乎网友eno-one:

   因为需要大量举例,答案中图片内容较多,加载较慢请耐心等待,带来不便请谅解!

  观点:

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

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

  方法一:

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

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

  方法二:

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

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

  方法三:

  将文字反白处理,将色彩面积增大。

  也可使用下图方式。

  小结:

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

  下面继续举例。

  方法四:

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

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

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

  方法五:

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

  接下来继续完善。

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

  方法六:

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

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

  总结:

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

  顺便说一句,可以看看我其它问题回答的文字排版方式,我的分段与文字加粗的首要目的,就是希望更好的方便阅读。知乎上的确有很多很好的答案,但是打开之后洋洋洒洒的数千字,加上枯燥的语言,结果很不幸的被埋没在了众多答案中。多站在他人的角度去思考,才可能发出被关注的声音。

  其实还有很多方法,都可以来提高文字的关注度,边做图举例边答题很累。就先到此为止吧!

  查看 知乎原文

相关 [排版 技巧 混合] 推荐:

排版技巧:图文混合的信息中,如何突出纯文本的信息?

- - 互联网的一些事-关注互联网产品管理,交流产品设计、用户体验心得
   【导读】本文整理自@知乎 的问答“在图文混合的信息流里面,如何突出纯文本的信息呢?”.   问题:随着 Feed 类型越来越丰富,展示样式越来越多样化,最基础的纯文本信息(状态 or 日志)就容易被忽视. 有什么办法(技术或者产品或者交互或者视觉方向都行)能改善这样的情况吗?.    知乎网友eno-one:.

android混合统计图

- - Java - 编程语言 - ITeye博客
AChartEngine高级应用之CombinedXYChart(组合统计图)在单个统计图上显示多样化的数据. 现在是信息飞速发展时代,单个的统计图已经无法满足实际生产的要求,人们只想通过快速的观察就能知道很多信息,所以组合统计图就运用而生了,诸如,人们想了解一个地方的大致情况,首先可能要了解当地的天气情况,交通运输情况等,以下我模拟的是一个地方的天气、光照时间分布情况的统计图.

Hadoop MapReduce技巧

- - 简单文本
我在使用Hadoop编写MapReduce程序时,遇到了一些问题,通过在Google上查询资料,并结合自己对Hadoop的理解,逐一解决了这些问题. Hadoop对MapReduce中Key与Value的类型是有要求的,简单说来,这些类型必须支持Hadoop的序列化. 为了提高序列化的性能,Hadoop还为Java中常见的基本类型提供了相应地支持序列化的类型,如IntWritable,LongWritable,并为String类型提供了Text类型.

WordPress 技巧

- - CSDN博客互联网推荐文章
WordPress字体设置方法详解.          WordPress开源程序功能越来越强大,未来我们不仅仅可以使用wordpress制作个人博客,还可以使用wordpress程序制作CMS内容管理系统. 很多 Wordpress主题SEO优化的非常好,而且还附带了一些adsense广告位置,让不懂SEO以及代码修改的朋友轻松解决博客优化以及广告位放置问题.

javascript技巧

- - ITeye博客
oncontextmenu="window.event.returnValue=false"  将彻底屏蔽鼠标右键. < table border oncontextmenu=return(false)>< td>no< /table>  可用于Ta bl e. < body onselectstart="return false">  取消选取、防止复制.

linux 小技巧

- - DBA Blog
2:如何限制用户的最小密码长度. 修改/etc/login.defs里面的PASS_MIN_LEN的值. 比如限制用户最小密码长度是8:. 3:如何使新用户首次登陆后强制修改密码. 4:更改Linux启动时用图形界面还是字符界面. 将id:5:initdefault: 其中5表示默认图形界面. 改id:3: initdefault: 3表示字符界面.

面试技巧

- - 非技术 - ITeye博客
问题一:“请你自我介绍一下” .   1、这是面试的必考题目.   2、介绍内容要与个人简历相一致.   3、表述方式上尽量口语化.   4、要切中要害,不谈无关、无用的内容.   5、条理要清晰,层次要分明.   6、事先最好以文字的形式写好背熟. 问题二:“谈谈你的家庭情况” .   1、 况对于了解应聘者的性格、观念、心态等有一定的作用,这是招聘单位问该问题的主要原因.

排版六原则

- 沈裔 - 所有文章 - UCD大社区
几天后,就收到了秋叶老师的来信,希望与我探讨一些设计问题. 他写过一本畅销书《说服力-让你的PPT会说话》,眼下正在写续集. 我看了新书的样章,觉得很不错,有些内容很值得分享. 良好的设计如何使得一个平庸的文档脱胎换骨. 下面是一张大学生的求职简历,再普通不过了,想要引起招聘经理的注意,恐怕很难. 秋叶老师对它进行了简单的排版,还是一张表格,还是黑白配色,没有使用任何图形元素,效果却完全不一样了.

四则混合运算,java实现

- - ITeye博客
package com.interview.prepare; /* * 四则运算,没有括号,数字均小于零,其中中间运算过程取整. * 首先将运算时转换为逆波兰式(后缀式) * 然后通过一个栈辅助运算. 当信息为数字时入栈,当信息为符号时~(~代表+-* / * 一种),出栈并 * 做运算top2~top1 * 测试用例 3+8*2/9-2 结果输出2 * */ import java.util.ArrayList; import java.util.List; import java.util.Stack; public class Compute {.

有感Google的混合研究方法

- - Tim[后端技术]
对于一个长期在研发领域的人来说,经常需要思考研发的意义、工程与研究的关系、产品型的公司应当做何种程度的研究等问题. 理想情况下,我们期望每一项研发工作都能得到组织、同事以及社区的高度认可. 因此不管你处于工程领域还是研究领域,工程与研究的关系会让你不断思考甚至困扰. 最近看到的Google’s hybrid Approach to research ( English 中文) 一文或许会让你豁然开朗.