本篇文章为阿里巴巴语雀体验设计师 Suki 的快捷键体验设计心得,文中涉及大量对照表,建议先收藏,在电脑打开,获取更好的阅读体验

image.png


📌快捷键设计的重要性

对于工具型产品来说,效率对于用户体验来说太重要了,而快捷键能极大地提高用户的操作效率。


回想一下哪个设计师没有苦背过Sketch快捷键大全呢?


试想一下,如果你的产品有大量表单,如果不能使用Tab键切换,用户就必须不断地将右手从键盘脱离去寻找鼠标,又从鼠标脱离去寻找键盘……如此往复上百遍,真的很令人崩溃!


但是不是所有的产品所有的功能都需要快捷键呢?


当然不是。


这里有几项建议给你:


比如sketch,Excel,语雀等等,用户需要长时间停留在产品上不停地操作,快捷键能极大的提高生产效率。


优先将你的快捷键留给这几类操作,不是所有的功能都需要快捷键。


为用户高频的操作增加快捷键能提升熟练用户的体验。


📌如何设计快捷键


那如何为你的产品设计快捷键呢?


因为用户已经习惯将这个组合键执行另一种操作了,在产品里强行覆盖,极大违背了用户的习惯。下面会有常用键的说明,可以对照来查询。


每个功能键有特定的含义,如Command在mac里就是命令的意思,Shift则和切换相关。


比如虽然Mac里也有ctrl键,但核心的控制键应该由ctrl映射到Command上。


常见的隐喻方式有,英文的首字母,如Ctrl+C里的C其实就是Copy的首字母。


比如“复制”和“粘贴”常常是一起操作的,因此选用了C旁边的V作为粘贴的组合键。同时高频的操作尽量照顾单手操作性,一只手就能点按。


📌理解功能键

   功能键说明   

Shift

Shift 本意是「换挡」。

Shift键学名叫上档键。它有两种意思,有书面的意思和键盘上面的上档意思,书面意思有很多解释,指的是移动,搬移、替换、更换、变动、改变等意思,当然有的时候又指变速、换挡、消除的意思。

用来做输入法切换、快速切换半角和全角、选择连续文件、直接删除文件等功能。


Ctrl

Ctrl本意是「控制」。


英文全称为"control"。Win系统下最常用的命令键,大多数情况下等同于Command。基本上通过Ctrl键和其他键组合的方式,将“输入”变成一种“命令”。


Tab

Tab本意是「制表键」。


Tab”一词由英文“tabulate”派生而来,意思是“以表格、或表格形式排列数据”。Tab键来源于打字机,过去打字机上如果要输入一份文字或数字表格,必须不断使用空白键以及Backspace键,不仅重复也十分费时。Tab键由此诞生,用来快速移动定位点。


所以Tab相关的操作大多数和定位、光标相关,比如Mac上「Command」+「Tab」快速在不同应用之间切换。


Alt

Alt 是 Alter ⁴的缩写,本意是「改变」。


如果只以 Alt 键为核心,那它在 Windows 上的主要作用便是「呼出菜单或点击按钮的组合键」以及「使用 ASCII 码输入字符的组合键」。而在 Mac OS 上,它早已被改名为 Option,主要作用则是「快速访问系统偏好设置中某个选项的组合键」(比如「Option+静音/-/+」即为「打开声音偏好设置」)。


Command

Command本意是「命令」。


苹果公司为了避免和命令行界面操作冲突引入的修饰键,大多数情况下和 Ctrl 等同。


Option

Option本意是「选项」


据说“⌥”的图形是来自火车并轨时有两个选择。


image.png


按 Option 时一般可以减少或增加选项,或者增加和减少信息量。比如「Shift」 +「Command」+「Delete」需要选择是否倾倒废纸篓,「Shift」+「Command」+「Option」 +「Delete」就无需选择直接倾倒。


Option还常用来输入特殊字符,如「Option」+「A」就是å。


    Mac和Win的系统差异    

独有键:Command


我相信同时使用过Win和Mac系统的人都有过这种疑惑:Mac系统上也有Ctrl键,为什么不沿用Ctrl键而要新引入Command代替呢?


简单来说,引入Command键主要是为了解决图形界面(GUI)和命令行界面(CLI)工作时快捷键冲突的问题。


