您的位置:首頁>設計>正文

超全面!「深色介面」使用方法+優缺點分析

@布萊恩臣 (作者):適當的使用深色介面, 可以使介面在市面中普遍淺色系之中脫穎而出, 更展現個性。

一. 前言

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

早在2009年, 國外博客網站ProBlogger針對博客使用淺色還是深色背景進行了一次投票。 投票結果顯示, 有接近一半的人喜歡用淺色, 只有10%的人投給了深色,

有趣的是, 有36%的票數是投給“看實際情況”, 也就是說淺色並不是人們選擇的唯一情況, 深色如果使用切當, 還是有不少人喜歡的。

二. 感受

時尚優雅

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

神秘感

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

奢侈高貴

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

抑鬱與恐懼

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

三. 優點

表現光感

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

視覺層次

增加深色背景,可以豐富介面的層級關係。

視覺對比

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

長期閱讀

深色介面比淺色更適合長時間查看,特別是夜間。很多設計類軟體和開發軟體都會預設使用深色主題皮膚。

四. 技巧

考慮內容可讀性

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

色彩傾向

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

黑色更省電

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

五. 總結

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

------

作者:@布萊恩臣

商業轉載請聯繫作者獲得授權,非商業轉載請注明出處!

關注優設品牌號微信號:uisdcer & 內容號微信號:youshege;推送領域專業知識掌握優設新品動態和50萬設計師獲取新鮮知識

奢侈高貴

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

抑鬱與恐懼

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

三. 優點

表現光感

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

視覺層次

增加深色背景,可以豐富介面的層級關係。

視覺對比

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

長期閱讀

深色介面比淺色更適合長時間查看,特別是夜間。很多設計類軟體和開發軟體都會預設使用深色主題皮膚。

四. 技巧

考慮內容可讀性

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

色彩傾向

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

黑色更省電

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

五. 總結

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

------

作者:@布萊恩臣

商業轉載請聯繫作者獲得授權,非商業轉載請注明出處!

關注優設品牌號微信號:uisdcer & 內容號微信號:youshege;推送領域專業知識掌握優設新品動態和50萬設計師獲取新鮮知識

Next Article
喜欢就按个赞吧!!!
点击关闭提示