網(wǎng)頁設計深色的運用技巧

本文格式為Word版，下載可任意編輯——網(wǎng)頁設計深色的運用技巧深色用多了輕易讓人感到郁悶、沉重，設計師在做網(wǎng)頁設計時要留神站點色調(diào)的變化和保持美，所以深色為主是對比少見的風格。但假設能將深色運用好，那么一個與眾不同的網(wǎng)站就展現(xiàn)了。下面我整理了網(wǎng)頁設計深色的運用技巧，供大家參閱。

網(wǎng)頁設計深色的運用技巧

1.凸顯文字

雖然深色為主題顏色時很輕易給人以壓抑的感覺，但假設把文字放在深色背景上，那么文字將會更加凸顯，更輕易讓用戶將留神力停留在文字上。假設你想讓用戶關注你的文字，你可以使用這種網(wǎng)頁設計風格。

2.與其他顏色搭配，增加厚重感

雖然設計師們不熱愛使用深色，但深色作為背景搭配其他顏色可以給網(wǎng)站增加厚重感。這種顏色可以集中在主色調(diào)的主色調(diào)，瞬間打破主色調(diào)帶來的視覺疲乏，使網(wǎng)站可以很輕易被采納。簡樸的顏色和比較度和亮度的匹配，使網(wǎng)站不枯燥。簡樸的顏色和比較度和亮度的匹配，使網(wǎng)站不枯燥。

3、降低色調(diào)污染

網(wǎng)頁設計中，豐富的色調(diào)有時會產(chǎn)生色調(diào)污染，這是由于設計的網(wǎng)站在不同趨于的顏色大小不平勻所造成的。因此，利用深色背風景來彌補色調(diào)所造成的缺陷，使用不易造成高純度、低純度、或高比較度的色調(diào)，使網(wǎng)站設計達成和諧統(tǒng)一的效果。

4、提升網(wǎng)站品評和作風

一般顏色較深的背景很輕易產(chǎn)生天性獨特和品質(zhì)典雅的感覺，在配以一些簡樸的點綴，用深色最為主題，不僅能突出產(chǎn)品，還能讓產(chǎn)品看起來彌漫品質(zhì)感，給產(chǎn)品一種貴族氣質(zhì)，還可以更好的吸引用戶的留神力，增加頁面的生命力。

拓展：網(wǎng)站的頁面的設計技巧

一、頁面平鋪

把頁面平鋪開，主要的物件有：導航欄、LOGO、Banner、按鈕、圖片、文字。

1.導航欄

導航欄假設設計得恰到好處，是會給網(wǎng)頁本身增色好多。導航欄有一排、兩排、多排、圖片導航和Frame框架快捷導航等等各種處境的設計。有時候是橫排，有時候那么是豎排。另外還有一些動態(tài)的導航欄，如很精彩的Flash導航。

2.LOGO

LOGO并不是每個網(wǎng)站多要有的，他是網(wǎng)站為了給大家一個對比直觀的信息的表達工具。LOGO的位置通常在頁面的左上角。這個地方最明顯和直觀，可以第一時間給人于默化的效果;網(wǎng)站的LOGO，一般以靜態(tài)的居多，也有動態(tài)的，但是LOGO的特點都是在表達網(wǎng)站的信息，是一個網(wǎng)站的直接的表現(xiàn)窗口。

3.BANNER廣告條類型

Banner設計留神點：Banner有動態(tài)和靜態(tài)兩種。在欣賞網(wǎng)頁的過程中，雖然閃爍的圖案會產(chǎn)生瞬間記憶刺激，引起留神，但這種記憶往往為壓迫性的，久之易產(chǎn)生負面效應，從而模糊記憶。而穩(wěn)定的畫面不易引發(fā)特殊的關注，但假設有良好的界面引導和內(nèi)容，可產(chǎn)生良性的記憶，耐久而堅韌。設計要點：Banner的文字不能太多，用一兩句話來表達即可;廣告語要朗朗上口，可以第一時間的讓人捕獲表達的重點;圖形無須太繁雜，文字盡量使用黑體等雄壯的字體，否那么在視覺上很輕易被網(wǎng)頁其他內(nèi)容吞噬;圖形盡量選擇顏色數(shù)少，能夠說明問題的事物;假設選擇顏色很繁雜的物體，要考慮一下在低顏色數(shù)處境下，是否會有明顯的色斑;盡量不要使用彩虹色、暈邊等繁雜的絕技圖形效果，這樣做會大大增加圖形所占據(jù)的顏色數(shù)，增大體積。

4.按鈕

按鈕設計要點：設計按鈕要同頁面的整體協(xié)調(diào)，不能太搶眼;有的頁面很單調(diào)，還要依靠花哨的按鈕來提一下;選用的字體，選用的插圖，或插圖及字體搭配，都要考慮字跡領會，色調(diào)簡樸一些，不要超過四種;很長的按鈕可能就是框架的分界，盡量要纖細一些，否那么頁面會顯臃腫。

5.圖片

為了美化頁面，圖片是任何一個頁面都要用到的，圖片的運用要合理。圖片運用要點：圖形的主體最好明顯可見;圖形的含義最好簡樸領略;圖片內(nèi)所含文字理應明顯輕易鑒別;背景與主體明度比較比例應為3∶1到5∶1之間為宜;淡色系列的背景有助于整體和諧;淡色材質(zhì)背景最正確，能與主題分開之淺色標志或文字背景亦可。

6.文字

文字也是設計的。設計要點：每一行文字的長度最好20到30個中文字40到60個英文字母;行距與字距已由軟件內(nèi)定。設計時留神段落與段落間空行及首行縮排方式以輔佐閱讀;標題以H1到H3字號為佳，內(nèi)文Fontsize=3到4級為佳;同版面字型最好在三種以內(nèi);文字的顏色最好也是三種以內(nèi);文字在顏色上要與背景識別;內(nèi)文的排列向左對齊并與左邊界保持適當距離?？梢杂帽砀裉钊胛淖忠赃_此效果;表格或清單內(nèi)的字運用一致字型與字體大小，以利分辯。

二、整體規(guī)劃

有共性，才有統(tǒng)一，有細節(jié)識別，就有層次;防止設計與實現(xiàn)過程中的偏差;設計的各片面，要合作整體風格;不僅頁面上各項設計要統(tǒng)一，而且網(wǎng)站的各級別頁面也要統(tǒng)一;信息不要太過集中，以免文字編排太精細;不要有太多分散留神力的點。動態(tài)閃爍要適中;頁面留白片面，要根據(jù)平面設計原理來設計，留神分欄式布局不宜留白;還要考慮到欣賞器上部占用的屏幕空間，防止圖片截斷等造成視覺效果不好;首頁設計圖片+導航，這是一種對比強的網(wǎng)站表達，可以根據(jù)時間的變化更改圖片。