关于阅读体验的手记

文字阅读要素:

字体、字号,行长,间距,背景

字体:衬线字体、非衬线字体

衬线字体:字体的粗细不均,有在一些地方做了一些修饰。如:宋体

非衬线字体:字体的粗细一致。如:微软雅黑

非衬线体饱满醒目,常用做标题或者用于较短的段落。

在过去,普遍认为有笔触装饰的衬线体,可提高辨识度和阅读效率,更适合做为阅读的字体。多用于报纸、书籍等印刷品的正文。非衬线体饱满醒目,常用做标题或者用于较短的段落。

为什么有很多人在正文里用衬线字体,如宋体,因为他即时在12px、14px像素的时候,仍然相当清晰美观,便于阅读。随着浏览器的大屏化和分辨率的提高,很多人开始用14px及以上的字号。

大字号的使用,对英文字体来讲,衬线体的高辨识度和流畅阅读的优势就体现出来了。

行长

我们随手拿起一本书或者一份报纸,数一数每行的文字,一般情况下都不会超过40个汉字。这是因为如果每行文字过长,读者会不停的转动脖子,感到疲惫的同时也会降低阅读效率;目光从行尾移至下一行首,也很容易串行,影响读者浏览文章的节奏。这点同样适用于网页上的文章阅读。由于显示器是横向的,我们更要注意划分阅读区域。

文本宽度控制在450-700px为宜,此范围内参照字号大小;
英文每行80-100个字母(空格算一个字母)为宜;
中文每行30-40个汉字为宜。

间距

通过设置间距,我们就可以控制文字的密度。如果每行间距太小,与文字过长一样,读者浏览文章时也容易串行;如果行距过宽,阅读时就会感觉文章不够连贯。

间距没有固定的值,通常是根据字体大小来定义的。在word里我们常看到双倍行距、单倍行距和1.5倍行距的选项。网页上行距的单位常用em来表示,不管是中文网站还是英文网站,大家多喜欢用1.5em-1.8em的行距。以1.6em的行距为例,字号16px的字,行距就是25.6px。

关于段距,我们要考虑一下具体实际情况。比如文章篇幅较短,就不需要很宽的段距;二文章篇幅很长,特别是那些偏学术的比较枯燥的文章,就要多利用段距把握文章的节奏,给阅读者喘息和思考的机会,且使文章更有层次和可读性。

背景

白色是全频光,全放射光对人眼睛的最有刺激,所以很多印刷品读物的纸张都选用乳白色或者淡黄色的纸张。由于显示器本身就发光,所以同是纯白色背景的文字,在电脑上比在纸上阅读会使眼睛更容易疲乏,另有研究表明:在电脑上阅读只有在纸上阅读速度的78%,阅读效率大大减低。因此,为了提高页面浏览的舒适度和效率,越来越多的页面采用浅灰色和淡黄色做为页面背景。

另外,印刷品以文字为主的出版物往往会采用低光泽度的纸张,也是因为光泽度高的纸张反射度高,导致阅读质量下降,容易使人视觉疲劳。页面背景仿造低光泽度的纸张(纸张纹理)也能否提高阅读的舒适度呢?

我曾做过这样一个小调研,同样一段文字放在不同颜色的背景上(仅考虑自然光源),其中有两个背景加了纸张纹理的效果。结果75%的人认为带有纸张纹理的背景长时间阅读舒适度最高。

实际工作中,我们需要思考的更多,仅仅这5个元素是不够的。浏览环境、设备、网站特点、用户人群、个人偏好等等都需要设计师根据具体情况来把握界面文字的展示效果。

原文:http://mux.baidu.com/?p=4943

小覃的体会:

有时候,在设计产品的过程中,可能需要综合考虑,得出的效果往往是这方面存在优势,另外方面却存在一定的缺点,我认为在综合考虑后,适合自己产品的效果,才是最好的阅读体验。

时间: 2024-10-03 22:36:58

关于阅读体验的手记的相关文章

《三联生活周刊》2017年17期:3星。电子版阅读体验远超纸版。如果雄安的土地制度实验成功了,“北上广深”的房价也就被釜底抽薪了。

家附近的报刊亭都被拆了,被迫看电子版三联.发现阅读体验远超纸版.主要有以下两个方面的好处:1:看图片的体验,电子版好过纸版.当然前提是在电脑上或平板上看,kindle是黑白的,看图片效果比较查:2:可以做笔记,笔记可以永久保存:3:检索方便. 目前电子版的缺陷是滞后两期,导致时效性太差,只能当作纸版的长尾. 本期雄安的几篇文章比较有深度.总体评价3星. 以下是本期中一些重要的信息的摘抄: 1:研究人员调查分析了美国11个城市10年中举办马拉松赛事前后心脏病患者的死亡率后发现,那些在赛事举办时发生

🈳 空格在科技类文章中对阅读体验的影响

Conmajia ? 2018 Feb. 22, 2018 1 共勉 研究显示,打字的时候不喜欢在中文和英文之间加空格的人,感情路都走得很辛苦,有七成的比例会在 34 岁的时候跟自己不爱的人结婚,而其余三成的人最后只能把遗产留给自己的猫.毕竟爱情跟书写都需要适时地留白. --V2EX 中文和英文(及数字)之间要不要加空格,我猜很多人从来都没考虑过这个问题.1 他们一边信奉"细节决定成败"的鸡汤,一边"从来不在意这些细节". 如果你也是这样的人,emmmmm,turn

