Romeo Ahmed

Keep it simple,
stupid.

English
个人笔记

在中文文章和短记中查找。

    返回文章列表
    设计网页示例约 3 分钟

    给文字留点余地

    关于留白、阅读,以及一个让人愿意回来的网页。

    本文目录

    重新打开一篇收藏已久的文章,有时只是为了找一句话。还记得它大约在什么位置,页面却先弹出横幅,又请你订阅。那句话,只好再等一等。

    做网页的人容易忘记:读者来时,往往已经有了想找的东西。

    读者来找什么

    标题让人点进来,接下来就靠文字了。

    日期、标签和目录仍然有用。读技术文章时,日期能提醒我们留意版本;重读一篇长文时,目录能省去来回翻找的工夫。各有位置,就不必争着显眼。

    页面内容 用处 位置
    标题和摘要 判断是否想读 文章开头
    发布日期 了解写作时的背景 和其他文章信息放在一起
    目录 找回某一段 正文旁边,或正文之前
    其他文章 找到下一篇 这一篇结束以后

    教程上的日期,关乎知识是否还适用;日记上的日期,把一天留了下来。同一张版面,也该容得下这点不同。

    空白里的关系

    图注靠近图片,标题靠近它领起的段落,章节之间多留一点距离。字还没读,关系已经看出来了。

    同样的文字排成两张版面:左边紧凑,右边用较大的间距分清章节。

    文字没变,四周松开一点,阅读的节奏就变了。

    暂时藏起分隔线,看看哪些内容属于一组,还认不认得出来。

    如果层次变得含混,先调一调间距,再把线放回去。1

    没想完的也可以记

    有些念头只有两三句,不必为了凑成文章再添一段道理。先记下,下次想到这里,便有个接着写的地方。

    flowchart LR
      accTitle: 回到一则笔记
      accDescr: 把一个观察记下来,日后重读,有新想法时再接着写。
      A[留意到一件事] --> B[记下来]
      B --> C[日后重读]
      C --> D[再写一点]
    

    最后一步不用着急。也许那三句话,已经够了。

    读进去以后

    点下的标题移到文章开头,动画把这一步交代清楚。读者开始看正文,动画也就该停了。

    个人网站仍然可以有自己的脾气:一种偏爱的颜色,一个特别的形状,一处让人记住的小细节。进门时看见它,坐下来以后,还有地方安心读书。

    注释

    1. 也要缩窄窗口看看。电脑上横排时清楚的关系,到了手机上纵向排列,仍然应该认得出来。

    文字 CC-BY-NC-SA-4.0代码示例 MIT