页面编辑竟然包含这么多细节，如何把编辑体验做的顺滑

新闻中国采编网 中国新闻采编网 中国企业家手机报 谋定研究中国智库网 国研智库 国情讲坛 商协社团 谋定论道 经信研究 哲商对话 万赢信采编：

Ant Design的致谢中提到了《Web界面设计》，最近刚好读了一下，发现AntD给出的设计原则正是来自于这本书。这本书是08年出版的，里面的许多设计案例还来自于雅虎时期，距离今天已经有点遥远了，但是它的设计原则依然具有参考价值。

01 直截了当

咱们今天主要来说，书中的第一条原则「直截了当」，文中给出的解释是，让界面能够直接响应用户的操作。直白一点儿讲就是，用户需要在哪里操作，就直接让他在原页面操作；比如说，用户需要编辑页面名称，就在当前位置编辑，不要单独打开一个新页面编辑。

直截了当有两个优势：用户操作更加流畅：如果一个页面编辑，一个页面展示，这种体验对于用户来说是割裂的。不脱离用户原有情境：比如说，用户在编辑页面的同时，依然可以参考页面中的其他信息，在很多时候对用户来讲是有必要的。

02 编辑功能

网页通常主要用于浏览，如果想要编辑的话，就要借助表单，主要包含输入字段和提交等按钮。下面主要从以下四种情况分析，看看如何利用「直截了当」的原则，让页面编辑变得更加丝滑。

1. 单字段行内编辑

单字段行内编辑，是最基础的行内编辑样式，就是在页面内编辑一个文本字段，编辑操作能够直接在原地进行。设计单字段行内编辑时，通常有两种方式，针对这两种方式，AntD中给出了更加符合目前设计样式的示例。第一种是隐藏编辑链接。在普通浏览模式中，隐藏编辑链接，不区分字段是否可编辑。

页面编辑竟然包含这么多细节，如何把编辑体验做的顺滑