无论是设计师常见的三件套：Photoshop、Sketch、Figma，还是很多协作类型的产品：Word、PPT。快捷键，仿佛早已是许多产品的标配。键盘，在很多人的眼中，就是一个信息录入的硬件设备，键盘除了打字之外，还会有其他很多用途。快捷键，就是不可忽视的一部分。但是我们在做B端设计时，又时常忽略掉快捷键这一特殊的交互形式。今天我们就来聊聊B端产品与快捷键之间的关系。

  常见快捷键的分类

  目前共有Windows MacOS两大操作系统，在快捷键的设定上也会有着许多差异化，文章部分会将Win/Mac的系统统一进行讲解，大家可以优先看看关于两个系统之间的映射关系：

  Ctrl/Command

  Windows系统当中的核心快捷键，可以理解为是各项操作的快速触发。

  我们可以使用它去实现各种组合快捷键，比如使用Ctrl+C（复制）Ctrl+D（创建副本），算是用户使用最高频的快捷键。

  同样，在Mac OS当中，你会发现Mac的Control几乎很少使用，因为系统本身就没有给它“安排太多任务”取而代之的是饱经风霜的Command键。

  Command作为Mac独有的按键，它的地位几乎等同于Win当中的Ctrl，并且两者的快捷键方式都极为类似，因此也就造成两个系统当中的按键差异。

  Shift

  Shift也叫上档键，可将其意为连续的按键，因为在连续选择时会用到，它的功能主要有两点：

  在中文输入的场景下，可以组合按键进行中英文的切换

  在文件选中的场景当中，对文件的内容进行快捷选择的操作

  Tab

  Tab也叫制表键，不过现如今已不再是制表的含义，更多可以为切换按键，比如我们经常使用Command+Tab来对软件进行切换。其用途主要有两点：

  在信息录入时，按下Tab键来实现字符的缩进

  在表格页面当中，通过Tab键实现对单元格的快速切换

  Alt/Option

  Win系统当中的Alt与Mac系统的Option基本一致。他们的主要用途有两点

  WIN：唿出菜单或点击按钮的组合键

  MAC：快速访问系统偏好设置中某个选项的组合键

  快捷键的设定

  明确清楚上面的诉求与限制过后，接下来我们可以从三个方面，来对快捷键进行设定

  1.语义法

  在电脑快捷键设定的早期，最常使用的办法便是通过翻译英文单词首字母，进而实现快捷键的设定。比如我们经常使用的Command+D进行复制，D便是Duplication的首字母、Command+N进行新建，N便是New的首字母。这样的设定方式其实源于国外，同样也是我们日常设定最为常见的一种方式。

  2.流程法

  流程法就是去思考整个快捷操作的具体流程，比如我们最常使用的Command+C与Command+V就是一个例子。

  因为如果按照常规的设计思路，粘贴在大家的印象当中一定会是Paste，但是由于复制、粘贴本身就是高频操作，并且两者按键相互关联，再加上P也是Paint的缩写，Command+P打印的含义，因此通过用户使用流程上的思考，最后将粘贴放在字母V上面。Viscidity的缩写，它是一个名词，具有粘聚性、黏性的意思。

  3.竞品法

  如果假设目前设计的产品当中已经存在许多竞品，它们就已经有了相对应的解决方案，这个时候可以考虑借鉴直接竞争对手的按键设计，因为你可以通过这样的竞品设计，让你的用户的切换成本更低，也能够让他们快速上手。

  举一个例子，比如Sketch与Figma，Figma的出现本身就是与Sketch进行竞争，因此没有必要在快捷键上进行特立独行，反而会增加用户的使用门槛。

  如何设计快捷键？

  首先要去判断是否需要快捷键，共有三种判断方法、高频使用、核心功能、沉浸场景

  其次要去归纳用户的快捷键诉求

  想清楚快捷键的使用场景，避免与其他软件冲突

  接着去想想究竟怎么设计快捷键？可以使用语义法、流程法、竞品法

  最后我们可以在哪使用快捷键，能不能抄一抄作业？

  可以在详情页编辑操作、表格页新建操作、导航菜单的快速切换、以及全局的功能操作  

  以上就是优漫教育小编为大家介绍的“【UI设计培训】：B端产品与快捷键之间的关系”相关内容，学习ui设计培训，可以参考优漫教育提供的ui学习路线，该学习路线内容包含ps软件入门、AI与品牌设计、视觉表达技法、web视觉设计、图标设计、产品交互、移动端设计等，根据优漫提供的ui学习路线图，可以让你对学好ui需要掌握的知识有个清晰的了解！