Ctrl系列快捷键功能在计算机图形界面出现之前的命令行界面已有定义;Windows图形界面还是使用Ctrl键,但对各种组合的功能涵义进行了重新定义;而Mac OS的图形界面新设计了一个键Command来负责,避免了和命令行界面冲突的问题。


至于为什么不跟Win一样用logo,而使用“⌘”的原因,有一篇文章讲到这个趣事,感兴趣可以一读。

《标志的源起:Command》


其他映射关系


Mac上是没有Page Up/Down、Home和End键的,因此可通过别的键映射。

Page UP = Fn + 向上方向键

Page Down = Fn + 向下方向键

Home= Fn + 向左方向键

End= Fn + 向右方向键



📌常用键对照表

   Excel常用键   


Excel作为用户量最广的表格工具,有一系列自己专属的快捷键操作。这份表格可用来对表格型工具产品做快捷键自查。


高频重要操作


中心键

直接按

Ctrl+(Cmd+)

Shift+

Ctrl(Cmd)+Shift+

Enter

向下移动一个单元格

批量输入相同内容

向上移动一个单元格

输入数组公式

向上方向键

向上移动一个单元格

向上移动一段区域

向上多选一行

直接向上选中一段区域

向下方向键

向下移动一个单元格

向下移动一段区域

向下多选一行

直接向下选中一段区域

向左方向键

向左移动一个单元格

向左移动一段区域

向左多选一行

向左选中一段区域

向右方向键

向右移动一个单元格

向右移动一段区域

向右多选一行

向右选中一段区域

Page Up
(Fn+向上)

向上翻页

切换到上一个Sheet

向上选中一屏范围

向左多选Sheet

Page Down
(Fn+向下)

向下翻页

切换到下一个Sheet

向下选中一屏范围

向右多选Sheet

Home

(Fn+向左)

到达行首

到达A1单元格(*Mac这里仍用Ctrl)

选中当前单元格至行首区域(*Mac这里仍用Ctrl)

选中当前单元格到对角线的区域(*Mac这里仍用Ctrl)

End

(Fn+向右)


最右下角非空单元格


选中当前单元格到最右下角非空单元格的区域(*Mac这里仍用Ctrl)

Backspace

清除当前单元格内容




Delete

清除当前单元格内容

清除当前单元格内容



Esc

退出当前编辑状态

调出Win开始菜单


调出任务管理器

Tab

向右移动一个单元格

向左移动一个单元格




低频重要操作


快捷键

说明

Ctrl(Cmd) + Enter

选定区域一次性输入相同内容

Ctrl(Cmd) + 1

调出单元格格式设置对话框

Ctrl(Cmd) + G

调出定位对话框

Ctrl(Cmd) + T

将选中数据生成智能表格

Alt + =

快速求和

Alt + ;

选中可见单元格

Ctrl(Cmd) + Alt + V

选择性粘贴



    浏览器常用键   


快捷键

说明

Ctrl(Cmd) + T

新的标签页

Ctrl(Cmd) + N

新的浏览器窗口

Ctrl(Cmd) + Shift + N

隐身窗口

Ctrl(Cmd) + Tab

切换标签页

Ctrl(Cmd) + Shift + [ ]

向前后切换标签页

Ctrl + 1、2、3...

切换对应标签页

Alt(Cmd) + 左右方向键

返回和前进按钮

Ctrl(Cmd) + Shift + Delete

清除历史记录

Alt + F4

关闭当前窗口

Ctrl + F4

关闭所有窗口



   Mac/Win常用键   

这张表主要是查询作用,避免和系统常用键冲突。使用方法:使用「Ctrl」+「F」/「Command」+「F」开启查询,输入你想设置的快捷键查询是否和系统快捷键冲突。

Ctrl(Cmd)

Win 快捷键Mac 快捷键介绍
Ctrl + FCommand + F在当前文件进行文本查找
Ctrl + RCommand + R在当前文件进行文本替换
Ctrl + ZCommand + Z撤销
Ctrl + YCommand + Delete删除光标所在行 或 删除选中的行
Ctrl + DCommand + D复制光标所在行 或 复制选择内容,并把复制内容插入光标位置下面
Ctrl + WOption + 方向键上递进式选择代码块。可选中光标所在的单词或段落,连续按会在原有选中的基础上再扩展选中范围
Ctrl + ECommand + E显示最近打开的文件记录列表
Ctrl + NCommand + O根据输入的 类名 查找类文件
Ctrl + JCommand + J插入自定义动态代码模板
Ctrl + PCommand + P方法参数提示显示
Ctrl + UCommand + U前往当前光标所在的方法的父类的方法 / 接口定义
Ctrl + BCommand + B进入光标所在的方法/变量的接口或是定义处,等效于 Ctrl + 左键单击


