Clean Sheet – Windows 10的人体工程学Eclipse主题

Clean Sheet是适用于Windows 10的符合人体工程学的Eclipse主题。它基于干净，低眩光的外观和感觉，旨在减轻视觉疲劳和眼睛疲劳。它融合了均衡的颜色选择，可以突出谐波语法并注重可读性。除自定义滚动条外，它还努力满足现代美学要求。

这篇文章解释了该功能背后的想法，阐述了其当前的开发状态，并对未来的增强功能进行了展望。

为什么要使用另一个Eclipse主题？

在最近的一段时间里，在计算机上工作时，我经历了不止一次的严重，偏头痛样的头痛。除了咨询眼科医生，这还促使我从人机工程学的角度重新考虑工作场所的配置。我仔细检查了照明，坐姿，屏幕对比度和亮度，尤其是正在使用的软件，以减少不必要的负担。

作为Java开发人员，我可能最常使用的程序是Eclipse。结合我认为可用的Eclipse主题与Microsoft的最新主题并不能很好地匹配，我有理由要在充分考虑人体工程学原理的基础上创建一个新主题。这就是我开始这个实验的方式。

下一节将概述导致初始版本的关键注意事项和实施策略。由于我通常容易出错，所以我认为最好尽早发布该项目。这样，其他人就可以同时受益并帮助纠正问题和误解。

符合人体工程学的清洁床单

当我想到创建符合人体工程学的Eclipse主题的想法时，我想知道从哪里开始。作为开发人员，我问自己：Java IDE的外观应强调哪些最重要的活动？我记得鲍勃叔叔曾声称程序员花费大量时间来阅读代码：

阅读（代码）与写作所花费的时间比例远远超过10：1…
罗伯特·马丁

因此，应该优化工作台的外观以实现最佳的阅读体验。因此，回顾Windows 10内置主题的外观有些古怪，我将我的初步考虑重点放在了颜色对可读性的影响上。

灰色阴影

事实证明，由于颜色具有强烈的注意力转向作用，因此应谨慎使用它们。太多不同的阴影会导致整体图像不舒服，并导致无效的眼部固定[WAND93]。因此，Shneiderman [SHPH04]建议首先开发屏幕的单色图形设计，以明确单元之间的逻辑关系或其他相关关系表示。

这看起来是一种合理的方法，但是还有其他方面需要考虑。考虑到“深色” Eclipse主题的流行，似乎很重要的一点是要在人机工程学方面弄清首选的文本对比模式。

白底黑字还是白底黑字？

假设已经按照人体工程学的建议适当调整了照明良好的工作场所，那么长期以来，一般的建议是使用黑白相间的颜色。对这个主题进行了一些研究，最终说服了我也朝着类似的方向前进。让我简要地解释一下此决定的一些理由，首先引用基于80年代行之有效的出版物的报价：

“但是，大多数研究表明，浅色背景上的深色字符优于深色背景上的浅色字符（刷新率相当高时）。例如，鲍尔（Bauer）和卡沃尼乌斯（Cavonius）（1980）发现，当参与者在浅色背景上用深色字符阅读文本时，阅读文本的准确性提高了26％。” [GRAVIG]

同时，似乎可以确定的是，通过“消色差”对比度可以实现最佳的可读性，同时又要尽可能地节省眼睛。这些是浅灰色背景（尽管看起来几乎是白色，但要避免强烈的闪烁）与黑色或非常暗的字体颜色的组合[HOLL07]。霍尔提到测试系列，该系列表明纯黑色，深灰色或例如深绿色最适合于文本，符号，线条和类似的前景主题。

黑与白vs黑与白

自己决定，什么可以减轻您的视线。上方图片的上方或下方？诚然，这不是一个完全公平的比较，正弦的下部放在明亮的背景上。仅看这种对比是调节眼睛的辛苦工作。但是，这表明必须全面考虑人体工程学。在黑暗环境中使用明亮的屏幕也不是一个好选择。

简·简的问题

由于先前的考虑，“清洁工作表”以浅灰色作为工作台窗口开始，零件背景以黑色字体开头。使用灰色代替纯白色可以减少“文本模糊”的趋势和背景眩光的影响。诸如零件，零件堆栈，工具栏，装饰条等结构化元素的强调也基于良好的灰色阴影。

但是，虽然黑色或多或少是浅灰色非常适合阅读纯文本，但是像Amazon Kindle或Evernote的Clearly这样的阅读器的默认设置建议，使用代码有点不同。代码更加结构化，开发人员希望一眼就能认出这种结构。

为了简化识别过程，文本编辑器支持突出显示特殊文本元素，例如关键字，字段声明，字符串常量等。当然，可以使用更多的灰色阴影来产生突出显示效果，但是我的相应实验并没有令人满意。

