科技感滿滿，華爲雲DevCloud推出網頁暗黑模式

近期，華爲雲DevCloud推出了暗黑模式，讓用戶在網頁端也能夠體驗到桌面級應用纔有的特性。

深色模式（Dark Mode），俗稱暗黑模式。是近2年以來用戶呼聲最高的功能之一，一些國外頂級廠商都將深色主題做爲UI的重要組成部分。他們的產品絕大部分都提供了深色模式，有的甚至讓生態中的APP都提供深色模式。而微信在今年也藉機提供了深色模式。可見，暗黑模式已經深得人心。

深色模式下降了視覺的亮度，在黑暗環境中提供了安全性，而且能夠最大程度減小眼睛疲勞。

據統計，有超過70%的軟件工程師在Dark Theme IDE上進行編碼，若是您查看流行的編碼環境主題下載，你會發現十大主題老是暗黑的。廣大開發者對深色模式有一種發自心裏的熱衷和癡迷。而某些流行的IDE工具更是將暗黑色系做爲默認色系，例如開發工具VsCode和Sublime。開發者熱衷深色模式，除了上面的緣由以外，可能還由於深色模式可以帶來神祕感和科技感。

深色模式的特色

華爲雲DevCloud產品主要用戶仍是面對開發者。開發者經過產品端到端參與研發流程，提高研發效率。咱們看看深色模式給用戶帶來哪些特色呢？

• 久用溫馨

華爲雲DevCloud多是研發團隊使用時間比較長的產品。其中某些工具可能須要沉浸式使用，這麼長時間的使用，勢必會讓用戶眼睛產品視覺疲勞，從而對工做有抵觸感，這也正是設計團隊考慮深色系模式的緣由之一。

深色模式多是減輕團隊長時間工做致使焦慮的一種方式。柔和的暗光讓你的眼睛避免強光刺激，從背景填充到文字圖標色，從點擊到hover、以及微動效過分，都是基於大量的視覺研究以及對比度的色階調試，只爲帶給你更溫馨的沉浸工做體驗。

• 更易用

華爲雲DevCloud的深色模式，底層源自於規模化微服務場景下對產品一致性和易用性的考量。

咱們分紅規模化微服務產品體驗實踐、體驗模型以及度量方式來討論。

規模化微服務產品體驗實踐：

1. 呈如今用戶面前的DevCloud平臺是一個完整的工具鏈平臺，其背後是由幾十個微服務團隊協做開發而成。每個微服務就是一個小微型團隊，團隊按照各自產品的目標和競爭力演進，不免在視覺交互體驗上有誤差，咱們稱之爲規模化微服務產品體驗問題。而這樣的問題是使人頭疼的。爲此，部門中的DevUI團隊也是通過很長時間的摸索，從規範，組件，場景等等方式進行解決。其中深色模式，是一種有效的方式。
2. DevUI對全部DevCloud產品的顏色已經意義化的命名，讓各微服務前端團隊以及設計團隊使用這種有意義的變量，保持視覺交互的一致，若是某一個團隊採用其餘顏色進行頁面開發，那也是沒法經過工具的檢測而沒法上線。從而保證了產品一致性。下圖一個是不符合規範的，一個圖是符合規範的。

體驗模型以及度量方式：

對於華爲雲DevCloud產品體驗提高，團隊孜孜以求。雖然業界已有大量相關體驗理論，但仍是要結合自己產品特性和研發模式尋找合適的定義。華爲雲DevCloud是B端研發類的工具產品，其背後是大規模的微服務化交付，基於這些特色，團隊抽象出體驗模型：穩定性、參與度、認知匹配、任務效率、愉悅感，而後用這個模型去檢驗產品體驗好與很差，最終也是用數據去回答和驅動產品體驗。

深色模式帶來的是視覺體驗一致，於用戶而言，產品體驗更加流暢，而且間接提高任務效率。

• 提高研發效率

在去年的 WWDC 大會上，蘋果人機交互團隊的設計師 Raymond Sepulveda 曾對 macOS 的「深色模式」使用場景作了進一步的解釋。他指出，只有閱讀瀏覽或是內容創做型 app 才須要長期啓用黑暗模式，好比文字或代碼編輯。它們會藉助黑底白字的高對比度特性來讓用戶視線保持集中，其它大部分軟件對於黑暗模式的需求反而並不強烈。

面向開發者華爲雲DevCloud產品則自然具有這些場景。好比代碼託管服務中的代碼合併請求功能，當開發者提交代碼須要評審的時候，評審的人須要盯着代碼長時間審視代碼，淺色模式容易讓眼睛疲勞。另外DevCloud深色模式與IDE的深色模式保持工具切換的一致性，視覺體驗更加流暢天然。

最終，不管是淺色模式仍是暗黑模式，DevCloud在細節上都儘可能考慮B端產品致簡特質，設身處地考慮開發者喜愛，細節處提高工具的視覺體驗。

• 改善視力不佳或者色弱的可視性

咱們面對的用戶羣體中有一部分是色弱用戶，深色模式的高對比度對於這部分羣力是比較友好的。

咱們持續不斷演進

深色模式不只僅是簡單的黑白，是有不少東西須要思考的。好比，

1. 確保內容在深色模式下清晰刻度，背景色和文本對比度對少才比較合適，Material Design建議至少是用15.8:1的對比度。
2. 字體的粗細、透明度在淺色、深色背景下都會有所不一樣。
3. web產品的層次是經過陰影來表達的，而陰影在深色背景和淺色背景也是不同的。

牆裂歡迎你們使用、拍磚，用戶的良好體驗是華爲雲DevCloud產品不斷改進的動力！

點擊關注，第一時間瞭解華爲雲新鮮技術~