Clean Sheet是適用于Windows 10的符合人體工程學(xué)的Eclipse主題。它基于干凈，低眩光的外觀和感覺，旨在減輕視覺疲勞和眼睛疲勞。 它融合了均衡的顏色選擇，可以突出諧波語法并注重可讀性。 除自定義滾動(dòng)條外，它還努力滿足現(xiàn)代美學(xué)要求。

這篇文章解釋了該功能背后的想法，闡述了其當(dāng)前的開發(fā)狀態(tài)，并對(duì)未來的增強(qiáng)功能進(jìn)行了展望。

為什么要使用另一個(gè)Eclipse主題？

在最近的一段時(shí)間里，在計(jì)算機(jī)上工作時(shí)，我經(jīng)歷了不止一次的嚴(yán)重，偏頭痛樣的頭痛。 除了咨詢眼科醫(yī)生，這還促使我從人機(jī)工程學(xué)的角度重新考慮工作場(chǎng)所的配置。 我仔細(xì)檢查了照明，坐姿，屏幕對(duì)比度和亮度，尤其是正在使用的軟件，以減少不必要的負(fù)擔(dān)。

作為Java開發(fā)人員，我可能最常使用的程序是Eclipse。 結(jié)合我認(rèn)為可用的Eclipse主題與Microsoft的最新主題并不能很好地匹配，我有理由要在充分考慮人體工程學(xué)原理的基礎(chǔ)上創(chuàng)建一個(gè)新主題。 這就是我開始這個(gè)實(shí)驗(yàn)的方式。

下一節(jié)將概述導(dǎo)致初始版本的關(guān)鍵注意事項(xiàng)和實(shí)施策略。 由于我通常容易出錯(cuò)，所以我認(rèn)為最好盡早發(fā)布該項(xiàng)目。 這樣，其他人就可以同時(shí)受益并幫助糾正問題和誤解。

符合人體工程學(xué)的清潔床單

當(dāng)我想到創(chuàng)建符合人體工程學(xué)的Eclipse主題的想法時(shí)，我想知道從哪里開始。 作為開發(fā)人員，我問自己：Java IDE的外觀應(yīng)強(qiáng)調(diào)哪些最重要的活動(dòng)？ 我記得鮑勃叔叔曾聲稱程序員花費(fèi)大量時(shí)間來閱讀代碼：

閱讀（代碼）與寫作所花費(fèi)的時(shí)間比例遠(yuǎn)遠(yuǎn)超過10：1…
羅伯特·馬丁

因此，應(yīng)該優(yōu)化工作臺(tái)的外觀以實(shí)現(xiàn)最佳的閱讀體驗(yàn)。 因此，回顧Windows 10內(nèi)置主題的外觀有些古怪，我將我的初步考慮重點(diǎn)放在了顏色對(duì)可讀性的影響上。

灰色陰影

事實(shí)證明，由于顏色具有強(qiáng)烈的注意力轉(zhuǎn)向作用，因此應(yīng)謹(jǐn)慎使用它們。 太多不同的陰影會(huì)導(dǎo)致整體圖像不舒服，并導(dǎo)致無效的眼部固定[WAND93]。 因此，Shneiderman [SHPH04]建議首先開發(fā)屏幕的單色圖形設(shè)計(jì)，以明確單元之間的邏輯關(guān)系或其他相關(guān)關(guān)系表示。

這看起來是一種合理的方法，但是還有其他方面需要考慮。 考慮到“深色” Eclipse主題的流行，似乎很重要的一點(diǎn)是要在人機(jī)工程學(xué)方面弄清首選的文本對(duì)比模式。

白底黑字還是白底黑字？

假設(shè)已經(jīng)按照人體工程學(xué)的建議適當(dāng)調(diào)整了照明良好的工作場(chǎng)所，那么長(zhǎng)期以來，一般的建議是使用黑白相間的顏色。 對(duì)這個(gè)主題進(jìn)行了一些研究，最終說服了我也朝著類似的方向前進(jìn)。 讓我簡(jiǎn)要地解釋一下此決定的一些理由，首先引用基于80年代行之有效的出版物的報(bào)價(jià)：

“但是，大多數(shù)研究表明，淺色背景上的深色字符優(yōu)于深色背景上的淺色字符（刷新率相當(dāng)高時(shí)）。 例如，鮑爾（Bauer）和卡沃尼烏斯（Cavonius）（1980）發(fā)現(xiàn)，當(dāng)參與者在淺色背景上用深色字符閱讀文本時(shí)，閱讀文本的準(zhǔn)確性提高了26％?！?[GRAVIG]

