CSS
“内容没变，怎样让电脑和手机都读得舒服？
前端 · 外观与交互
让页面看得清、点得动，并在不同设备上保持可用。
外观与交互
JavaScript
“点击之后，怎样按真实结果更新界面？
响应式设计Responsive Design
“让同一网页在电脑、平板和手机上都能顺手看和操作。
撤销Undo
“做错一步能按返回键，不必从头再来。
选中状态Selection
“让人一眼知道自己刚才点中了什么。
鼠标指针Cursor
“鼠标变成什么形状，就是页面给你的下一步暗示。
焦点Focus
“你现在用键盘打字或按回车，会作用到哪个控件上。
激活状态Active State
“按按钮的这一瞬间，页面要告诉你它确实收到了动作。
禁用状态Disabled State
“现在不能点，但要让人知道缺什么才能点。
拖拽Drag and Drop
“用手把屏幕里的东西拖到它该去的位置。
确认交互Confirmation
“重要动作先让人看清会发生什么，办完后再让他知道结果。
操作历史History
“让人知道之前发生了什么，必要时能找到上一版。
校验Validation
“用户填完后，系统按规则检查这份资料能不能继续办理。
找不到页面Not Found Page
“用户走到不存在的门牌时，告诉他这里没有内容，并给回首页或搜索的路。