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