#交互设计 ## 最佳实践 ### 展示位置 #### 在按钮上展示 ARC 浏览器 ![](https://chi-1259224060.cos.ap-shanghai.myqcloud.com/20220903142505.png) #### 在[[工具提示 Tooltips]] 显示 ESC的提示，来自产品[Evervault | Team Members](https://app.evervault.com/team_461fb3e1d6a4/settings) ![2023-01-30 21.55.19.gif](https://chi-1259224060.cos.ap-shanghai.myqcloud.com/2023-01-30%2021.55.19.gif) 来自产品 <https://app.daybridge.com/> ![](https://chi-1259224060.cos.ap-shanghai.myqcloud.com/20220811233155.png) From jira ![](https://chi-1259224060.cos.ap-shanghai.myqcloud.com/20220331094818.png) #### 在操作项右侧展示 ![](https://chi-1259224060.cos.ap-shanghai.myqcloud.com/20220331094827.png) 苹果系统 - ![[Pasted image 20211113153030.png]] - 在[[下拉菜单 Dropdown]] 上显示 - ![[来自wix的快捷键下拉菜单.png]] #### 再第一次操作后，给出提示。 ^fae2c9 - Gamma 在第一次进入演示后，右侧出现的快捷键。![](https://chi-1259224060.cos.ap-shanghai.myqcloud.com/20220820131731.png) - 在我通过鼠标设定了任务的优先级以后，给出了提示。![](https://chi-1259224060.cos.ap-shanghai.myqcloud.com/20220331094858.png) #### 在合适的位置出现。 Gamma 在搜索栏右侧 ![](https://chi-1259224060.cos.ap-shanghai.myqcloud.com/20220820130001.png) 来自 jira ![](https://chi-1259224060.cos.ap-shanghai.myqcloud.com/20220331094908.png) ## 优秀产品 ### [[Whimsical]] ![](https://chi-1259224060.cos.ap-shanghai.myqcloud.com/Create%20New.jpg) ### [[Click up]] - 轻微的使用半天，就发现也是一款效率产品。 - 当我创建好一个任务时，下面直接出现了 3 个快捷键。![](https://chi-1259224060.cos.ap-shanghai.myqcloud.com/20220331094926.png) ### [[Height]] - 这款产品快捷键应用也很不错~ - ![](https://chi-1259224060.cos.ap-shanghai.myqcloud.com/20211218145710.png) ## 个人快捷键记录 < [https://www.notion.so/1d0c4d3cdfbd43728927d78faca11b40>](https://www.notion.so/1d0c4d3cdfbd43728927d78faca11b40>) ## 常用快捷键 Ctrl+Enter 向下填充 Esc 关闭弹窗 Enter、空格弹窗按钮提交 Enter 分录的光标切换到下一行 ↑ ↓ 切换光标上下行的输入框 Ctrl+←/→ 上一张单据下一张单据 Shift+点击批量多选两次点击之间的所有行 Ctrl+点击批量勾选行 滑动勾选长按勾选框批量勾选鼠标经过的行 ## 资源 - [选择器 select - Semi Doc](https://semi.design/design/zh-CN/input/select) 突然发现 [[Semi Design System]] 很多设计文档，包含常见的快捷键设计，可参考。 - [工具提效｜⌨️快捷键的体验设计 · 语雀 (yuque.com)](https://www.yuque.com/suwenyuansuki/gz4y9q/hp89bp) 说的蛮细致的一盘快捷键文章