DCloud_heavensoft
DCloud_heavensoft
  • 发布:2018-10-22 12:44
  • 更新:2021-03-16 16:50
  • 阅读:76157

HBuilderX如何保护程序员的身心健康

分类:HBuilderX

本帖已集成到: hx产品文档

键盘、椅子有人体工学,一个开发工具软件,有什么健不健康的概念呢?
当然有的。你的眼睛、手的健康,都与开发工具有很大关系。
DCloud是一家有匠心、有情怀的团队,在工具对人体的健康影响方面投入了大量精力财力研究。

护眼:绿柔环保主题

很多人误以为黑色主题最护眼,我们自己也曾长时间使用黑色主题,但感受不对劲,于是较真的研究了到底什么是健康护眼的主题。
其实参考电子书领域就知道,长时间盯着电脑屏幕或手机屏,背景绝不能是黑色,而应该是泛黄的颜色。如果一家做电子书的公司使用黑色背景的话,这公司肯定会被读者抛弃掉。

但是电子书行业为什么普遍采用泛黄色呢?是为了给读者制造看纸书的错觉?还是真有科学道理。我们需要仔细研究。

有一个误传的说法是:黑色背景,在液晶下发光量少,从而更护眼。
由于纯黑色背景很难看,实际上各个开发工具的背景色不是纯黑色,液晶面板上的粒子仍然在发光。
虽然液晶面板的暗色区光线量低,但就人眼肌肉的紧张度而言,高对比度的伤害大于光线量的伤害。
在阳光明媚的草原上,虽然光线量非常大,但人眼很舒适。
但在黑色屋子里,手机屏幕亮度调到最低,光线量远低于前者,但仍然刺眼。
这是对比度的影响造成的。

HBuilder的默认主题是绿柔,其特点是柔和、低对比度、强光下仍清晰、绿色感加强。对着这样的界面写一天代码,感受要比对着太亮或太暗的界面舒服很多。
绿柔是一个严谨的设计过程,包含色彩心理学和色彩生理学的很多知识,并且在北京国奥心理医院做过严谨的医学测试。
我们安排工程师在不同的配色主题下写代码,在医院检测他们的脑疲劳程度,最终调校出了绿柔配色方案,实验过程如下:

参与实验的2位程序员在充分休息后,分别使用绿柔和黑色主题的编程工具进行编码半小时,并监测脑电波的数据变化。
通过对实验者的脑电波产生的17万条数据的分析,利用医院仪器打印出的疲劳值、紧张度和注意力集中程度数值,发现实验结论如下:
半小时编码后2位测试者的疲劳度均上升,但,绿柔主题下工作的程序员疲劳值上升相对缓慢,紧张程度更低,注意力更集中。
使用黑色主题编码后疲劳值的上升幅度最高达到使用绿柔上升幅度的700%!
此实验进行多次,并有交叉测试,结论始终相同。


上图为在医院参与实验的程序员。

色彩方面有色彩生理学和色彩心理学。我们先从色彩生理学角度看看黑色主题的问题:

  1. 转场晕眩
    当一个人眼睛长期看暗色系事物时,大脑会分泌激素强迫眼睛增强视力。
    比如我们在一个黑屋子待一会就能看清东西,但回到阳光下时又会晕眩,这叫做暗适应。
    同样,长期看黑色的代码区,此时切换到其他软件界面或看窗外就会晕眩。
  2. 夜盲症
    长期的黑暗环境下眼球会分泌视紫红质,视紫红质消耗维生素A,并且会引发夜盲症,虽不是近视,但夜晚视力低于常人。
    具体见百度百科视紫红质
  3. 对比度高
    黑色背景往往对应高对比度的前景内容,而高对比度不适合长期观看。
    其实就像糖和辣都不能多吃,但水可以多喝。
    而过于柔和的画面,在强光照射或视力不佳时,可能无法保持足够的清晰度,绿柔反复调校参数才得到目前的结果。

我们查阅资料得知,人眼最喜欢的光是黄色和绿色
黄色和绿色的波长,是人眼最放松的波长。
绿柔的背景是暖黄色,界面中点缀不少绿色,前景的代码颜色,虽然多彩,但每种颜色的RGB中的G,即绿色值,都调大了。

