界面响应:动效、提示、菜单与点击区域
统一规定 DUOSHAO 界面如何对鼠标、键盘和手指做出动效与反应:平滑的面板和窗口、按钮自己的提示、无延迟的表格菜单、适合手指操作的大按钮。对整个网页应用都有效;无需单独开启。
- 侧边栏以一个平滑的动作展开和收起。收窄时,其中的名称和条目会一同收窄,并以省略号截断,完整名称显示在提示中。
- 表格窗口(确认、数字格式、导入、访问、打印、快捷键等)会淡入,并以同样平滑的方式退出:按 Escape、点击遮罩或关闭按钮后。
- 在手机上,表格窗口是从底部弹出的面板。 拖动顶部的横条:面板会跟随手指移动,遮罩变浅。松手时若拖过高度的四分之一,或向下快速轻扫,面板就会关闭;否则会回到原位。
- 提示。 将鼠标悬停在图标按钮上,半秒后会出现提示;移开鼠标,提示立即消失。用 Tab 键切换按钮时,提示会立即出现,并且不会因为旁边鼠标的位置而消失,只有鼠标移到另一个按钮上时才会切换。在手机和平板上,长按即会显示提示,但该次按钮不会被触发。Escape、滚动或任何按键都会收起提示。
- 表格菜单(右键)以及表格工具栏上的菜单会立即打开和关闭。子菜单在鼠标悬停时立即展开;同一时间只会展开一个,悬停到相邻的条目上会关闭它。选择一项会立即关闭菜单。
- 在手机和平板上,表格菜单通过长按(半秒)单元格打开。其中有“列宽”和“行高”,比用手指拖动细小的边框更方便。
- 选择列表(在窗口和设置中)以应用自己的样式打开,并跟随浅色或深色主题。数字输入框中没有箭头,请用键盘输入数字。在表格中,屏幕阅读器会朗读缩放比例和字体列表的当前值以及列表名称。复选框可以连同文字一起点击;在手机上以及手指操作时,复选框周围的点击区域也很大。
- “个人资料”菜单顶部一块同时显示您和空间:名称,下方是空间、角色和套餐。如果空间有两个或更多,将鼠标移到这块上或点击它,侧边会展开“空间”列表;选择需要的空间,页面会重新加载。只有一个空间时没有列表。
- 如果您希望动效更少:“设置” → “外观” → “动画”,勾选“无动画”。系统的“减少动态效果”设置同样有效。
- 提示在 500 毫秒后出现,单元格卡片在 700 毫秒后出现;隐藏时则立即消失。
- 只有当名称被省略号截断时,提示才会显示完整名称(表格、对话或菜单条目的名称)。
- 手指拖动底部面板的效果只在手机上存在(屏幕宽度不超过 767 px);在电脑上,窗口仍是窗口。
- 表格菜单的长按只适用于手指;鼠标通过右键打开菜单。
- 选择列表中的搜索框会在选项超过 20 个时出现(例如排序时的列)。
出错时怎么办
Section titled “出错时怎么办”| 屏幕上显示 | 原因 | 怎么办 |
|---|---|---|
| 没有出现提示 | 鼠标在半秒前已移开,或名称本身已完整显示 | 将鼠标停留更久;在手机上长按 |
| 长按后按钮没有触发 | 长按显示的是提示,而不是点击 | 再短按一次按钮 |
| 底部面板回到原位 | 拖动距离不到高度的四分之一,且动作较慢 | 拖得更远,或快速轻扫 |
| 空间列表中显示“此空间的访问已关闭” | 您已被移出该空间,或访问已被关闭 | 选择其他空间;如果出错,请联系空间的所有者 |
| “切换失败” | 网络或服务器出错 | 稍后重新选择 |
| 完全没有动画 | 已开启“无动画”,或系统设置为“减少动态效果” | 在“外观” → “动画”中取消勾选 |
