那些被忽视的文本排版问题

一般人在一个拥有稳定网络的状态下,使用用智能手机或笔记本电脑的频率相对于我们一天接触的食物、音乐和家人还要多,所以大多数类型的网站也都是这类型的,在2006年是这样的,现在10年之后还是如此,并继续保持着,也许直到有一天使用全息表情符号(或许是2020吧,说不准。)

虽然我们都在耐心的等待这种科技产物的诞生,而且它也是基于沟通并彼此尊重而来,使我们每个人都是内容的创作者、数字出版商、开发人员、设计师,为我们所创造的物质和大家分享世界承担责任中的一个小角色。如果我们被别人付出,使得内容看起来是非常的有效,这一点就显得尤其重要。下面有五个方法来改善任何网站、电子邮件或者是其他类型的数字化设计对于文本排版的基本要求。

有意识的分割线和段落间距



这里的问题在于访问者如何组织网页内容,文本的上方和下方小标题或者图像的分布。当用户很难理解内容时,这是因为设计变得糟糕,而用户要保持心情舒畅,首先应该通过行高间距将内容之间进行明确的分组,就是为用户提供一个良好用户体验的保证。

避免文本每行数量过多

在我们的看来,这是很多产品设计中最糟糕的体验,特别是目前响应式网络的流行。



研究表明(注:英文)每行大约31个单词比较合适。因为当比较长的时候用户读起来会非常的吃力,这里可以使用一个简单的测试来验证它,打开一封长篇的email,然后调整浏览器宽度。对比二者之间的区别,有时这种体验就是如此的糟糕,而且没有多少人会意识到这个问题(包括设计师和开发人员)。由于没有人指出来,这个问题中有的通过响应式布局和div来布局,这是缺乏思考的一种表现,更可悲的是,在小窗口填充时文本框的宽度不能被拉伸以填充一个更大窗口的宽度,没有考虑更多的额外情况以及用户的使用环境。



正确的使用手绘字体

从目前的发展趋势看,手绘字体显得比较有趣味性,结合视觉,一个明显的趋势就是相对于屏幕的冷酷,这些文字多了亲和力,而且从从古老的文明开始手绘字就是一种特别浪漫的的设计形式。大量表明我们是喜欢这种手绘字体的,就像在有些情况下这种字体会非常的美丽,但是也会存在一些问题,例如选择的手绘字体本身就太好看,反而给人一种不太真实的感觉。



另外事实证明,这些字体很少能给人感觉到特别的手绘设计的感觉。更糟糕的是相同的字符和短语出现多次,手绘字的一个重要特点就是显得可爱,但是这又会失去一些字符自身的意义,例如字符的可读性会降低,分散注意力。




上图的文本(有三个重复“A”字符),一眼就看到是假的手绘字,这是很糟糕的。



尽管这些细节变化可能是微妙的,但是相比较没有进行替换的,如上图中看到,左边显得更加真实自然。

不要使用太多的字体样式

如果想让文本足够的有吸引力,他们会在一个版面中使用多种类型的字体,这反而使得阅读变的更加的困难。看起来是很不友好和没有信任感,满脸的营销恶臭味道。



另一个常见的问题就是行高问题,每行每段之间缺乏足够的透气性。



这种问题的解决方法比较困难,但还是需要有所节制,

使用正确的标点符号

标点符号有时候显得那么的重要,特别是在标题中用到的时候,但是还是有很多大小品牌会犯这样的错误,我们看到最常见的问题就是使用错误逗号和引号。



另外双引号和单引号也是错误的使用垂直形式的,直引号的本质上是使用在很早以前打字机时代,主要是为了节省空间和足够简单而创建的通用符号,但是现在技术进步了,我们还在使用这种古老的方式。而大多数人不太容易发现文本中这些细微的差异,但是在标题中就显得尤其明显了。



对于文本的排版问题,在Web开发和APP中一直存在,但世界一直在变化,这些细节问题依然存在,当一个人或者企业关注在展示自己最好一面的时候,这些也是很重要的,或者我们换一个角度,从UX思考,用户的文本易读性问题,另外还有各种不同的使用环境也是需要考虑的。

上面的问题对于文本排版和用户体验有一定的参考意义,另外UX是一个比较广义的概念,应用于各种各样的事和人,像很多其他行业一样,人们并不会太在意这些鸡毛蒜皮的事,但是当我们从用户研究、创作方向、内容策略上寻根问底的时候,就会发现一些看似微不足道的细节可以很快的解决在UX中那些华而不实的内容。

作者:Studio Function

https://medium.com/studio-function/typography-tips-for-a-better-user-experience-30a1a48371e6#.1ofcmly7v

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 200,392评论 5 470
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 84,258评论 2 377
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 147,417评论 0 332
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 53,992评论 1 272
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 62,930评论 5 360
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,199评论 1 277
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,652评论 3 390
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,327评论 0 254
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,463评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,382评论 2 317
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,432评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,118评论 3 315
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,704评论 3 303
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,787评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,999评论 1 255
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,476评论 2 346
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,057评论 2 341

推荐阅读更多精彩内容