发表日期:2018-06 文章编辑:小灯 浏览次数:2404
在APP开发时信息展示页面的文字排版应该注意哪些问题呢?
是习惯性的使用宋体字或者微软雅黑?
是直接设为12px或者14px的字号?
你有考虑过文字排布与阅读效率的关系吗?
你的页面背景会影响到用户的浏览舒适度吗?
深圳APP开发塔灯网络将从以下几个元素具体分析:
字体和字号
字体分为衬线体与非衬线体。
衬线体就是带有衬线的字体,笔画粗细不同并带有额外的装饰,开始和结尾有明显的笔触。常用的英文衬线体有Times New Roman和Georgia,中文即是我们在windows下常见的中易宋体。
与衬线体相反,无衬线装饰,笔画粗细无明显查差异的字体就是非衬线体(sans serif)。Arial、Helvetica、Verdanad都是我们熟悉的英文非衬线体,中文有微软雅黑和mac下默认的中文-华文细黑。
行长
一般情况下阅读行数都不会超过40个汉字。
这是因为如果每行文字过长,读者会不停的转动脖子,感到疲惫的同时也会降低阅读效率。目光从行尾移至下一行,也很容易串行,影响读者浏览文章的节奏。这点同样适用于网页上的文章阅读。由于显示器是横向的,我们更要注意划分阅读区域。
文本宽度控制在450-700px为宜,此范围内参照字号大小
英文每行80-100个字母(空格算一个字母)为宜
中文每行30-40个汉字为宜
间距
通过设置间距,我们就可以控制文字的密度。如果每行间距太小,与文字过长一样,读者浏览文章时也容易串行;如果行距过宽,阅读时就会感觉文章不够连贯。
间距没有固定的值,通常是根据字体大小来定义的。在word里我们常看到双倍行距、单倍行距和1.5倍行距的选项。网页上行距的单位常用em来表示,不管是中文网站还是英文网站,大家多喜欢用1.5em-1.8em的行距。以1.6em的行距为例,字号16px的字,行距就是25.6px。
背景
白色是全频光,全放射光对人眼睛的有刺激,所以很多印刷品读物的纸张都选用乳白色或者淡黄色的纸张。由于显示器本身就发光,所以同是纯白色背景的文字,在电脑上比在纸上阅读会使眼睛更容易疲乏,另有研究表明:在电脑上阅读只有在纸上阅读速度的78%,阅读效率大大减低。因此,为了提高页面浏览的舒适度和效率,越来越多的页面采用浅灰色和淡黄色做为页面背景。
另外,印刷品以文字为主的出版物往往会采用低光泽度的纸张,也是因为光泽度高的纸张反射度高,导致阅读质量下降,容易使人视觉疲劳。页面背景仿造低光泽度的纸张(纸张纹理)也能否提高阅读的舒适度呢?
实际工作中,我们需要思考的更多,浏览环境、设备、网站特点、用户人群、个人偏好等等都需要设计师根据具体情况来把握界面文字的展示效果。为用户带来更好的体验感受。
日期:2018-10 浏览次数:7113
日期:2018-12 浏览次数:4177
日期:2018-07 浏览次数:4733
日期:2018-12 浏览次数:4020
日期:2018-09 浏览次数:5356
日期:2018-12 浏览次数:9773
日期:2018-11 浏览次数:4676
日期:2018-07 浏览次数:4444
日期:2018-05 浏览次数:4723
日期:2018-12 浏览次数:4174
日期:2018-10 浏览次数:5000
日期:2018-12 浏览次数:6069
日期:2018-11 浏览次数:4311
日期:2018-08 浏览次数:4437
日期:2018-11 浏览次数:12461
日期:2018-09 浏览次数:5430
日期:2018-12 浏览次数:4699
日期:2018-10 浏览次数:4043
日期:2018-11 浏览次数:4388
日期:2018-12 浏览次数:5918
日期:2018-06 浏览次数:3860
日期:2018-08 浏览次数:5305
日期:2018-10 浏览次数:4331
日期:2018-12 浏览次数:4333
日期:2018-07 浏览次数:4218
日期:2018-12 浏览次数:4370
日期:2018-06 浏览次数:4248
日期:2018-11 浏览次数:4227
日期:2018-12 浏览次数:4118
日期:2018-12 浏览次数:5133
Copyright ? 2013-2018 Tadeng NetWork Technology Co., LTD. All Rights Reserved.