深色調的網頁設計給人的另一種感覺
發布人:管理員 發布時間:2021-4-30
我司展示了一些比較受大眾喜歡的深色調網頁設計,他們都使用了留白達到很好的設計效果。
Black Estate是互聯網里深色調網頁設計的一個而已,設計確實很棒并值得我們研究學習。設計自始自終都有效的使用留白,如何在設計元素附近有效的使用了留白,從而設計出了這樣講究的網頁。logo標志附近留有大量的“留白”,作為瀏覽者我們首先看到的就是它,其次看到的才是主要內容與右邊的瓶子。
Tictoc的主要特點就是它在內容、裝飾圖片附近留用了大量的“留白”,當我們繼承往下瀏覽時,我們看到使用了很少的留白,從而將我們的留意力集中在到下面的詳細內容上面。
這里的樞紐是,留白起到了引導的作用,逐步引導用戶瀏覽這個頁面。網站通過使用大量的留白從而增加了深色調設計的層次,留白僅僅是為了實現深色調的效果而已。Mark Dearman網站的框架結構自始自終采用靈活的、平均的分布式布局進行留白。留白為每一個相鄰的內容板塊里面的內容提供了大量呼吸、停頓的空間。當進入到下一板塊內容的時候,它們之間的留白是一個很好的休息地點。留白對于深色調網頁設計來說是必需的,它不但有助于解決布局的凌亂、狼藉,同時也是網頁設計增強整體感很重要的元素。
正文內容留白
深色調網站內容的易讀性是不喜歡深色調網頁用戶所擔心的題目。設計師必需將更多的精力放在文字本身上。
在整個設計上,通過調整段落與段落之間的間隔大小、行距來增加留白是進步重背景網站文字內容可讀性的一種方式。
下面展示的例子先容了元素與元素之間留白、元素本身附近留白在深背景和亮背景上的對比情況。
增加字體大小是進步深色調網頁內容可讀性的另外一種方式,同文章以上先容的方法一樣,大號的字體能增加其本身及附近的留白,字體越大其附近的留白空間就會越大。當在新的網站上設置字體的時候,一定要事先虛擬一些內容以確保其清晰易讀。假如不清晰的話,可以嘗試增加一下字體的大小來調整。