Command + Q

退出该应用


Command + H

隐藏该应用


Command + Op + H

隐藏当前应用外的其他应用

Ctrl + /Command + /注释光标所在行代码,会根据当前不同文件类型使用不同的注释符号
Ctrl + F1Command + F1在光标所在的错误代码处显示错误信息
Ctrl + F11Option + F3选中文件 / 文件夹,使用助记符设定 / 取消书签
Ctrl + SpaceControl + Space基础代码补全,默认在 Windows 系统上被输入法占用,需要进行修改,建议修改为 Ctrl + 逗号
Ctrl + DeleteOption + Fn + Delete删除光标后面的单词或是中文句
Ctrl + BackSpaceOption + Delete删除光标前面的单词或是中文句
Ctrl + 1,2,3...9Control + 1,2,3...9定位到对应数值的书签位置
Ctrl + 加号Command + +展开代码
Ctrl + 减号Command + -折叠代码


Command + ,

打开偏好设置面板

Ctrl + 左键单击Control + 左键单击在打开的文件标题上,弹出该文件路径
Ctrl + 左方向键Option + 左方向键光标跳转到当前单词 / 中文句的左侧开头位置
Ctrl + 右方向键Option + 右方向键光标跳转到当前单词 / 中文句的右侧开头位置
Ctrl + 前方向键


等效于鼠标滚轮向前效果
Ctrl + 后方向键


等效于鼠标滚轮向后效果


Alt(Op)

