第一周:你所用过的阅读体验最好的中文网站有哪些?
wwq0327 发布时间: 2014-01-14 22:06,共有 370 人浏览了这个讨论

自己正在学习如何运用字体及其相关元素,让网页阅读更好这样一个主题,现在是第一周,收集和整理一些阅读体验好的网站,欢迎大家将你个人认为比较优秀的网站分享出来。

你也可以以下方式参与交流:

分享到:
wwq0327

发言时间:2014-01-15 10:32

自己收集了一些网站,但现在交流的人较没有,看来后面的收集,只能我自己一个人进行了。

另外,打算使用一些在线的HTML&CSS&JS代码工具,将不同的组合放到在线上来,这样方便阅读与比较。

但第一个问题,字体,估计还是不行的,只能放到线下,使用AI这个绘图工具来进行了。

Oliver Ding

发言时间:2014-01-22 02:05

写给创业者的六个心理学原理(上)

这个是阳志平个人网站上的效果,包括多个标题和引用等等:
http://www.yangzhiping.com/psy/startup.html

这是他在豆瓣网站上发布的同一篇稿件,你可以看到markdown的原始标记:
http://www.douban.com/note/313251811/

我觉得他的个人blog的效果就挺舒服的。目前微课的阅读模式,可以参考他的这个样式,整体上各个标记的协调性很不错。

Oliver Ding

发言时间:2014-01-22 02:07

这个blog的效果也不错,它选用的黑体字,和阳志平的网站形成不同风格:

http://www.helenysli.com/ch/2013/12/online-social-learning-1/

wwq0327

发言时间:2014-01-22 10:00

谢谢分享。

WEE全模块式下阅读,我调整了间字的间距,但内容还是太长了,读起来有些费力,但阅读模式下,读起还是要好得多,不过这个功能我估计用的人挺少。

Oliver Ding

发言时间:2014-01-22 12:38

网页是否需要追求良好的阅读体验,这个本身就是值得商榷的事情。人们在万维网上的习惯是:浏览(browse)多过阅读(read)。浏览就是随意翻阅的意思,不是专心阅读。人们总是在网络上跳来跳去,不断扫描网页,而不是阅读网页。

所以通常一个网页的文字内容都不是太长,对于长文章,很多内容管理系统都是采用分页来处理,到了一定字数,就切换到第2页。

分页的例子:http://nymag.com/news/features/mike-tyson-2013-10

同时,系统提供一个可以让用户切换为一页浏览的模式。

对于长文章,人们就想出了各类方法来让用户消费:

- 增加小标题,将小标题的字号明显地和正文区隔开来
- 增加插图,用插图来划分具有明显不同内容的几个大部分
- 段落的第1个词用很大的字号
- 显示目录,让用户可以快速跳到某个章节
- 部分重点语句,用特别的形式来显示,和正文区隔开
- 在不同部分之间用很大的空白来间隔 (例子:http://www.believermag.com/issues/201305)
- 或者干脆切割成多篇独立而有关联的文章,把每篇的篇幅变小

举例:
http://www.ft.com/cms/s/2/07d4c8a8-7e45-11e3-b409-00144feabdc0.html

这些技巧都是在迎合读者的扫描的习惯。

目前在碎片信息过多的时代,人们的习惯有了一些小改变,因为碎片太多了,反而激起一些人追求阅读长文,高品质文章的需求。例如:LONGREADS.ORG 这个文摘网站,专门推荐长文供人们阅读。

一些杂志以及报纸网站的内容,内容很长,他们的CMS系统和网站界面都经过刻意的设计,表现力比普通的BLOG强很多。

Oliver Ding

发言时间:2014-01-22 12:41

可能我们还需要重新考虑WEE整个模块的导航设计和布局,看看是否可以把阅读模式的版式,直接显示在页面上,不需要让用户多一个点击。

wwq0327

发言时间:2014-02-16 08:18

关于长文分页的事,我总觉得是由于网站为了追求页面浏览,增加广告展示机会一种处理方式,所以我自己是比较计厌这种分页处理的,特别是一些新闻类网站,就几百字的内容,还搞个分页。

对于长文,加一些导航、字号、分段上的处理,有利阅读,这是个不错的处理方式。


你需要 登录 才能进行回复。

所属微课
中文网页阅读字体新鲜人

到底什么样的网页我们阅读起来才能更轻松,阅读效果最好呢?我们打算从字体、字号、行长、间距及背景五个方面来进行学习与研究。

学友:0 讨论:3 浏览数:1493

wwq0327创建于2014-01-14