同時(shí)，似乎可以確定的是，通過“消色差”對(duì)比度可以實(shí)現(xiàn)最佳的可讀性，同時(shí)又要盡可能地節(jié)省眼睛。 這些是淺灰色背景（盡管看起來幾乎是白色，但要避免強(qiáng)烈的閃爍）與黑色或非常暗的字體顏色的組合[HOLL07]。 霍爾提到測(cè)試系列，該系列表明純黑色，深灰色或例如深綠色最適合于文本，符號(hào)，線條和類似的前景主題。

自己決定，什么可以減輕您的視線。 上方圖片的上方或下方？ 誠然，這不是一個(gè)完全公平的比較，正弦的下部放在明亮的背景上。 僅看這種對(duì)比是調(diào)節(jié)眼睛的辛苦工作。 但是，這表明必須全面考慮人體工程學(xué)。 在黑暗環(huán)境中使用明亮的屏幕也不是一個(gè)好選擇。

簡(jiǎn)·簡(jiǎn)的問題

由于先前的考慮，“清潔工作表”以淺灰色作為工作臺(tái)窗口開始，零件背景以黑色字體開頭。 使用灰色代替純白色可以減少“文本模糊”的趨勢(shì)和背景眩光的影響。 諸如零件，零件堆棧，工具欄，裝飾條等結(jié)構(gòu)化元素的強(qiáng)調(diào)也基于良好的灰色陰影。

但是，雖然黑色或多或少是淺灰色非常適合閱讀純文本，但是像Amazon Kindle或Evernote的Clearly這樣的閱讀器的默認(rèn)設(shè)置建議，使用代碼有點(diǎn)不同。 代碼更加結(jié)構(gòu)化，開發(fā)人員希望一眼就能認(rèn)出這種結(jié)構(gòu)。

為了簡(jiǎn)化識(shí)別過程，文本編輯器支持突出顯示特殊文本元素，例如關(guān)鍵字，字段聲明，字符串常量等。 當(dāng)然，可以使用更多的灰色陰影來產(chǎn)生突出顯示效果，但是我的相應(yīng)實(shí)驗(yàn)并沒有令人滿意。

如果您正在尋找一種為Eclipse創(chuàng)建自己的語法突出顯示顏色主題的方法，則可以查看Eclipse Color Themes 。 他們提供了用于主題創(chuàng)建的在線服務(wù)，以及一個(gè)Eclipse插件來安裝和切換此服務(wù)提供的主題。 與編寫您自己的主題擴(kuò)展程序或類似內(nèi)容相比，入門起來要舒適得多。

一方面，擁有所有這些灰色的細(xì)微差別并沒有真正導(dǎo)致可感知的結(jié)構(gòu)化。 另一方面，工作臺(tái)的整體印象有點(diǎn)無聊，會(huì)引起睡眠。 因此，我覺得是時(shí)候發(fā)揮一點(diǎn)色彩了。

介紹彩色斑點(diǎn)

在使基本文本元素保持黑色的同時(shí)，我開始探索色輪，以尋求一種語法突出顯示調(diào)色板，該調(diào)色板可以同時(shí)用作結(jié)構(gòu)化基礎(chǔ)和情緒增強(qiáng)器。 在談到色彩心理學(xué)時(shí)，例如，我選擇了一種刺激性的關(guān)鍵字顏色，一種是字段，文字等方面的事實(shí)顏色，另一種是Java doc部分中的一種令人舒緩的顏色。

總之，重要的是找到一種諧波方案，該方案應(yīng)與工作臺(tái)的圖像元素等的預(yù)設(shè)很好地融合在一起，但要盡可能避免分散注意力。 下圖是我的真實(shí)設(shè)置的屏幕截圖，顯示了我最終想到的結(jié)果（單擊圖像放大）。

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

合并平面滾動(dòng)條

細(xì)心的觀察者肯定已經(jīng)認(rèn)識(shí)到包瀏覽器和文本編輯器使用的不同滾動(dòng)條樣式。 Clean Sheet使用了我?guī)讉€(gè)月前在我的文章Sacrilege中介紹的自定義SWT滾動(dòng)條組件-自定義SWT滾動(dòng)條 。 創(chuàng)建此組件的原因是，本機(jī)SWT滾動(dòng)條在更細(xì)微的視圖布局上經(jīng)常看起來有點(diǎn)混亂。

