@布萊恩臣 (作者):適當的使用深色介面, 可以使介面在市面中普遍淺色系之中脫穎而出, 更展現個性。
一. 前言開始動手設計介面時, 需要根據產品的調性選擇應用的主色以及背景色, 而這時是否選用深色背景好像不是首要選擇, 很多設計師會默認選擇白色作為背景。 這篇文章就是來分析一下深色介面, 看看深色介面會有哪些使用方法, 有哪些優點以及問題。
早在2009年, 國外博客網站ProBlogger針對博客使用淺色還是深色背景進行了一次投票。 投票結果顯示, 有接近一半的人喜歡用淺色, 只有10%的人投給了深色,
二. 感受
時尚優雅
使用低飽和度背景和高飽和度的內容, 給人簡約直白的清爽效果。
神秘感
通過展示內容部分細節, 留給人更多的遐想空間。
奢侈高貴
深色介面加上金燦燦的土豪金,更多的留白,會有穩重可靠的感覺。
抑鬱與恐懼
表達這種情緒首選深色背景,比淺色更能表現氣氛。
三. 優點表現光感
利用在深色背景下的強烈對比優勢,發光的效果會得到最大的發揮。
視覺層次
增加深色背景,可以豐富介面的層級關係。
視覺對比
深色背景與內容進行強烈對比,可以更有效的突出內容,重要內容一目了然。
長期閱讀
深色介面比淺色更適合長時間查看,特別是夜間。很多設計類軟體和開發軟體都會預設使用深色主題皮膚。
四. 技巧考慮內容可讀性
在深色介面中顯示文字,需要考慮文本與背景的對比度是否足夠大,次要文本是否依然清晰可見。
色彩傾向
不是所有介面都是純黑灰色作為背景,很多看上去接近深灰色的介面,都會根據產品或者作品的品牌色方向進行調整。
黑色更省電
螢幕是通過發光傳導色彩,而深色介面發光較弱,因此很多小型的電子產品都會選用純黑色背景,既突出內容,也省電。
五. 總結適當的使用深色介面,可以使介面在市面中普遍淺色系之中脫穎而出,更展現個性。但需要考慮產品要傳達給使用者的氣氛和品牌形象,合理使用內容色彩,不單方面追求個性與視覺效果,避免畫不達意的情況。在這前提下,大家不防嘗試一下這種小清新以外的風格。
------
作者:@布萊恩臣
商業轉載請聯繫作者獲得授權,非商業轉載請注明出處!
關注優設品牌號微信號:uisdcer & 內容號微信號:youshege;推送領域專業知識掌握優設新品動態和50萬設計師獲取新鮮知識
奢侈高貴
深色介面加上金燦燦的土豪金,更多的留白,會有穩重可靠的感覺。
抑鬱與恐懼
表達這種情緒首選深色背景,比淺色更能表現氣氛。
三. 優點表現光感
利用在深色背景下的強烈對比優勢,發光的效果會得到最大的發揮。
視覺層次
增加深色背景,可以豐富介面的層級關係。
視覺對比
深色背景與內容進行強烈對比,可以更有效的突出內容,重要內容一目了然。
長期閱讀
深色介面比淺色更適合長時間查看,特別是夜間。很多設計類軟體和開發軟體都會預設使用深色主題皮膚。
四. 技巧考慮內容可讀性
在深色介面中顯示文字,需要考慮文本與背景的對比度是否足夠大,次要文本是否依然清晰可見。
色彩傾向
不是所有介面都是純黑灰色作為背景,很多看上去接近深灰色的介面,都會根據產品或者作品的品牌色方向進行調整。
黑色更省電
螢幕是通過發光傳導色彩,而深色介面發光較弱,因此很多小型的電子產品都會選用純黑色背景,既突出內容,也省電。
五. 總結適當的使用深色介面,可以使介面在市面中普遍淺色系之中脫穎而出,更展現個性。但需要考慮產品要傳達給使用者的氣氛和品牌形象,合理使用內容色彩,不單方面追求個性與視覺效果,避免畫不達意的情況。在這前提下,大家不防嘗試一下這種小清新以外的風格。
------
作者:@布萊恩臣
商業轉載請聯繫作者獲得授權,非商業轉載請注明出處!
關注優設品牌號微信號:uisdcer & 內容號微信號:youshege;推送領域專業知識掌握優設新品動態和50萬設計師獲取新鮮知識