美文网首页
为获得更好的用户体验而提供的排版技巧

为获得更好的用户体验而提供的排版技巧

作者: 数智化采购 | 来源:发表于2019-09-28 11:05 被阅读0次

拥有智能手机或笔记本电脑和稳定的互联网连接的普通人在一天内与排版互动的时间可能比与食物、音乐和家庭加在一起的时间还要多。

大多数的网络(和我们的生活)都是基于类型的。2006年的情况就是这样。,10年后仍是如此,并将一直持续到我们通过全息表情符号(2020?)进行交流的那一天。

当我们耐心地等待HoloMoji™革命的时候,以它应得的尊重来对待基于类型的交流是很重要的。作为内容作者、数字出版商、开发人员和设计师,我们每个人都要扮演一个小角色,对我们所创建的材料负责,并与世界分享。如果我们得到其他人的报酬,让他们的内容看起来很棒并进行有效的沟通,情况尤其如此。

这里列出了5个简单的方法,以提高任何网站、电子邮件或数字产品设计的排版质量和效率。

尖端#1

注意行距和段落间距

这看起来可能不是什么大问题,但这是一个简单的技巧,可以用最少的努力来实现。

更好地利用垂直空间分布,更清楚地将相关图像和文本,或分目和文本分组,可以使上述内容受益。

当文本行均匀地分布在子标题或图像之上和下面时,读者可能很难知道如何将页面内容分组(特别是在包含多幅图像的较长的文章页上)。

当读者不得不努力理解内容关联时,设计就变得繁琐和苛刻。读者首先要感到舒服。通过垂直间隔对内容进行明确的分组是确保用户体验更积极的一个很好的方法。

尖端#2

避免冗长的文字

在我们看来,这是一个最多产和恼人的设计漏洞,目前感染了响应网络。

事实证明,当被迫读长句时,读者的眼睛(又称心智)会变得疲惫。这实际上是一个简单的测试执行任何时间-只要打开一个长电子邮件和调整浏览器的宽度。比较同一文本在较窄的视口中的感觉与由较大宽度所创建的长行的感觉。同样的电子邮件会让人感到舒服和容易消化,或者完全令人沮丧和烦琐。文本重的页面也是如此。

维基是一个免费的浏览器扩展,了解眼睛疲劳,并呈现更舒适的阅读体验。

长队的长度是个累赘。人们阅读时不需要更少的鼓励。而且,它看起来很便宜。这是一个快速的方式说:“我们并不真正关心我们的材料的设计和我们的用户的阅读体验,或者我们太无知,以至于没有注意到!”哎呀。

很少有人(包括设计师和开发人员)意识到这个问题,因为从来没有人指出过这个问题。此外,弹性开发框架的方便性以及缺乏对响应性布局的考虑,也是问题的根源所在。遗憾的是,如果没有任何额外的设计考虑,填充小视口宽度的文本容器就不能被拉伸来填充大视口的宽度。

在不同的视野范围内调整文本可能需要额外的努力,但投资对于阅读体验和与设计/品牌相关的积极的非语言感觉都是值得的。

正文段落中字符的最佳数目是45到75,有66个字符行(包括空格)。被广泛认为是理想..有时,每行的平均单词更容易计算,在这种情况下,试着在9-13(标题显然可以有较少)之间。针对这一点,并调整设计时,字符或字数为该字体大小下降的魔术区域。

尖端#3

手写体要真实

观察视觉趋势的演变并对视觉景观的饱和做出反应总是很有趣的。这种趋势产生于一种反对冷屏和矢量图形无所不在的数字化的欲望。输入手写体和一般浪漫的精力,似乎丢失了很长时间的手工做事文化(至少从千禧年的角度)。

澄清:我们喜欢文字和书法。手工渲染的文字,就像许多东西一样,用相当的技巧执行时是美丽的。现在的问题是人们想要捕捉到能量,却懒得选择字体,而不是进行更真实的处理。

上面的例子没有一个很有说服力。刻字字体很难传递一种真实感。

