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