譯者：西喬 來源：www.webdesignerdepot.com 原作者：Kayla Knight

    深底色風(fēng)格的頁面設(shè)計(jì)很受歡迎，它可以創(chuàng)造出別致優(yōu)雅，極富創(chuàng)造力的效果，

深底色風(fēng)格的網(wǎng)頁設(shè)計(jì)的策略

    深底色設(shè)計(jì)適用于許多網(wǎng)站類型，但并非所有。這種風(fēng)格應(yīng)該在恰當(dāng)?shù)臈l件下使用。

    雖然深底色風(fēng)格可以帶來視覺沖擊力，但是很多設(shè)計(jì)師并不知道如何有效地表現(xiàn)他們，取得的效果往往適得其反。失敗的設(shè)計(jì)會(huì)導(dǎo)致可讀性差，難以吸引用戶，無法使用傳統(tǒng)的設(shè)計(jì)元素等問題。

    所以在這里，我們將討論一些深底色頁面設(shè)計(jì)的要素，以便讓你的下一次設(shè)計(jì)更受歡迎，更具創(chuàng)造性。

    最新的調(diào)查表示，47%的受訪者首選淺底色的設(shè)計(jì)，主要原因是基于可讀性。大多數(shù)人不喜歡閱讀深色背景上的亮色文字，那樣眼睛容易疲勞從而導(dǎo)致不適的閱讀體驗(yàn)。

    相比之下，10%的受訪者傾向于深底色的網(wǎng)站，另外36%的認(rèn)為將取決于網(wǎng)站類型而定。

    那什么是正確的答案呢？雖然每個(gè)人都有自己的觀點(diǎn)，但既然有如此高比例的用戶可以忍受深底色的頁面設(shè)計(jì)，有時(shí)甚至是他們的首選。我們作為網(wǎng)頁設(shè)計(jì)師必須了解如何為我們自己和客戶創(chuàng)建更有效的深底色設(shè)計(jì)。同時(shí)我們必須相信深底色風(fēng)格可以增加其可讀性和友好性。

使用更多的空白

    在這里或許我們應(yīng)該稱之為“空黑”，

電腦資料

    有效地利用空白，在任何設(shè)計(jì)中都是重要的，對于深底色風(fēng)格而言更必不可少。

    深色的設(shè)計(jì)令人感到“沉重”，擁擠的布局會(huì)加重這種感受。 看看一些流行的深底色設(shè)計(jì)，可以注意到他們運(yùn)用了大量的空白。

    網(wǎng)站 Black Estate 陳列了互聯(lián)網(wǎng)上優(yōu)秀的深底色頁面設(shè)計(jì)，它本身也是一個(gè)值得關(guān)注的卓越設(shè)計(jì)。 其設(shè)計(jì)中運(yùn)用了大量的空白，還有獨(dú)到之處：有效地在某些重要元素旁邊使用空白。

    首先，用戶會(huì)第一眼看見的元素——logo，旁邊有大量的空白。 然后用戶會(huì)注意到主內(nèi)容區(qū)和右側(cè)的酒瓶。 如你所見，空白完美地反襯出了內(nèi)容區(qū)的主標(biāo)題和酒瓶上的文字。

    在Tictoc的設(shè)計(jì)中，精選內(nèi)容及相關(guān)圖片配合大片的空白共同構(gòu)成。隨著頁面下移，我們可以發(fā)現(xiàn)空白越來越少，這樣我們的注意力就會(huì)轉(zhuǎn)移到縮展示的內(nèi)容。

    其關(guān)鍵是：空白可以逐步引導(dǎo)用戶到頁面底部

    黑色背景增加了設(shè)計(jì)的縱深感。 網(wǎng)站非常依賴設(shè)計(jì)中的空白，配合黑色背景制造出來的創(chuàng)意效果，頁面才如此吸引人。

    網(wǎng)站 Mark Dearman的布局中應(yīng)用了大量對稱分布的空白。

    每個(gè)內(nèi)容區(qū)塊間的空白提供了足夠的呼吸空間，在用戶視線瀏覽到下一區(qū)塊前，提供很好的休息點(diǎn)。大量的空白是深底色設(shè)計(jì)中必不可少的，它能夠令布局簡潔，突出重要的元素，令整體外觀更優(yōu)雅。