← 回到数字花园
工程FIELD NOTE 06原创设计示例

好的界面会让人忘记界面

Let the content take the lead.

AN INTERFACE FOR READING06THE CONTENT TAKES THE LEAD.

当每一个细节都有位置,注意力就能自然地回到内容。安静,也是一种需要认真完成的设计。

从下一步是否清楚开始

一个界面可以很有表现力,同时让人清楚地知道下一步怎么做。看见文章就知道可以阅读,打开菜单就知道在哪里选择,完成操作就知道结果已经发生。这些明确的关系,是设计最朴素的基础。

“忘记界面”并不是看不见设计,而是不需要反复猜测设计的意图。读者的注意力可以放在内容上,而不是按钮藏在哪里、这个符号代表什么。好的界面会承担这些解释,让使用者不必承担。

让文字拥有节奏

正文需要足够舒适的字号、行距和行长,但没有一组数字可以替所有内容做决定。短句、长段落、代码和引用,会提出不同的阅读需求。应该把真实内容放进去,再看眼睛如何在页面上移动。

标题负责建立层次,段落负责展开意思,留白负责让转折能够被感知。如果每一句话都像标题,每一个区域都在强调,强调就失去了作用。给重要的东西一个明确的位置,也给普通的文字一条顺畅的路。

让动效说明发生了什么

动效可以帮助解释状态:一个面板从哪里展开,一项选择如何被确认,一段内容何时进入视线。但它也应该有停止的时候。读文章时,文字不必持续漂浮;等待一个结果时,也不必让人等待一场表演。

可以把每个动画都当成一句话来看:它在说什么?如果说不清楚,或许可以更短、更轻,甚至删掉。对减少动态效果的偏好,也应该给予同样完整的使用体验。表达方式可以不同,信息和操作不应因此减少。

安静来自具体的工作

安静的界面不是少放几个元素就会自然出现。它来自一次次具体选择:哪个动作需要按钮,哪个信息可以延后,移动屏幕上如何重新安排层次,键盘焦点能不能被看见,颜色是否承担了唯一的提示。

这些细节通常不会成为第一眼的主角,却决定了第二次、第三次使用是否仍然舒服。设计可以留下记忆,但不必一直站在读者和内容之间。当文章读完,人记住的是一个想法,或者想继续问的问题,界面就完成了它的一部分工作。

✳  思考没有句号。
这篇文章是为 xiix 网站设计编写的原创示例,用于展示阅读体验。
通过 RSS,遇见下一篇↗
KEEP EXPLORING / 下一篇

与 AI 一起写代码,如何保留自己的判断

寻找一个想法 SEARCH THE GARDEN
输入标题或关键词,发现值得读的内容。
留给下一次 READ LATER
收藏保存在此浏览器中。

你的阅读,只属于你。

本站不使用广告追踪或第三方统计。主题、语言、字号、稍后阅读和好运卡结果保存在你的浏览器中,不会发送到服务器。字体与视觉资源由本站提供。

清除浏览器的网站数据,即可移除这些本地偏好。服务器可能保存提供服务所需的技术访问日志。

阅读设置

语言
字号

给思考留一点空白,让阅读更适合自己。

设置立即生效,并保存在此浏览器中。