13/10/2016
內容以文本為主或非文本時,背景色的選用該如何拿捏?採用深色系還淺色系呢?或許在每個設計上都有獨特的見解,但依舊值得探討
歸納文中提及的技巧與注意事項
技巧
1.深色的背景會「吸收」其他元素的「光芒」,因此元素內或元素和元素之間要留有足夠的空間,確保識別度。
2.善用背景深色系的色度、漸變和光暈,對於可讀性有不同層面的影響。
3.非襯線字體在深色背景下可讀性更強。
4.襯線字體在深色背景下則會顯得更加優雅。
5.防止白色字被黑色背景「吃掉」,可將字體加粗。
注意事項
1.背景和內容兩者之間的對比度和可讀性是成正比的。如:白色背景下的黑色文字擁有最好的可讀性。
2.黑色背景,防止純白色極端對比而產生炫光,應當將白色淡化5%為淺灰色。然而在視覺中依然被識為白色。
3.白色的文本內容相對於白底黑字的情況,會顯得更加纖細、模糊,整體的清晰度會不如常見的黑字。
又是一篇來自Tubik Studio 的文章,豐富的設計項目經驗使得這家資深設計機構對於設計的每一個細節都有著獨特而系統的見解。今天的文章聊的就是深色系背景在設計中的運用,這當中有什麼門道呢?看下去~ 黑暗系背景,或者說深色的背景,在UI設計中的運用至今都是一個相當有爭議的議題。背景選取對於界面的使用效率而言是至關重要的,合理的背景設計讓界面更易用,相反,一個不恰當的背景則可能毀掉你精心設計的UI。今天我們一起來探討一下深色背景在UI