您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁(yè)設(shè)計(jì)教程 >> 設(shè)計(jì)理論 >> 瀏覽設(shè)計(jì)教程

超周全!可能是最周全的「深色界面」使用方法+優(yōu)瑕玷分析

適當(dāng)?shù)氖褂蒙钌缑?,可以使界面在市面中普遍淺色系之中脫穎而出,更顯現(xiàn)個(gè)性。

一. 前言

開(kāi)始脫手設(shè)計(jì)界面時(shí),必要根據(jù)產(chǎn)品的調(diào)性選擇應(yīng)用的主色以及背景色,而這時(shí)是否選用深色背景彷佛不是首要選擇,許多設(shè)計(jì)師會(huì)默認(rèn)選擇白色作為背景。這篇文章就是來(lái)分析一下深色界面,看看深色界面會(huì)有哪些使用方法,有哪些好處以及題目。

早在2009年,國(guó)外博客網(wǎng)站ProBlogger針對(duì)博客使用淺色照舊深色背景進(jìn)行了一次投票。投票效果表現(xiàn),有接近一半的人喜好用淺色,只有10%的人投給了深色,風(fēng)趣的是,有36%的票數(shù)是投給“看現(xiàn)實(shí)情況”,也就是說(shuō)淺色并不是人們選擇的唯一情況,深色假如使用切當(dāng),照舊有不少人喜好的。

二. 感受

時(shí)尚優(yōu)雅

使用低飽和度背景和高飽和度的內(nèi)容,給人簡(jiǎn)約直白的清爽結(jié)果。

神秘感

通過(guò)展示內(nèi)容部分細(xì)節(jié),留給人更多的遐想空間。

奢侈高貴

深色界面加上金燦燦的土豪金,更多的留白,會(huì)有慎重可靠的感覺(jué)。

煩悶與恐驚

表達(dá)這種情緒首選深色背景,比淺色更能體現(xiàn)氣氛。

三. 好處

體現(xiàn)光感

行使在深色背景下的強(qiáng)烈對(duì)比上風(fēng),發(fā)光的結(jié)果會(huì)得到最大的發(fā)揮。

視覺(jué)條理

增長(zhǎng)深色背景,可以雄厚界面的層級(jí)關(guān)系。

視覺(jué)對(duì)比

深色背景與內(nèi)容進(jìn)行強(qiáng)烈對(duì)比,可以更有用的凸起內(nèi)容,緊張內(nèi)容一覽無(wú)余。

長(zhǎng)期閱讀

深色界面比淺色更適合長(zhǎng)時(shí)間查看,分外是夜間。許多設(shè)計(jì)類(lèi)軟件和開(kāi)發(fā)軟件都會(huì)默認(rèn)使用深色主題皮膚。

四. 技巧

考慮內(nèi)容可讀性

在深色界面中表現(xiàn)筆墨,必要考慮文本與背景的對(duì)比度是否充足大,次要文本是否依然清晰可見(jiàn)。

色彩傾向

不是所有界面都是純黑灰色作為背景,許多看上去接近深灰色的界面,都會(huì)根據(jù)產(chǎn)品或者作品的品牌色方向進(jìn)行調(diào)整。

黑色更省電

屏幕是通過(guò)發(fā)光傳導(dǎo)色彩,而深色界面發(fā)光較弱,因此許多小型的電子產(chǎn)品都會(huì)選用純黑色背景,既凸起內(nèi)容,也省電。

五. 總結(jié)

適當(dāng)?shù)氖褂蒙钌缑妫梢允菇缑嬖谑忻嬷衅毡闇\色系之中脫穎而出,更顯現(xiàn)個(gè)性。但必要考慮產(chǎn)品要傳達(dá)給用戶(hù)的氣氛和品牌形象,合理使用內(nèi)容色彩,不單方面尋求個(gè)性與視覺(jué)結(jié)果,避免畫(huà)不達(dá)意的情況。在這前提下,大家不防嘗試一下這種小清新以外的風(fēng)格。


[教程作者:互聯(lián)網(wǎng)]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請(qǐng)注明出處,素材資料僅供個(gè)人學(xué)習(xí)與參考,請(qǐng)勿用于商業(yè)用途!
本文地址:http://m.likemindfilms.com/tutorial/di3858.html
設(shè)計(jì)實(shí)戰(zhàn)!網(wǎng)易嚴(yán)選APP的品牌設(shè)計(jì)過(guò)程全揭秘
想成為UXD設(shè)計(jì)師?先學(xué)會(huì)這4件事!
圖趣網(wǎng)微信
建議反饋
×