@布萊恩臣?（作者）：適當的使用深色界面，可以使界面在市面中普遍淺色系之中脫穎而出，更展現個性。

一. 前言

開始動手設計界面時，需要根據產品的調性選擇應用的主色以及背景色，而這時是否選用深色背景好像不是首要選擇，很多設計師會默認選擇白色作為背景。這篇文章就是來分析一下深色界面，看看深色界面會有哪些使用方法，有哪些優點以及問題。

早在2009年，國外博客網站ProBlogger針對博客使用淺色還是深色背景進行了一次投票。投票結果顯示，有接近一半的人喜歡用淺色，只有10%的人投給了深色，有趣的是，有36%的票數是投給“看實際情況”，也就是說淺色并不是人們選擇的唯一情況，深色如果使用切當，還是有不少人喜歡的。

二. 感受

時尚優雅

使用低飽和度背景和高飽和度的內容，給人簡約直白的清爽效果。

神秘感

通過展示內容部分細節，留給人更多的遐想空間。

奢侈高貴

深色界面加上金燦燦的土豪金，更多的留白，會有穩重可靠的感覺。

抑郁與恐懼

表達這種情緒首選深色背景，比淺色更能表現氣氛。

三. 優點

表現光感

利用在深色背景下的強烈對比優勢，發光的效果會得到最大的發揮。

視覺層次

增加深色背景，可以豐富界面的層級關系。

視覺對比

深色背景與內容進行強烈對比，可以更有效的突出內容，重要內容一目了然。

長期閱讀

深色界面比淺色更適合長時間查看，特別是夜間。很多設計類軟件和開發軟件都會默認使用深色主題皮膚。

四. 技巧

考慮內容可讀性

在深色界面中顯示文字，需要考慮文本與背景的對比度是否足夠大，次要文本是否依然清晰可見。

色彩傾向

不是所有界面都是純黑灰色作為背景，很多看上去接近深灰色的界面，都會根據產品或者作品的品牌色方向進行調整。

黑色更省電

屏幕是通過發光傳導色彩，而深色界面發光較弱，因此很多小型的電子產品都會選用純黑色背景，既突出內容，也省電。

五. 總結

適當的使用深色界面，可以使界面在市面中普遍淺色系之中脫穎而出，更展現個性。但需要考慮產品要傳達給用戶的氣氛和品牌形象，合理使用內容色彩，不單方面追求個性與視覺效果，避免畫不達意的情況。在這前提下，大家不防嘗試一下這種小清新以外的風格。

「做設計！從色彩開始」

• 《超實用！設計師自學手冊之色彩搭配簡易指南》
• 《強烈推薦！幫你從零開始全面掌握UI設計的配色方法》
• 《看過那么多UI 配色指南，這篇可能是最全面的（附大量實例）》

【優設網 原創文章 投稿郵箱：yuan@uisdc.com】

================明星欄目推薦================

優優教程網： UiiiUiii.com?是優設旗下優質中文教程網站，分享了大量PS、AE、AI、C4D等中文教程，為零基礎設計愛好者也準備了貼心的知識樹專欄。開啟免費自學新篇章，按照我們的專欄一步步學習，一定可以迅速上手并制作出酷炫的視覺效果。

設計導航：國內人氣最高的設計網址導航，設計師必備：http://hao.uisdc.com