新闻动态
Are you interested in ?
感兴趣吗?
与我们合作,您将会得到更成熟的品牌创意设计。我们以客户至 上,同时也相互挑战,力求呈现最好的品牌形象作品。


如何提升阅读体验的三个排版设计技巧
【观点解析】2017/5/19 14:27:23阅读:

段间距

设置段间距非常简单,但是它和连按两次回车再起一段是两回事。一般而言,段间距应该和正文字体行高相等,但是如果你连续按两次回车,那么这个间隔的高度等于行高+行间隙x2。如果正文字体为16pt,么段间距最好是16pt或者1em。

·在设计应用和CSS的时候,将段落的margin-bottom属性设置为16px或者1em

·在Word或者Pages文档中,在“段落后”的值设置为正文尺寸的值即可

如何提升阅读体验的三个排版设计技巧,PS教程,思缘教程网

行距

行距应该控制在正文尺寸的120%~160%(两行底部之间的距离),同时,文本字体越小,两行之间的行间距应该越大,确保字与行呼吸的空间。

如果正文文本的尺寸是22pt,那么你的行高应该控制在26pt~35pt之间。

·在CSS样式中,你可以使用em来控制尺寸,不过你需要稍加调整,确保它看起来舒服

·在Word文档或者Pages文档中,行高是以倍数来表示的,120%的行高在这里应该设置为1.2

如何提升阅读体验的三个排版设计技巧,PS教程,思缘教程网

技巧3——调整每行文本,确保阅读体验

调整每行文本的长度,让用户更好地阅读。太长的行难以阅读,太短的话单独每行倒是容易阅读,但是需要视线频繁地左右扫视。英文文本每行理想的字符数是65~75,作为阅读的参考标准,应该以正文的行宽来作为参考,而不是标题和副标题的长度。

如何提升阅读体验的三个排版设计技巧,PS教程,思缘教程网

提示:70个字符放在一行里,应该有多长?将英文大小写字字母和数字写在一行,就差不多有这么长,可以拿来做参考:

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz0123456789

当你确定了65~75个字符的长度之后,适当地降低行宽直到这个宽度范畴,然后进行二次调整,直至宽度令你感到舒适。值得一提的是,在中文排版中,也可以采用类似的处理方法,通常在Word 文档中,使用5号字,一行32个字,能确保比较舒适的阅读体验。

如何提升阅读体验的三个排版设计技巧,PS教程,思缘教程网

一般这个宽度会相对更窄一点,使得每行更易于阅读。

最终结果

一旦你遵循上述的步骤来处理,你的文本内容的可读性会得到极大的改善,如同下图所示:

如何提升阅读体验的三个排版设计技巧,PS教程,思缘教程网

排版设置完全是一个常规技能,遵循简单的原则能让文本的可读性更好。但是这个技能所包含的规则相对简单可行,但是并不能覆盖全部的排版需求,比如在移动端阅读,尤其是第三个技巧。但是他们依然非常有意义,因为它们展现了一些排版设计用户体验的基本规则,你可以稍加调整,应用于更加广阔的领域。



全国统一服务热线
0755-2652 3653
深圳客服 澳门客服 沈阳客服
亚太影视传媒机构
深圳总部
深圳市福田区上梅林卓越城一期一栋10楼1001
电话:0755-26523653   17727552130
E-Mailartmer@126.com
传真:0755-2652 3653
QQ:1176693026
沈阳公司
沈阳浑南新区天坛南街 
电话:024-2413 3360
E-mail:artmer@126.com

传真:024-2413 3366

QQ:1176693026

澳门公司
澳门罗理基博士大马路第一国际中心六楼
电话:853-6250 0593
E-mail:artmer@126.com

传真:853-6250 0593

QQ:2874895428

深圳包装设计公司|保健品包装设计|农产品包装设计|滋补品包装设计|食品包装设计|电子产品包装设计|深圳大米包装设计|深圳医疗产品包装设计公司|深圳策划设计公司|深圳食品包装设计公司|深圳大米包装设计|深圳农产品包装设计|南山包装设计公司|深圳logo设计|深圳食品包装设计|深圳画册设计公司|深圳VI设计公司|深圳logo设计公司|深圳画册设计公司|南山广告设计公司|保健品品牌设计
中国十大优秀品牌全案策划设计机构!广东省十大品牌设计公司!
地址:深圳市福田区上梅林卓越城一期一栋10楼1001   24小时在线:17727552130 黄小姐  电话/Tel:0755-26523653  
Copyright © 2015-2022 深圳市亚太纵横影视有限公司 All Rights Reserved.  粤ICP备07042200号-3