手機(jī)暗黑界面

暗黑式降低了視覺的亮度，在黑暗環(huán)境中提供了安全性，并且可以最大程度減少眼睛疲勞。據(jù)統(tǒng)計(jì)，有超過70%的軟件工程師在Dark Theme IDE上進(jìn)行編碼，某些流行的IDE工具更是將暗黑色系作為默認(rèn)色系，例如開發(fā)工具VsCode和Sublime。

暗黑模式的優(yōu)勢(shì)

華為云DevCloud產(chǎn)品主要面向開發(fā)者，開發(fā)者通過產(chǎn)品端到端參與研發(fā)流程，提升研發(fā)效率。我們看看暗黑模式給用戶帶來(lái)哪些體驗(yàn)?zāi)兀?/p>

1、久用舒適，減輕團(tuán)隊(duì)長(zhǎng)時(shí)間工作焦慮

     華為云DevCloud可能是開發(fā)者使用時(shí)間比較長(zhǎng)的產(chǎn)品，其中某些工具可能需要沉浸式使用，這么長(zhǎng)時(shí)間的使用，勢(shì)必會(huì)讓用戶眼睛產(chǎn)品視覺疲勞，這也正是設(shè)計(jì)團(tuán)隊(duì)考慮深色系模式的原因之一。

深色模式

我們面對(duì)的用戶群體中有一部分是色弱用戶，深色模式的高對(duì)比度對(duì)于這部分群力是比較友好的。

2、體驗(yàn)一致性與易用性

華為云DevCloud的暗黑模式，底層源自于規(guī)?；⒎?wù)場(chǎng)景下對(duì)產(chǎn)品一致性和易用性的考量：呈現(xiàn)在用戶面前的DevCloud平臺(tái)是一個(gè)完整的工具鏈平臺(tái)，其背后是由幾十個(gè)微服務(wù)團(tuán)隊(duì)協(xié)作開發(fā)而成。每一個(gè)微服務(wù)就是一個(gè)小微型團(tuán)隊(duì)，團(tuán)隊(duì)按照各自產(chǎn)品的目標(biāo)和競(jìng)爭(zhēng)力演進(jìn)，難免在視覺交互體驗(yàn)上有偏差，我們稱之為規(guī)?；⒎?wù)產(chǎn)品體驗(yàn)問題。為此，部門中的DevUI團(tuán)隊(duì)也是經(jīng)過很長(zhǎng)時(shí)間的摸索，從規(guī)范，組件，場(chǎng)景等等方式進(jìn)行解決。其中深色模式，是一種有效的方式。

深色模式帶來(lái)的是視覺體驗(yàn)一致，于用戶而言，產(chǎn)品體驗(yàn)更加流暢，并且間接提升任務(wù)效率。

Wiki編輯場(chǎng)景

看板交付場(chǎng)景

最終，無(wú)論是淺色模式還是暗黑模式，DevCloud在細(xì)節(jié)上都盡量考慮B端產(chǎn)品致簡(jiǎn)特質(zhì)，設(shè)身處地考慮開發(fā)者喜好，細(xì)節(jié)處提升工具的視覺體驗(yàn)。

我們持續(xù)不斷演進(jìn)

深色模式不僅僅是簡(jiǎn)單的黑白，是有很多東西需要思考的。比如，

1. 確保內(nèi)容在深色模式下清晰刻度，背景色和文本對(duì)比度對(duì)少才比較合適，Material Design建議至少是用15.8:1的對(duì)比度。

2. 字體的粗細(xì)、透明度在淺色、深色背景下都會(huì)有所不同。

3. web產(chǎn)品的層次是通過陰影來(lái)表達(dá)的，而陰影在深色背景和淺色背景也是不一樣的。

zhangnn