“天翼阅读”APP用户体验

近日安装了"天翼阅读",对初步的体验作个总结. 1. APP Store 1.1 评分级别为3星,热度一般 1.2 详情 - 内容提要 建议重点突出海量资源,书签式阅读体验 以最精炼的语言表达亮点,例如:冲浪海量图书,畅享书签式阅读体验 - 最新动态 对优化的细节可以多些描述,例如: 排版作了哪些优化,带来了什么样更好的效果 修复了哪些重要的bug,解决了什么问题等 1.3 评论 认真对待用户的反馈意见 . 下载APP送流量,结果没有送流量的接口 . 进了书里退不出来? . 建议增加有

R语言:用简单的文本处理方法优化我们的读书体验

前言 延续之前的用R语言读琅琊榜小说,继续讲一下利用R语言做一些简单的文本处理.分词的事情.其实就是继续讲一下用R语言读书的事情啦,讲讲怎么用它里面简单的文本处理方法,来优化我们的读书体验,如果读邮件和读代码也算阅读的话..用的代码超级简单,不涉及其他包 这里讲两个示例,结尾再来吐槽和总结. 1)R-Blogger订阅邮件拆分 2) R代码库快速阅读方法 不在博客园上阅读时才会看到的,这篇博文归 http://www.cnblogs.com/weibaar所有 仅保证在博客园博客上的排版干净利索

“听说你是个程序员,不能把时间消耗在阅读微信公众号上”

不知不觉,最近又关注一大波公众号,其中不乏个人运营的技术类(安卓开发相关)公号.有的来自具一定影响力朋友的推荐或自荐,有的源自偶然读到的一篇干货进而转化关注的. 那么问题来了,加上之前订阅列表里的一长串公众号,怎么有时间一一拜读呢?看着那春风吹又生般的未读红点提示和标题前与日俱增的1条,2条,3条-,总怕错过什么,比如一个又一个学习的机会. 相信有着微信控的朋友,都曾经或者正处于这般焦躁中.所以,本文我们不谈具体的技术知识,就来以自己的亲身感受聊聊这个困扰着你我的揪心问题. 为什么需要微信公众号

《Out of control》阅读笔记(一)

Out Of Control 说实话,当初买这本书起源于知乎诸位学问人的推荐,脑子一热就买了.为了不浪费这几十块钱,细致了看完了前三章,买来一看才发现原来这本书居然跟计算机有很深刻的关系.其实更准确地说,这本书是在探讨人类发展的命运. 由于英文水平不够,所以并没有直接买英文版的,买的是中文版,东西文库出版的.虽然整本书的封皮很简单朴素,但是纸质和内容,尤其是翻译的质量,相当之高!译者对于某些概念的理解也是很深刻的,总之,我的阅读体验很好.下面摘录一些书中“颇有玩味”的句子,以供将来回味(当然重读

付费阅读之殇:信息过剩时代谁会为文字买单

互联网最基本的属性,就是自由.开放.共享.虽然当下无论是音乐.电影,还是视频.网络文学等具有价值的内容,都趋向收费,但免费模式依然是重要的补充.或者说,国内互联网内容还没有完全从依靠免费培育习惯的初级模式进化至更高的阶段.在这样的态势下,逆势而行进行付费阅读,似乎是与主流违背. 而近日,微信测试付费阅读功能成为热门话题.鉴于微信公众号越来越强势的传播能力,即使是一个小功能的添加和删除,都会影响万千公众号的生存和用户的阅读体验.而此前微博.博客乃至豆瓣阅读等都开始试水付费阅读,似乎要将其发展成为强

关于多看阅读的一些杂想

2011年5月,我再次出差,想起10年回囯时寄那六大箱子的书,我就头疼,这次要长点记性了,左右买了一个Kindle DX,大屏e-ink,看书爽,携带也容易,特别是那时候,手头上有不少扫描版本的pdf.当时的Kindle内置的系统很烂,特别是翻页速度特别慢,实在是有点受不了.后来就在网上查了下,知道了多看,可以装在Kindle上,试了试,果然是非常不错,不仅翻页的速度提高了很多,而且加上了很多方便阅读的设置,比如字体等等.特别是可以根据不同的pdf自定义阅读的窗口大小,简直惊为神器. 那时就感觉

纸质阅读未死、数字阅读却先老,新阅读时代来临

这几年随着数字阅读越来越打破纸质阅读的局限,选择电子书还是纸质书成为了社会所关注的热点问题.自2011年亚马逊宣布Kindle 电子书的销量首次超过了纸质书,整个出版行业便陷入恐慌.麻省理工的尼葛洛庞帝还曾在 2010 年预言纸质书 5 年后即将灭绝,然而如今7 年过去,剧情却偏偏没按预想的路线发展,甚至产生了逆转. 据英.美出版业协会统计,英国去年全年.美国前三季度,电子书销售量的下滑比例达到-17%,-18.7%,与之形成对比的是,同期英国市场实体书刊的销售增加了 7%,美国市场同期的平装书