另外从色彩心理学看,温暖的颜色比暗色更舒服。
人眼看到的景色,大脑会产生联想,并进而影响心情。
看到绿色就会联想到草原森林,心情不自觉的就好一点。
而看久了暗色或刺激性颜色,心情会压抑。
每天看8个小时屏幕不是小事,心情舒畅很重要。

"群体无小事,长期无小事",面对数百万开发者,我们必须下足功夫研究如何保护他们的健康。
结合了众多理论和实验,我们终于打磨出了绿柔主题。
有些产品的设计原则是漂亮优先,HX不是这个原则,是健康优先。HX可能不是最漂亮的编辑器,但肯定是最健康的编辑器。

护手:免拖动选择保护手指关节神经

鼠标手是程序员常见病,在鼠标操作时,什么操作劳损最严重?答案是拖选。
拖选过程是这样:食指按下鼠标左键,神经保持紧张,移动手腕带动鼠标移动,选择内容,松开食指。这个过程中,食指持续按下,相连的肌肉神经一直处于紧绷状态。
如果使用触摸板那更痛苦。
还是"偶尔无大事,长期无小事"的逻辑,偶尔拖选不觉得怎么样,但一天8小时写代码下来,手部劳损主因其实就是拖选。
为了减少拖选,HX提供了快捷键选择、智能双击选择、免选择直接操作等模式。

  • 快捷键选择
    Ctrl+=是以当前光标为初始点扩大选区,Ctrl+E是选择当前词或相同词,还有众多选择快捷键,具体见菜单-选择。
  • 智能双击选择
    HX在很多地方双击,会有特殊选择逻辑,在行首、行尾、函数块、等号、逗号、-号、括号、引号、行首列表符、<!-- -->等特殊语法符号处双击,都能快速选择相应内容。
    掌握这套智能双击逻辑,即能极大的提高操作效率,又能减少手部劳损。
    具体智能双击列表,见菜单选择。强烈建议认真研究掌握智能双击。
  • 免选择直接操作
    如果没有选内容,直接按Ctrl+C或X进行复制和剪切,可以对光标所在行复制剪切。
    Ctrl+Insert重复选区、Ctrl+Shift+X交换选区等很多操作,也都在无选区时自动适配相应行操作。
    Ctrl+D删除行、Ctrl+上下移动行、Shift+Del删除到行尾等操作也可以无选择直接操作文本内容。
    更多功能见菜单编辑。

作为为开发者提供服务的公司,尤其是我们自己也是开发者,我们最重视的就是高效率和健康。
希望通过我们的努力,可以让中国数百万开发者的开发效率更高,身心更健康。

19 关注 分享
heyjude 彳余001 1***@163.com 夜星轮 王頠韬 取昵称 DoubleONE 5***@qq.com 1***@qq.com 师大酸梅杨 dashuai Trust w***@qq.com jonyLi 3***@qq.com 8***@qq.com 1***@qq.com 6***@qq.com 秋Cool

要回复文章请先登录注册

秋Cool

秋Cool

从这些细节就可以看出你们很有前途
ε[。。]з
2021-03-16 16:50
daoke_li

daoke_li

我把这套主题用到其他编辑器中不会侵权吧?
2020-12-05 22:01
2***@qq.com

2***@qq.com

回复 汉中李 :
你是秀儿吗?
2020-07-22 17:57
6***@qq.com

6***@qq.com

啊 感谢谢我朋友推荐
2020-06-17 09:19
程序猿甲

程序猿甲

走心设计,谢谢你们!
2020-05-22 19:58
virtualTurth

virtualTurth

666666,心意收到了
2020-05-20 16:51
取舍

取舍

吓得我立马换成了 绿柔
2020-05-20 16:20
汉中李

汉中李

写程序时,加注释"佛祖保佑永无BUG" 可以确保身心健康
2020-05-20 16:11
木杉丶

木杉丶

不知道为什么,看到这个对比我莫名的就有点想笑,哈哈。从此我再也不用黑色主题,太可怕,哈哈哈
2020-05-20 15:58
米特尼艾特将

米特尼艾特将

你们用心了,这次入手HX,从重构一个容易的网站开始入
2020-03-20 17:49