【开发者自荐】键谱:一个记录、展示快捷键的本机网页应用(V3啦)

6 我有个键盘是这个样子的


只有一个旋钮的
所以是说 放在这里正好大概

我 去试试 这自由度

大大 有没有想法github等建立一个地方汇集大家比较好的配色啦,或者是快捷键的地方呢?

国旗主题? :+1: :+1: :+1:

哪里比较好呢?github?gitee?还是小众这里?

按下Ctrl等前置键时相关组合键变化,松开后恢复。是不是就不这么花了,但找的时候要逐个前置键按一遍

gitee和github要通过git上传会麻烦一下 但是用户可能比较方便。小众的话简单一点?用一个蓝奏云或者百度的网址 然后汇总,毕竟百度比较小的也不用客户端下载,一个配置不到5kb

关键把 挺多人是 按键映射 然后记录
这个不是说直接用软件自身的默认快捷键
就拿 开源的无损剪辑软件 LosslessCut举例子
切片段的开头是I 结尾是O
这个不上不下的 键位设置
和难受
你说你是移动左手过去
还是放弃鼠标用右手过去?
都不合适吧
这时候就用按键映射
映射到Q和E上
这样 左手位置 就是很符号直觉的
那用户上传自己的键盘谱
设置的是Q和E 但是人家是用的按键映射
你也去跟着用按键映射修改键位吗?

