E-Ink 界面开发,有哪些黄金法则?

Ask HN: In your experience, what are sound conventions for e-ink UI development?

我在将 Excalidraw 移植到 ReMarkable Pro 时,深刻意识到传统 UI 交互在 E-Ink 屏上的局限。面对刷新延迟和残影问题,我想知道大家有哪些成熟的 E-Ink UI 开发规范或设计模式?

布局必须尽可能单调,避免应用自行刷新。交互设计要减少中间状态,让每次操作都显得‘意图明确’,只在用户理解的语义边界处触发刷新,从而降低对残影的挫败感。
采用‘先快后精’策略:交互过程中用高残影容忍度的快速模式显示轮廓,操作完成后再进行局部刷新。这既保证了低延迟,又让刷新与‘完成感’绑定,类似旧时代的 UI 范式。
针对 LLM 流式输出,建议分块处理并避免行内重排。文本一旦渲染位置即固定,像 PDF 而非可重排文本框,同时禁用生成时的滚动,或采用分页机制,防止布局抖动。
对于可能溢出的长文本,可设计隐式的空间指示器,让用户预判即将发生的页面移动和刷新。这样用户心理上已有准备,能减少因突然闪烁带来的惊讶和不适。
  1. freeone3000

    我建议大家多关注印刷品的可用性和可读性指南,而不是电脑界面的指南。5Hz 的 E-Ink 屏幕更像是一份动态报纸,而不是一台慢速电脑。

    https://www.mediapoint.com.au/design-tips/composition-layout... 可能会有一定帮助。

    但我的建议是:不要指望任何刷新操作。不要使用动画或过渡效果。预先将内容加载到正确的位置,然后再填充。预留固定的白色区域用于输出,然后用黑色填充。(这比反过来做效果好得多!)

    对于运行时间较长的进程,或许值得将其放在第二次页面加载之后。

  2. philosopherNoob

    抛砖引玉,分享个想法。我不用 E-Ink 设备,但在个人阅读器刚上市时接触过。

    在电脑上用键盘滚动任意文本时,我通常会因为按空格键、PageUp 或 PageDown 而感到些许沮丧,因为这打断了我阅读的连贯性。(也许瞬间的 60Hz 模糊会让情况更糟?)我觉得这是因为很难确定我刚才读到哪儿了。

    如果有专门的滚动按钮,可以考虑设置可调节的滚动距离。例如:向下滚动 100% 屏幕高度,向下滚动 95% 屏幕宽度(保留上一页的一小部分),或者向下滚动 80% 屏幕宽度(保留上一页的一大块)。

    如果你使用的是触控屏,或许可以尝试“按住并拖动以滚动”的功能?按下时不显示任何指示器,只有当用户松开手指时才刷新屏幕。(当然,不提供任何反馈并非理想方案。但对于了解其工作原理的用户来说可能有用。可能需要在设备内提供一个类似旧操作系统那样的培训演示。)

    也许可以加一个专门的滚动撤销按钮?用于误操作后恢复原状。我知道我奶奶在桌面或手机上遇到这种情况时很沮丧,虽然在那里很容易修复。

  3. longnguyen

    这不是 Web UI,但我最近为我的 Boox Note Air 5c 平板开发了这个 [0]。你可能会觉得有用(可以在 GitHub 上查看源代码)

    [0]: https://inka.page

同日更多故事

2026-08-10