• 高端定制,品牌設計

    指南針2005 - 2016作品集

    指南針網絡科技有限公司

    如何做深底色風格頁面設計(一)

    13-06-03 11:19:53 · 網頁設計 ·

      石家莊網絡公司為您介紹:深底色風格的頁面設計很受歡迎,它可以創造出別致優雅,極富創造力的效果。

      深底色設計適用于許多網站類型,但并非所有。這種風格應該在恰當的條件下使用。

      雖然深底色風格可以帶來視覺沖擊力,但是很多設計師并不知道如何有效地表現他們,取得的效果往往適得其反。失敗的設計會導致可讀性差,難以吸引用戶,無法使用傳統的設計元素等問題。

      所以在這里,我們將討論一些深底色頁面設計的要素,以便讓設計更受歡迎,更具創造性。

      調查表示,47%的受訪者首選淺底色的設計, 主要原因是基于可讀性。大多數人不喜歡閱讀深色背景上的亮色文字,那樣眼睛容易疲勞從而導致不適的閱讀體驗。

      相比之下,10%的受訪者傾向于深底色的網站,另外36%的認為將取決于網站類型而定。

      既然有如此高比例的用戶可以忍受深底色的頁面設計,有時甚至是他們的首選。我們作為網頁設計師必須了解如何為我們自己和客戶創建更有效的深底色設計。同時必須相信深底色風格可以增加其可讀性和友好性。

      最適合使用深底色風格的設計類型

      如前所述,很大一部分用戶認為,深底色的頁面設計可以適用于某些網站類型。

      一般而言,深底色風格適合用于創意型或優雅型的設計,比如:對于摩登時尚網站,深背景色可以顯得別致優雅。對于手繪風格的網站,深色背景可用于更好地體現個性與創意。

      一、使用更多的空白

      在這里或許我們應該稱之為“空黑”。

      有效地利用空白,在任何設計中都是重要的,對于深底色風格而言更必不可少。

      深色的設計令人感到“沉重”,擁擠的布局會加重這種感受。 看看一些流行的深底色設計,可以注意到他們運用了大量的空白。

      網站 Black Estate 陳列了互聯網上優秀的深底色頁面設計,它本身也是一個值得關注的卓越設計。 其設計中運用了大量的空白,還有獨到之處:有效地在某些重要元素旁邊使用空白。

      首先,用戶會第一眼看見的元素——logo,旁邊有大量的空白。 然后用戶會注意到主內容區和右側的酒瓶。 如你所見,空白完美地反襯出了內容區的主標題和酒瓶上的文字。

      在Tictoc的設計中,精選內容及相關圖片配合大片的空白共同構成。隨著頁面下移,我們可以發現空白越來越少,這樣我們的注意力就會轉移到縮展示的內容。

      其關鍵是:空白可以逐步引導用戶到頁面底部

      黑色背景增加了設計的縱深感。 網站非常依賴設計中的空白,配合黑色背景制造出來的創意效果,頁面才如此吸引人。

      網站 Mark Dearman的布局中應用了大量對稱分布的空白。

      每個內容區塊間的空白提供了足夠的呼吸空間,在用戶視線瀏覽到下一區塊前,提供很好的休息點。大量的空白是深底色設計中必不可少的,它能夠令布局簡潔,突出重要的元素,令整體外觀更優雅。

      二、使用精簡的配色方案

      為了讓深底色設計具有簡潔明快的外觀,設計者應該選用精簡的配色方案。

      從下面的幾個案例中,我們可以看出,炫目的配色方案在深底色設計中并不適用,因為對比太強烈了。

      堅持只使用一種或兩種顏色。

      如果要嘗試更多的顏色,試試與背景色同色系的搭配。

      當然,許多深底色的頁面設計中擁有激動人心的配色方案。 你可以在使用正確技巧的情況下打破規則約束。

      不過,一般狀況下,過多的顏色容易讓頁面看起來臟亂, 由于背景色已經讓頁面顏色很深,所以請謹慎使用顏色。

      三、文字間距

      由于可讀性是深底色設計的頭號問題,所以設計師應該更多地關注文本的設計。在整體設計中,改善可讀性的一個途徑是增加文本的段落間距,字距及行高。

      下圖中比較了在深底色和淺底色中不同文本間距造成的效果。

      另一種方式來改

    |<< << < 1 2 > >> >>|

    推薦閱讀

    【簽約】石家莊恒陽新能源科技有限公司與指南針簽約

    2015-04-0947

    【簽約】康貝樂玩具租賃公司與指南針簽約

    2015-03-2113

    怎樣才能解決網站快照更新慢的原因

    2014-10-2119

    怎樣才能提高網站友情鏈接的推廣作用

    2014-10-2015

    水蜜桃一级A片在线看