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

用户头像
成都/产品设计师/6年前/478浏览
为获得更好的用户体验而提供的排版技巧

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

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

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

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


尖端#1

注意行距和段落间距

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

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

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

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


尖端#2

避免冗长的文字

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

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

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

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


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



尖端#3

手写体要真实

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

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

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

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




尖端#4

不要使用太多的类型样式

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

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

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


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

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



尖端#5

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

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

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

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


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

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

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

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


1
举报
|
1
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
空的平台平面和自然景观
城市园林平面布局航拍
中秋节可爱呆萌平面兔子蛋黄月饼贴纸素材
城市园林平面布局航拍
金色颗粒质地的平面
“知识宅急送”外卖,快递,平面,海报,素材,教育
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
城市园林平面布局航拍
金色颗粒质地的平面
平面设计 吊牌设计
平面书法字手写
中国传统纹样创新图案设计
古风平面仕女与瓷器
平面人物插画
平面风格黄绿色系花朵装饰
空的平台平面和自然景观
牛奶乳液层次梯田平铺平面
金色颗粒质地的平面
金色颗粒质地的平面
水蜜桃和李子的平面水果图案
海底世界插画
金色颗粒质地的平面
城阙凡花
玄关入门地毯印花图案红地毯
倒计时,海报,平面
你可能喜欢
相关收藏夹
地产VI
地产VI
地产VI
地产VI
大家都在看
登录注册