我每天都使用FlatScrollbar實(shí)例，對(duì)它們?nèi)绱酥?#xff0c;以致于我開始探索調(diào)整現(xiàn)有SWT應(yīng)用程序控件的可能性。 盡管有用于樹和表的ScrollableAdapter ，但是存在一些技術(shù)障礙 ，無法將其用作簡(jiǎn)單的樣式替換。

但是，SWT的樣式功能可以打開一扇門，允許鉤住平面滾動(dòng)條覆蓋適配器。 然而，這種方法開始了實(shí)驗(yàn)性的，我沒想到它是成功歸因于“創(chuàng)意編程解決方案”它所需的量¹ 。 但是，在我自己吃了幾個(gè)月的狗食并且解決了大多數(shù)問題之后，它似乎表現(xiàn)出令人驚訝的良好效果-至少對(duì)于我所知道的Java IDE范圍內(nèi)的UI部分而言。

對(duì)于Windows 7和Windows Dark主題的支持者 ， “仿射代碼主題”功能提供了兩種擴(kuò)展，它們均在樹和表上合并了Xiliary FlatScrollBar組件。

Windows主題與FlatScrollbar

帶有FlatScrollbar的深色主題

外表

Clean Sheet尚未經(jīng)過Eclipse Java IDE的測(cè)試。 因此，如果更廣泛的工作臺(tái)設(shè)置帶來了意想不到的困難，我不會(huì)感到驚訝。 基于Eclipse Forms Toolkit的零件看起來有點(diǎn)像外來元素，但是在我看來，這并沒有多大改變（讓我感到羞恥）……如果樣式對(duì)您不利，則不會(huì)造成任何傷害。 只需切換回您的首選主題，重新啟動(dòng)工作臺(tái)，然后繼續(xù)您的工作即可。

我希望在不久的將來解決Xiliary問題跟蹤器中記錄的其余錯(cuò)誤，并根據(jù)日常工作經(jīng)驗(yàn)和不斷增長(zhǎng)的知識(shí)進(jìn)行一些細(xì)微調(diào)整。

從長(zhǎng)遠(yuǎn)來看，如果這個(gè)概念證明自己有用，我計(jì)劃使用StyledText（所有文本編輯器所基于的控件）來將可滾動(dòng)適配器機(jī)制擴(kuò)展到更多SWT組件。 因此，敬請(qǐng)期待，這將是令人興奮的:)

乍看上去

關(guān)于無塵紙…

要求

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

下載及安裝

將“安裝”圖標(biāo)拖放到正在運(yùn)行的Eclipse工作臺(tái)中，以安裝“代碼仿射主題”功能。

要么

選擇幫助>安裝新軟件...
P2存儲(chǔ)庫軟件站點(diǎn)@ http://fappel.github.io/xiliary/
功能：仿射代碼主題

功能部件安裝和工作臺(tái)重新啟動(dòng)后，選擇“清潔表”主題：首選項(xiàng)：常規(guī)>外觀>主題：清潔表

執(zhí)照

根據(jù)Eclipse Public License版本1.0發(fā)布 。

主頁

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

資源資源

• [GRAVIG]：Bauer，D.和Cavonius，C.，R.（1980）。 通過對(duì)比度反轉(zhuǎn)提高視覺顯示單元的清晰度。 在E. Grandjean，E。Vigliani（編輯）的“視覺顯示終端的人體工程學(xué)方面”（第137-142頁）。 倫敦：泰勒和弗朗西斯
• [HOLL07]：Friedrich Holl，Fachhochschule Brandenburg， 軟件方向：Farbe auf dem Bildschirm
• [SHPL04]：Shneiderman，Plaisant：設(shè)計(jì)用戶界面。 有效的人機(jī)交互策略。 艾迪生·韋斯利（2004年）
• [WAND93]：Jens Wandmacher， 軟件人機(jī)工程學(xué) ，格魯伊特，1993年

老實(shí)說，有很多“孩子不在家做”的駭客才能達(dá)到目的。 但是沒有膽量，沒有榮耀……

翻譯自: https://www.javacodegeeks.com/2015/11/clean-sheet-an-ergonomic-eclipse-theme-for-windows-10.html

總結(jié)

以上是生活随笔為你收集整理的Clean Sheet – Windows 10的人体工程学Eclipse主题的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。