Win 快捷键Mac 快捷键介绍
Alt + `Control + V显示版本控制常用操作菜单弹出层
Alt + F1Option + F1显示当前文件选择目标弹出层,弹出层中有很多目标可以进行选择
Alt + F7Option + F7查询所选对象/变量被引用
Alt + EnterOption + EnterIntelliJ IDEA 根据光标所在问题,提供快速修复选择,光标放在的位置不同提示的结果也不同
Alt + InsertCommand + N代码自动生成,如生成对象的 set / get 方法,构造函数,toString() 等
Alt + 左方向键Control + 左方向键切换当前已打开的窗口中的子视图,比如Debug窗口中有Output、Debugger等子视图,用此快捷键就可以在子视图中切换
Alt + 右方向键Control + 右方向键切换当前已打开的窗口中的子视图,比如Debug窗口中有Output、Debugger等子视图,用此快捷键就可以在子视图中切换
Alt + 前方向键Control + 前方向键当前光标跳转到当前文件的前一个方法名位置
Alt + 后方向键Control + 后方向键当前光标跳转到当前文件的后一个方法名位置
Alt + 1,2,3...9Command + 1,2,3...9显示对应数值的选项卡,其中 1 是 Project 用得最多


Shift

Win 快捷键Mac 快捷键介绍
Shift + F11Command + F3弹出书签显示层
Shift + TabShift + Tab取消缩进
Shift + EnterShift + Enter开始新一行。光标所在行下空出一行,光标定位到新行位置
Shift + 左键单击Shift + 左键单击在打开的文件名上按此快捷键,可以关闭当前打开文件


Ctrl+Alt(Cmd+Op)

Win 快捷键Mac 快捷键介绍
Ctrl + Alt + LCommand + Option + L格式化代码,可以对当前文件和整个包目录使用
Ctrl + Alt + OControl + Option + O优化导入的类,可以对当前文件和整个包目录使用
Ctrl + Alt + TCommand + Option + T对选中的代码弹出环绕选项弹出层
Ctrl + Alt + SCommand + 逗号打开 IntelliJ IDEA 系统设置
Ctrl + Alt + EnterCommand + Option + Enter光标所在行上空出一行,光标定位到新行
Ctrl + Alt + 左方向键Command + Option + 左方向键退回到上一个操作的地方
Ctrl + Alt + 右方向键Command + Option + 右方向键前进到上一个操作的地方


Ctrl+Shift(Cmd+Shift)

Win 快捷键Mac 快捷键介绍
Ctrl + Shift + FCommand + Shift + F根据输入内容查找整个项目 或 指定目录内文件
Ctrl + Shift + RCommand + Shift + F根据输入内容替换对应内容,范围为整个项目 或 指定目录内文件
Ctrl + Shift + JControl + Shift + J自动将下一行合并到当前行末尾
Ctrl + Shift + ZCommand + Shift + Z取消撤销
Ctrl + Shift + WOption + 方向键下递进式取消选择代码块。可选中光标所在的单词或段落,连续按会在原有选中的基础上再扩展取消选中范围
Ctrl + Shift + NCommand + Shift + O通过文件名定位 / 打开文件 / 目录,打开目录需要在输入的内容后面多加一个正斜杠
Ctrl + Shift + UCommand + Shift + U对选中的代码进行大 / 小写轮流转换
Ctrl + Shift + TCommand + Shift + T对当前类生成单元测试类,如果已经存在的单元测试类则可以进行选择
Ctrl + Shift + CCommand + Shift + C复制当前文件磁盘路径到剪贴板
Ctrl + Shift + BControl + Shift + B跳转到类型声明处
Ctrl + Shift + /Command + Option + /代码块注释
Ctrl + Shift + [Command + Shift + [选中从光标所在位置到它的顶部中括号位置
Ctrl + Shift + ]Command + Shift + ]选中从光标所在位置到它的底部中括号位置
Ctrl + Shift + 加号Command + Shift + 加号展开所有代码
Ctrl + Shift + 减号Command + Shift + 减号折叠所有代码
Ctrl + Shift + F7Command + Shift + F7高亮显示所有该选中文本,按Esc高亮消失
Ctrl + Shift + F12Command + Shift + F12编辑器最大化
Ctrl + Shift + EnterCommand + Shift + Enter自动结束代码,行末自动添加分号
Ctrl + Shift + BackspaceCtrl + Shift + Backspace退回到上次修改的地方
Ctrl + Shift + 1,2,3...9Control + Shift + 1,2,3...9快速添加指定数值的书签
Ctrl + Shift + 左键单击Command + Shift + 左键单击把光标放在某个类变量上,按此快捷键可以直接定位到该类中
Ctrl + Shift + 左方向键Option + Shift + 左方向键在代码文件上,光标跳转到当前单词 / 中文句的左侧开头位置,同时选中该单词 / 中文句
Ctrl + Shift + 右方向键Option + Shift + 右方向键在代码文件上,光标跳转到当前单词 / 中文句的右侧开头位置,同时选中该单词 / 中文句
Ctrl + Shift + 前方向键Command + Shift + 前方向键光标放在方法名上,将方法移动到上一个方法前面,调整方法排序
Ctrl + Shift + 后方向键Command + Shift + 后方向键光标放在方法名上,将方法移动到下一个方法前面,调整方法排序


Alt+Shift(Op+Shift)

Win 快捷键Mac 快捷键介绍
Alt + Shift + NOption + Shift + B选择 / 添加 task
Alt + Shift + 左键双击Option + Shift + 左键双击选择被双击的单词 / 中文句,按住不放,可以同时选择其他单词 / 中文句
Alt + Shift + 前方向键Option + Shift + 前方向键移动光标所在行向上移动
Alt + Shift + 后方向键Option + Shift + 后方向键移动光标所在行向下移动


Ctrl+Shift+Alt(Cmd+Shift+Op)

Win 快捷键Mac 快捷键介绍
Ctrl + Shift + Alt + VCommand + Shift + Option + V无格式黏贴
Ctrl + Shift + Alt + SCommand + ;打开当前项目设置



总结


语雀一直致力于为用户提供高效优雅的书写环境,所以语雀内也设置了非常多的快捷键,希望让熟练的语雀用户可以高效愉快地在语雀完成工作。


前段时间,我们就语雀的目录收起快捷键展开了欢乐愉快(?)的大讨论,经过轮番自我否定,终于确定了目录收起的快捷键。同时,语雀表格的快捷键也逐步丰富起来了。


我们希望每轮的自我纠结都能换来语雀用户愉快的使用体验。就让这只小绿雀,陪你一起成长吧😘。


image.png