深色調(diào)網(wǎng)頁(yè)設(shè)計(jì)理念 需要注意的留白
深色調(diào)的網(wǎng)頁(yè)設(shè)計(jì)給人總體的感覺(jué)是“沉重的”,假如整體布局結(jié)構(gòu)凌亂更增強(qiáng)了給人沉重的感覺(jué)。下面啟凡公司展示了一些比較受大眾喜歡的深色調(diào)網(wǎng)頁(yè)設(shè)計(jì),他們都使用了留白達(dá)到很好的設(shè)計(jì)效果。
Black Estate是互聯(lián)網(wǎng)里深色調(diào)網(wǎng)頁(yè)設(shè)計(jì)的一個(gè)而已,設(shè)計(jì)確實(shí)很棒并值得我們研究學(xué)習(xí)。設(shè)計(jì)自始自終都有效的使用留白,如何在設(shè)計(jì)元素附近有效的使用了留白,從而設(shè)計(jì)出了這樣講究的網(wǎng)頁(yè)。logo標(biāo)志附近留有大量的“留白”,作為瀏覽者我們首先看到的就是它,其次看到的才是主要內(nèi)容與右邊的瓶子。
Tictoc的主要特點(diǎn)就是它在內(nèi)容、裝飾圖片附近留用了大量的“留白”,當(dāng)我們繼承往下瀏覽時(shí),我們看到使用了很少的留白,從而將我們的留意力集中在到下面的詳細(xì)內(nèi)容上面。
這里的樞紐是,留白起到了引導(dǎo)的作用,逐步引導(dǎo)用戶瀏覽這個(gè)頁(yè)面。網(wǎng)站通過(guò)使用大量的留白從而增加了深色調(diào)設(shè)計(jì)的層次,留白僅僅是為了實(shí)現(xiàn)深色調(diào)的效果而已。Mark Dearman網(wǎng)站的框架結(jié)構(gòu)自始自終采用靈活的、平均的分布式布局進(jìn)行留白。留白為每一個(gè)相鄰的內(nèi)容板塊里面的內(nèi)容提供了大量呼吸、停頓的空間。當(dāng)進(jìn)入到下一板塊內(nèi)容的時(shí)候,它們之間的留白是一個(gè)很好的休息地點(diǎn)。留白對(duì)于深色調(diào)網(wǎng)頁(yè)設(shè)計(jì)來(lái)說(shuō)是必需的,它不但有助于解決布局的凌亂、狼藉,同時(shí)也是網(wǎng)頁(yè)設(shè)計(jì)增強(qiáng)整體感很重要的元素。
正文內(nèi)容留白
深色調(diào)網(wǎng)站內(nèi)容的易讀性是不喜歡深色調(diào)網(wǎng)頁(yè)用戶所擔(dān)心的題目。設(shè)計(jì)師必需將更多的精力放在文字本身上。
在整個(gè)設(shè)計(jì)上,通過(guò)調(diào)整段落與段落之間的間隔大小、行距來(lái)增加留白是進(jìn)步重背景網(wǎng)站文字內(nèi)容可讀性的一種方式。
下面展示的例子先容了元素與元素之間留白、元素本身附近留白在深背景和亮背景上的對(duì)比情況。增加字體大小是進(jìn)步深色調(diào)網(wǎng)頁(yè)內(nèi)容可讀性的另外一種方式,同文章以上先容的方法一樣,大號(hào)的字體能增加其本身及附近的留白,字體越大其附近的留白空間就會(huì)越大。當(dāng)在新的網(wǎng)站上設(shè)置字體的時(shí)候,一定要事先虛擬一些內(nèi)容以確保其清晰易讀。假如不清晰的話,可以嘗試增加一下字體的大小來(lái)調(diào)整。
文字對(duì)比
一些人普遍以為大多數(shù)的深色調(diào)的網(wǎng)站輕易導(dǎo)致眼睛疲憊。設(shè)計(jì)師們或多或少的忽視了對(duì)比。如何找到一個(gè)平衡點(diǎn)呢?假如你在一個(gè)漆黑的房子里,溘然碰到很強(qiáng)的亮光你會(huì)感覺(jué)不適應(yīng)的。但是,假如你在一個(gè)輕微有點(diǎn)弱光的房子里再碰到亮光的話應(yīng)該會(huì)好一些兒。這個(gè)規(guī)則同樣使用于網(wǎng)頁(yè)設(shè)計(jì)。找到一個(gè)完美的對(duì)比,也就是說(shuō)在深背景于亮字之間找到一個(gè)對(duì)比平衡點(diǎn)。為了找到終極的平衡點(diǎn),我們使用不同的程度的背景顏色做試驗(yàn)。背景不要是純玄色,文字不是純白色是試驗(yàn)的終極平衡點(diǎn)。
字體的處理
字體在設(shè)計(jì)里面扮演著非常重要的角色,尤其在深色調(diào)布局設(shè)計(jì)里面更應(yīng)該深思熟慮的。下面的圖片展示了14點(diǎn)大小的serif和sans-serif字體在深背景上的效果。sans-serif字體顯著更清楚、易讀一些。但是一部門設(shè)計(jì)師讓然是應(yīng)用serif字體。僅僅放大sans-serif字體這一個(gè)方法,從而讓其附近留有更多的留白,并讓其清楚易讀。
使用少的配色方案
為了讓深色調(diào)的設(shè)計(jì)看起來(lái)更干凈、整潔,設(shè)計(jì)師應(yīng)盡量選擇少的配色方案。
留存一種或二種顏色系部門設(shè)計(jì)師喜歡用對(duì)比強(qiáng)烈、刺激的配色方案,當(dāng)然這樣也是可以的,但要能夠恰如其分的使用好。總體來(lái)說(shuō),顏色很輕易讓網(wǎng)頁(yè)界面花、雜亂,本來(lái)深色調(diào)的網(wǎng)站顏色就很重了。所以在用色方面更應(yīng)該慎重一些!
深色調(diào)的網(wǎng)站制作是比較流行的,它能營(yíng)造出簡(jiǎn)潔、富有創(chuàng)造性的效果。它能知足一些客戶對(duì)網(wǎng)頁(yè)設(shè)計(jì)風(fēng)格的要求。然而,它并不能合用于每一個(gè)客戶對(duì)鄭州網(wǎng)站制作風(fēng)格的要求,設(shè)計(jì)師應(yīng)根據(jù)實(shí)際情況而定。盡管深色調(diào)的設(shè)計(jì)風(fēng)格能做到惹人注目的效果,但良多設(shè)計(jì)師不知道假如有效的使用它來(lái)感動(dòng)、吸引瀏覽者。深色調(diào)網(wǎng)頁(yè)設(shè)計(jì)常常泛起的題目是不易讀、沒(méi)有吸引力、很少打破傳統(tǒng)的設(shè)計(jì)模式。