我们的问题不在于使用字体的想法(对于可访问性和一般的方便而言,实时文本有一定的优势),但是这些字体很少感到特殊和手工制作。

更糟糕的是,同一个字符在一个单词或短语中多次出现。手写体的本质和它所有可爱的细微之处都在只有一个字母“e”字符的字体中消失了。表示重复字母的单词打破了幻觉。一旦观众注意到,就很难摆脱不真实、分心和失望的感觉。

第一个图像是来自TSN的Favela联合通过TWG..正宗的手写体完美地促进了体验-它是坚韧不拔的和发自内心的。注意如何失去感觉时,艺术作品被修改的字体为基础的例子。重复的角色开始显得悲伤,大大减少了整体的影响。 当需要隐藏的字母较少时,这种效果就更明显了。右边修改过的文字(有三个重复的A字)是最糟糕的假手写体的一个很好的例子。 即使结果可以是微妙的,没有替代的能量和兴趣产生的真正的手动执行,如左图所示。


尖端#4

不要使用太多的类型样式

读者想要阅读。如果这篇文章足够吸引人,他们会的!

W帽子阅读器不需要是有点额外视觉香料帮助他们非常感谢你们的交流。

滥用多种类型的治疗方法是劫持阅读体验的好方法。它在视觉上扰乱了复制块,而且(对我们来说)实际上使其更难通过内容,因为现在有人的拐点使水变得浑浊。它看起来也很糟糕,散发着不安全、聪明的营销气息。

另一个常见的问题是在一般情况下使用太多的类型样式。虽然与单一句子中的多种风格相比,显然不那么粗略,但这里缺乏敏感性也会导致页面的外观和感觉非常糟糕。

解决办法并不总是容易的,需要一些克制。试着在视觉上被低估。相信你的副本(或投资于更好的拷贝)。学会相信简单排版传递信息的美丽和有效性。

尖端#5

在最重要的时候使用适当的标点符号

正确的标点符号应该总是使用在标题和关键领域的复制,但这么多的品牌(大小)没有正确地运用它。我们看到的最常见的问题是使用错误的文本字符作为撇号和引号。

直引号是用来代替引号(“‘”)和撇号(’)的垂直引号。直引号本质上是在打字机时代为简单和节省空间而创建的通用标点符号。这一削减对覆盖当时的所有基地是有效的,但技术早已向前发展。有趣的是(不好笑),在数字时代,有多少古老的打字文化的规则还在流传(*咳嗽,经期后的多个空格,*咳嗽)。

大多数人很难在小的文本设置中发现这些标记之间的区别,但是在标题/显示大小上,直引号就像酸痛的8位拇指一样突出。不像卷曲引号和撇号这是专为促进文字图片的统一和流动而设计的,直引号笨重,分散了阅读经验的注意力。它们应该保留给代码编辑器。

文本设置问题早在Web开发和桌面出版之前就已经存在。世界变了,天空还没塌下来。但是,当一个人或一个企业关心他们的最佳表现时,这些细节确实很重要。或者当某人想表达更深层次的UX考虑时,包括读者在/当他们遇到打字打嗝时的感受。想想有多少时间和精力5~6成熟本身花费在类型的细微差别上.

上面的技巧说明了排版可以对用户的整体体验做出有意义的贡献。UX是一个很大的概念,对不同的人来说意味着各种各样的事情。但就像其他职业一样,人们并不总是喜欢为琐碎的事情出汗。当你通过观众研究、创造性方向和内容策略工作时,UX可以是浮华的和令人兴奋的,但是当涉及到似乎微不足道的琐事时,精力可能会很快消失。

我们相信这是令人惊奇的细节的结合,使某些东西真正特别。

排版是一种无形的手艺,几乎渗透到我们清醒生活的每一个方面。良好的排版在创造成功的、令人难忘的用户体验方面起着重要作用。

相关文章

网友评论

      本文标题:为获得更好的用户体验而提供的排版技巧

      本文链接:https://www.haomeiwen.com/subject/xpizuctx.html