如果您正在寻找一种为Eclipse创建自己的语法突出显示颜色主题的方法，则可以查看Eclipse Color Themes 。他们提供了用于主题创建的在线服务，以及一个Eclipse插件来安装和切换此服务提供的主题。与编写您自己的主题扩展程序或类似内容相比，入门起来要舒适得多。

一方面，拥有所有这些灰色的细微差别并没有真正导致可感知的结构化。另一方面，工作台的整体印象有点无聊，会引起睡眠。因此，我觉得是时候发挥一点色彩了。

介绍彩色斑点

在使基本文本元素保持黑色的同时，我开始探索色轮，以寻求一种语法突出显示调色板，该调色板可以同时用作结构化基础和情绪增强器。在谈到色彩心理学时，例如，我选择了一种刺激性的关键字颜色，一种是字段，文字等方面的事实颜色，另一种是Java doc部分中的一种令人舒缓的颜色。

总之，重要的是找到一种谐波方案，该方案应与工作台的图像元素等的预设很好地融合在一起，但要尽可能避免分散注意力。下图是我的真实设置的屏幕截图，显示了我最终想到的结果（单击图像放大）。

清洁纸屏幕截图

好吧，她不是美女吗？ :)

合并平面滚动条

细心的观察者肯定已经认识到包浏览器和文本编辑器使用的不同滚动条样式。 Clean Sheet使用了我几个月前在我的文章Sacrilege中介绍的自定义SWT滚动条组件-自定义SWT滚动条。创建此组件的原因是，本机SWT滚动条在更细微的视图布局上经常看起来有点混乱。

我每天都使用FlatScrollbar实例，对它们如此着迷，以致于我开始探索调整现有SWT应用程序控件的可能性。尽管有用于树和表的ScrollableAdapter ，但是存在一些技术障碍，无法将其用作简单的样式替换。

egit-history-flat-scrollbar

但是，SWT的样式功能可以打开一扇门，允许钩住平面滚动条覆盖适配器。然而，这种方法开始了实验性的，我没想到它是成功归因于“创意编程解决方案”它所需的量¹ 。但是，在我自己吃了几个月的狗食并且解决了大多数问题之后，它似乎表现出令人惊讶的良好效果-至少对于我所知道的Java IDE范围内的UI部分而言。

对于Windows 7和Windows Dark主题的支持者， “仿射代码主题”功能提供了两种扩展，它们均在树和表上合并了Xiliary FlatScrollBar组件。

Windows主题与FlatScrollbar

带有FlatScrollbar的深色主题

暗切的

外表

Clean Sheet尚未经过Eclipse Java IDE的测试。因此，如果更广泛的工作台设置带来了意想不到的困难，我不会感到惊讶。基于Eclipse Forms Toolkit的零件看起来有点像外来元素，但是在我看来，这并没有多大改变（让我感到羞耻）……如果样式对您不利，则不会造成任何伤害。只需切换回您的首选主题，重新启动工作台，然后继续您的工作即可。

我希望在不久的将来解决Xiliary问题跟踪器中记录的其余错误，并根据日常工作经验和不断增长的知识进行一些细微调整。

从长远来看，如果这个概念证明自己有用，我计划使用StyledText（所有文本编辑器所基于的控件）来将可滚动适配器机制扩展到更多SWT组件。因此，敬请期待，这将是令人兴奋的:)

乍看上去

关于无尘纸…

要求

JRE 8，Windows 10，Eclipse 4.5（火星）及更高版本。

下载及安装

将“安装”图标拖放到正在运行的Eclipse工作台中，以安装“代码仿射主题”功能。

要么

选择帮助>安装新软件...
P2存储库软件站点@ http://fappel.github.io/xiliary/
功能：仿射代码主题

功能部件安装和工作台重新启动后，选择“清洁表”主题：首选项：常规>外观>主题：清洁表

执照

根据Eclipse Public License版本1.0发布。

主页

http://fappel.github.io/xiliary/clean-sheet.html

资源资源

[GRAVIG]：Bauer，D.和Cavonius，C.，R.（1980）。通过对比度反转提高视觉显示单元的清晰度。在E. Grandjean，E。Vigliani（编辑）的“视觉显示终端的人体工程学方面”（第137-142页）。伦敦：泰勒和弗朗西斯
[HOLL07]：Friedrich Holl，Fachhochschule Brandenburg，软件方向：Farbe auf dem Bildschirm
[SHPL04]：Shneiderman，Plaisant：设计用户界面。有效的人机交互策略。艾迪生·韦斯利（2004年）
[WAND93]：Jens Wandmacher，软件人机工程学，格鲁伊特，1993年