再举个例子达芬奇的分段按钮是 CLTR+P
这个很难受 你说你是 左手伸长了去按 还是右手放弃鼠标 去按右边的CTRL+P
怎么按都不舒服吧 舒服的做法是按键映射
成左手常驻区域 qwertasdf12345`
这种 可以自定义极强的

很多软件吧
就是说 它有这么个功能的快捷键
但是从来不考虑 操作的舒适性
和布局的合理性 就是
【我这个功能有个快捷键 我随便放个地方】

作为一个半吊子软件开发者,这个吧,得分开来说。快捷键布局,一个是按起来顺手,一个是有含义容易记忆,还有一个是键盘按键就这几十个 :joy:

你看我键谱这些快捷键,尽量都在左手了,可有些功能它本身有约定俗成的键(P-print,O-open),然后M是Mac的首字母,好记些,‘KL;’ 这三个变了几次,原来左边的 ASD 也有同样功能,后来S要用来save了,K-keyboard,L-list,J-json数据,正好凑一排,但顺序不对,J跑前面了,不管了,反正J用得少,然后按照上面tab顺序,就到 ';'了

这个顺手 哈哈 大概率是 开发者觉得顺手哈哈
而且不是用户觉得
就比如说 我之前用PS修图
用的最多的是 V移动 M 框选
W 魔术棒 ALT+del 填充
这按键布局 别扭死了
直接就快捷键映射到 1 2 3 F2上 舒服不要不要的
特别是填充 右手必须离开鼠标才行
你说这是为好记呢还是有特殊意义呢
哈哈 反正有按键映射 随便他们怎么设置
大不了我映射
我还不修改你默认的快捷键
我另外起一个软件去映射你
这样 我只要把映射工具放在U盘里
我插任何电脑 启动 我都可以使用这套映射布局
现在还有可视化键谱 更是舒坦了

我本意 也不是说 开发者这么设置有错 就是说这套东西自由地可以很高

是的,我也在思考键图上的展示方式,目前有些想法:

  • 如果用户没有筛选按键,显示单键(无修饰键)的映射信息,如果没有单键,那就不显示,只高亮
  • 如果筛选了按键,就显示包含按键的映射信息,如果没有包含的,就不显示,如果有多条,优先显示完全匹配的那条,没有完全匹配的,显示第一条
  • 保留 *空格 开头的主映射格式,忽略前面的规则,强制显示(还是说优先级低于筛选?

我看了 ShortcutMapper,很好很强大,按下修饰键就只显示相关的组合键信息。但它必须按下修饰键才会显示完全匹配的组合键,我不知道一个确切的组合键,我就不能找到它 :joy_cat: 这点感觉是个不爽的地方,特别是对于想要用这个软件来帮助自己熟悉、记忆快捷键的用户。

学它的优点,避免、补足它的缺点(尽量 :joy:

作为一个快捷键重度使用者也分享一下快捷键的心得。
平时使用的快捷键有这么几种形式:
鼠标手势:利于单手操作,适用于高频的操作,比如删除、复制、粘贴这类的
键盘默认的修饰键组合快捷键:平面视频类软件是重度依赖组合键的,有些命令触发把Ctrl Shift alt都用上,系统好多命令还加上win键
自定义修饰键组合键:弥补修饰键数量的不足,大大扩展组合键的应用范围
映射按键:改变原有按键的触发,早期为了改坏掉的按键,后来为了让也不好的按的按键设置到舒服区。现在通用做法是通过客制化键盘定制键盘本身的触发映射或宏定义驱动设置。
命令形式的快捷键:CAD绘图软件经常用的触发方式,这类命令不依赖组合键,使用的是单字母或者字母组合,比如L执行直线命令,LB执行中点直线命令等等。

  • 改键帽上的信息显示逻辑

    • 如果用户没有筛选按键,显示 *空格 开头的主映射信息,如果没有,显示单键(无修饰键)的映射信息,如果单键信息也没有,那就不显示,只高亮
    • 如果筛选了按键,就显示包含按键的映射信息,如果没有包含的,就不显示,如果有多条,优先显示完全匹配的那条,没有完全匹配的,显示第一条
  • 增加一个演示模式,基本上和单页模式一样,但是完全只读,配合 present.js,可以将做好的快捷键谱给别人,就算小白也可以直接打开用。

还没完全改完……

话说能不能把* 换成~ 为什么呢
因为每次打* 我都得低头看一眼键盘
而大~ 就直接shift+ESC下边的点 很容易盲摸到


通过触觉反馈就知道要按的按钮了 不需要低头看一眼键盘了
在ESC下边正好有个空档 这个空档就是触觉反馈区 盲操也不会出错
不知道可以不可以
抱歉用了20年电脑还不能盲打这种符号是我自身问题

:ok_hand:

正在改键帽提示显示逻辑:

  • 如果用户没有筛选按键,优先显示 */~空格 开头的主映射信息,如果没有,显示单键(无修饰键)的映射信息,如果单键信息也没有,但组合键只有一组,则显示这个组合键信息,如果不止一组,则不显示,只高亮
  • 如果筛选了按键,就显示包含按键的映射信息,如果没有包含的,就不显示,如果有多条,优先显示完全匹配的那条,没有完全匹配的,显示第一条匹配的

感谢开发大大制作的软件,我一直在寻找windows下这样一款录入和展示和记录热键的工具,来解决我庞大的热键记忆问题,我在pr、ps、思源笔记、ahk、quicker、cluanch这类软件里有大量的按键需要记忆或记录,且一段时间不使用哪怕是用得多的热键都有可能遗忘。所以我一直想要记录,文档和表格无论是记录和查看都很费时费劲,后来看到了一款叫 《键指如飞FlyKey for mac》的热键展示工具,瞬间就心动了,后来还找到了一款青蛙推荐的
KeyClu for macOS - 显示运行软件的快捷键 - 大家的板块 / 青蛙的应用 - 小众软件官方论坛 (appinn.net)
但是windows端我一直没有找到类似的软件,就想到了利用ahk+超链接+notion数据库的方式来实现,使用pr时就可以通过超链快速跳转到对应的笔记文档,利用数据库可以进行对按键根据我具体的使用权重进行筛选和排序,快速看到我遗忘或者想要看到的那个按键和功能。但我不用notion记笔记,所以一直没有付诸行动,而且记录起来也比较麻烦。

直到我遇到您开发的这款软件,喜悦之情溢于言表,您这款软件在windows下大概没有竞品,我轻度使用了两天多,githup和小众的评论也看完了,总算把功能理解了个大概,可以说几乎完美符合我的需求,软件非常优秀,自定义非常强大,对此我表示非常感谢。

当然也有一些使用体验和建议,虽说功能上几乎完美,不过使用体验或者说上手难度还是有一点,我毕竟不是工科程序员只是学了点ahk,quicker在我没有接触ahk时使用感受就是复杂但是上手快,可能是源于其图形化更加彻底的原因。不蛮你说,我一开始连这个帖子都一知半解,一度让我认为不是我需要的软件,以为是个映射软件,可能是因为帮助和设置有太多我没消化的信息,如果当时帮助是windows自带热键我可能更容易理解,比如win+v 剪切板、ctrl+c复制等,一个普通使用者看到帮助上诸如显示全部映射、隐藏主键盘等等,反而使得帮助增加了理解成本,增大了一个产品的信息熵。设置的问题主要就是有很多符号化的设置,不够图形化,所以以前quicker给我的使用感受还不错可能就是因为图形化更彻底,因为我之前用思源学过一些css,所以比起帮助来还是更快能够理解的、之前键盘层都不知道干嘛用的,看了评论才弄清楚。还有到现在都没完全理解的比如


这些东西一开始我都不知道是啥,明明我无法添加小写的修饰键,但是帮助里有些小写的热键,我在写这个评论时才大概理解,应该是修饰键缩写那里添加的修饰键,但是这些小写的修饰键为啥全是白灰色我又不清楚了。至于修饰键大小写敏感也是后来试了好几遍才知道,看了评论才确定,我觉得可以加个提示。还有要不是我看了githup,我估计我都不知道可以直接用新版的html文件替换原来exe里的html文件。

总之一开始用的时候很混乱,本来发了一些功能需求结果因为没能完全理解导致差点尴尬,如果站在一个产品经理的角度看,这个产品功能好但是使用体验上有很大优化空间,我平时做科普有一句话“知识的诅咒”,我能理解但我以为别人自然而然的也能理解,有一些哲学科普上来就是物自体、能指所指、现象界本体界、感性对象性等等黑词,然后夹在超长句中间,让人难以理解,但其学识水平和用词用语的精准性又是非常好的,结果就是作为科普传播性就下降了。比如学工科的大概都知道信息熵,指的是对信息这一物理现象不确定性的度量,比如我说开发大大您的软件信息熵还有点大,或者经常有人说某些软件程序员思维严重,但说人话就是软件所包含的信息不确定很强,理解成本很大,如果作为产品很难让普通消费者理解和接受。所以这是我个人大概的一个使用体验,功能性足够好,但上手难度和使用体验还有加强的空间,当然这个工程量也很大。对我个人来说后续使用已经完全没有问题了,但我想以产品经理或者一个最普通消费者的角度给您说说使用感受,我记得小众里有个叫dte的文件标签管理软件使用感受也很不错,界面复古但使用逻辑很好。

希望作者大大不要嫌弃我的长篇大论,软件功能性已经非常好了,我没有任何贬低您劳动成果的意思,相反我非常喜欢这个软件,以前给pr的快捷键都是各种红色加粗进行分类,经常忘很难记,ps就压根记一遍忘一遍,因为使用频率很低。

1 个赞

最后就是功能上的一些建议和个人需求,我个人对于这个软件最看重的是键表部分,因为非常展示热键极为直观,键谱最核心的功能就是记录和展示,所以功能应该是记录方便快速、展示直观易寻找。但是我更新到了最新版后,筛选功能也只多了一个修饰键叠加进行筛选。


功能其一,我个人还是更倾向于在键表勾选当前键谱设置的任意修饰键进行筛选,因为右键筛选我也是看评论才找到的。比如我给搜索做的一个简单筛选,如图我打了两个√,在键谱中可以代表我选中了两个修饰键,那么就把这两个修饰键相关的所有热键展示出来,多一个少一个修饰键都不显示,我只选了ctrl,那么就不要显示ctrl+alt的修饰键,如果要显示就排序放到末尾,这样结果就非常精准就不会造成阅读混乱,对于用户来讲就相当于给图片加上了缩略图,降低了信息熵,找到需要的图片速度就更快。

功能其二,也是我最需要的一个功能,热键排序功能,每个人热键的使用频率都不一样,很多人遗忘了热键后,但每个人阅读都是从上往下进行查找,而键谱的排序只有一个就是按字母排序,而用户如果用得多的热键遗忘了后,排序却在后面,就会增加他查找的时间。软件里有分组和分组颜色功能,我应该就可以看做是标签(文字分类+颜色标记),那么根据文本框里的标签的顺序进行阶梯式排序,用户就能很快找到该热键,比如一级标签设置为常用,用红色标注,二级标签设置为重要,用橘色标记,以此类推……没标记的放最后,我开头讲的那两个mac端的热键展示工具,就有根据标签分类展示热键,标签系统可能是所有管理类软件绕不过去的一个功能,当然最主要的不是标签,而是根据标签排序。如下图这样的展示可以看到所有热键,我看到有用键层做分类的,但是不够直观,万一不记得分类需要一个个键层点开,这样放到一起,使用浏览器自带的ctrl+f搜索也能一下子搜到。

我自己用笔记软件弄了下,可能类似于这种,颜色加文字。

当然分组标签有一种现成的图形化的方案抄,那就是trello看板的标签,每个任务(相当于热键)都能够单独添加标签,每个看板(相当于键谱)都能自定义标签和颜色,和键谱的使用逻辑是一样的。

image1092×587 77.7 KB

类似于这种,标签的文字和颜色可以在设置里自定义,就不需要在换行写类似 ::g1 的符号,用图形化话替代,添加热键那里后面增加一个添加标签的功能区,不知道多选标签好不好弄,感觉很难,如果不好弄弄个一个热键只弄一个标签够用了。trello这种可以多选,添加很多个标签和修改都很方便,可以了解一下。


功能三,一个小功能,我更喜欢exe的版本,因为方便我看完直接关掉界面,而浏览器需要关掉标签页+切换回原来的软件,步骤增加了,所以exe如果能够在主界面使用esc直接关闭窗口就会更便捷了,其他设置界面就保持原功能,不知道这个功能是否可行,我拍脑袋想的,不过我用鼠标手势映射alt+f4也很方便,只不过没有esc那么丝滑无感,用完即走。

最后真心感谢开发大大的付出,如果以后易用性更好一些更利于推广的话,需要推广的话我会免费帮忙制作教程。

有没有办法把文字区间往上顶,这个按键有四个命令,最后一个MA 格式刷,被顶出格子外部了,我想让文字能够占据顶部头行的位置

我目前的方法是把这个类的属性改成none了,这样可以一个按键显示4个命令

.ktr .cnt{display:none}


不过这样也是可以接受了

谢谢提供宝贵意见(抱拳

笔记记下先

1 个赞

键谱的起源是一个游戏之作,因此对我来说一切都是怎么容易怎么来,在界面、操作上完全体现了这点(你们也都亲身体验到了哈 :joy_cat:

没(第四声)想到啊,居然吸引了不少键友,承蒙大家的抬爱,顿时感到胸口的红领巾更加鲜艳了,肩头的责任感也重了起来 :joy:

那么,接下来可能的 TODO:

  • 键表界面增加修饰键筛选列表(多选)
  • 键表排序(这个还需要好好想想,按修饰键,按分组
  • 快捷键的分组功能改为图形界面
  • 重写帮助
1 个赞

键谱可以有两种键盘布局(PC、Mac),这些灰色的修饰键表示不在当前键盘布局上的键,你这些是 mac 键盘上的修饰键,如果切换到 mac 布局,那么 Alt 那些键就会变灰了

这是“引导说明”不够的典型例子 :joy_cat: 其实“F-显示全部映射”应该是一个层级比较深的功能,不适合放在用户直接能够接触到的位置,接下来我会考虑把它挪到设置界面去

1 个赞