Web 界面设计 学习小结（一）

原理一：直截了当

 

简单的规则：在哪里输出，就要允许在哪里输入

 

第一章：页内编辑（In-Page Editing）

第一节：单字段行内编辑（编辑一行文本）

 

• 非编辑状态

 

• 邀请状态

 

• 编辑

 

• 完成

 

第二节：多字段行内编辑（编辑更复杂的内容）

 

• 邀请编辑：鼠标悬停在注释上 ，会出现操作链接

 

• 转换至编辑模式：有一个忙碌指示动画

 

• 编辑

 

• 完成：注释背景变成了黄色，几秒钟后，黄色淡入为正常的背景颜色

 

第三节：覆盖层编辑（在覆盖层面板中编辑）

 

• 非编辑状态

 

• 邀请编辑

 

• 编辑

 

• 完成

 

第四节：表格编辑（编辑网格中的项）

 

• 非编辑状态

 

• 邀请编辑

 

• 编辑

 

• 完成

 

第五节：群组编辑（直接修改一组项）

 

 

第六节：模块配置（直接在页面中配置设置）

 

• 非配置状态

 

• 邀请配置

 

• 配置

 

• 完成