網(wǎng)頁設(shè)計一致性原則

第頁網(wǎng)頁設(shè)計一致性原則色彩一致性

人的視覺對色彩要比布局比較敏感，更容易形成永存記憶。也就是第一印象非常重要，一定堅持網(wǎng)站主體色彩的一致性，如果企業(yè)本身有以藍(lán)色調(diào)制定理念形象，最好延續(xù)這個形象，有利于企業(yè)形象的樹立和品牌價值建立。

結(jié)構(gòu)一致性

網(wǎng)站結(jié)構(gòu)是網(wǎng)站風(fēng)格統(tǒng)一的重要手段，包括網(wǎng)站布局、文字排版、導(dǎo)航、圖片處理，整體制定風(fēng)格等等。網(wǎng)站的統(tǒng)一性是網(wǎng)站營銷的重要保證。

背景一致性

網(wǎng)頁背景包括背景顏色和背景圖片，使用背景圖片會影響下載速度，影響顯示效果，可能會出現(xiàn)文字與圖片堆疊，給瀏覽帶來不便。

特別元素一致性

在網(wǎng)站的制定過程中，一些具有特點(diǎn)的元素如果重復(fù)出現(xiàn)，也會給訪客留下很深的印象。

注意事項：

建立對比激烈的視覺層次感，讓重要的內(nèi)容擴(kuò)大，加粗。

把所有的內(nèi)容都按網(wǎng)格優(yōu)雅的對齊，或者也可以引入其它任何一種視覺排列系統(tǒng)。

在整個應(yīng)用中運(yùn)用一致的配色方案。

讓所有頁面的導(dǎo)航元素堅持一致性。

在不同的狀況下復(fù)用相同的制定元素。比如同一個通知元件，在不同的狀況中使用顏色來區(qū)分它們。

一致性的制定和結(jié)構(gòu)內(nèi)容會讓用戶有一種賓至如歸的感覺。

2平面制定原則

1、思想性與單一性

版面制定本身并不是目的，制定是為了更好地傳播客戶信息的手段。制定師以往中意自陶醉于個人風(fēng)格以及與主題不相符的字體和圖形中，這往往是造成制定平凡失敗的主要原因。一個成功的版面構(gòu)成，首先必須明確客戶的目的，并深入去了解、觀察、研究與制定有關(guān)的方方面面。簡要的咨詢則是制定優(yōu)良的開端。版面離不開內(nèi)容，更要體現(xiàn)內(nèi)容的主題思想，用以加強(qiáng)讀者的注目力與理解力。只有做到主題鮮亮特別，一目了然，才干達(dá)到版面構(gòu)成的最終目標(biāo)。主題鮮亮特別，是制定思想的最正確體現(xiàn)。平面藝術(shù)只能在有限的篇幅內(nèi)與讀者接觸，這就要求版面表現(xiàn)必須單純、簡潔。對過去的那種填鴨式的、含意復(fù)雜的版面形式，人位早已不屑一顧了平面制定的四大原則平面制定的四大原則。實(shí)際上強(qiáng)調(diào)單純、簡潔，并不是單調(diào)、簡單，而是信息的濃縮處理，內(nèi)容的精煉表達(dá)，這是建立于新穎獨(dú)特的藝術(shù)構(gòu)思上。因此，版面的單純化，既包括訴求內(nèi)容的規(guī)劃與提煉，又涉及到版面形式的構(gòu)成技巧。

2、藝術(shù)性與裝飾性

為了使版面構(gòu)成更好地為版面內(nèi)容服務(wù)，尋求合乎情理的版面視覺語言則顯得非常重要，也是達(dá)到最正確訴求的體現(xiàn)。構(gòu)思立意是制定的第一步，也是制定作品中所進(jìn)行的思維活動。主題明確后，版面色圖布局和表現(xiàn)形式等則成為版面制定藝術(shù)的核心，也是一個艱辛的創(chuàng)作過程。怎樣才干達(dá)到意新、形美、變化而又統(tǒng)一，并具有審美情趣，這就要取決于制定者文化的涵養(yǎng)。所以說，版面構(gòu)成是對制定者的思想境界、藝術(shù)修養(yǎng)、技術(shù)知識的全面檢驗。版面的裝飾因素是文字、圖形、色彩等通過點(diǎn)、線、面的組合與排列構(gòu)成的，并采納夸張、比喻、象征的手法來體現(xiàn)視覺效果，既美化了版面，又提升了傳達(dá)信息的功能。裝飾是運(yùn)用審美特征構(gòu)造出來的。不同類型的版面信息，具有不同方式的裝飾形式，它不僅起著排除其他，特別版面信息的作用，而且又能使讀者從中獲得美的享受。

3、趣味性與獨(dú)創(chuàng)性

版面構(gòu)成中的趣味性，主要是指形式美的情境。這是一種活潑性的版面視覺語言。如果版面本無多少出色的內(nèi)容，就要靠制造趣味取勝，這也是在構(gòu)思中調(diào)動了藝術(shù)手段所起的作用。版面充滿趣味性，使傳媒信息如虎添翼，起到了畫龍點(diǎn)睛的傳神功力，從而更吸引人、打動人。趣味性可采納寓言、幽默和抒情等表現(xiàn)手法來獲得。獨(dú)性性原則實(shí)質(zhì)上是特別個性化特征的原則。鮮亮的個性，是版面構(gòu)成的創(chuàng)意靈魂。試想，一個版面多是單一化與概念化的大同小異，人云亦云，可想而知，它的記憶度有多少?更談不上出奇制勝平面制定的四大原則平面制定。因此，要敢于思索，敢于別出心裁，敢于獨(dú)樹一幟，在版面構(gòu)成中多一點(diǎn)個性而少一些共性，多一點(diǎn)獨(dú)創(chuàng)性而少一點(diǎn)一般性，才干贏得消費(fèi)者的青睞。

4、整體性與協(xié)調(diào)性

版面構(gòu)成是傳播信息的橋梁，所追求的完美形式必須符合主題的思想內(nèi)容，這是版面構(gòu)成的根基。只講表現(xiàn)形式而忽略內(nèi)容，或只求內(nèi)容而缺乏藝術(shù)表現(xiàn)，版面都是不成功的。只有把形式與內(nèi)容合理地統(tǒng)一，強(qiáng)化整體布局，才干取得版面構(gòu)成中獨(dú)特的社會和藝術(shù)價值，才干解決制定應(yīng)說什么，對誰說和怎么說的問題。強(qiáng)調(diào)版面的協(xié)調(diào)性原則，也就是強(qiáng)化版面各種編排要素在版面中的結(jié)構(gòu)以及色彩上的關(guān)聯(lián)性。通過版面的文、圖間的整體組俁與協(xié)調(diào)性的編排，使版面具有秩序美、條理美，從而獲得更優(yōu)良的視覺效果。

3不同網(wǎng)頁的優(yōu)化方法

首先是靜態(tài)網(wǎng)頁的優(yōu)化方法。都認(rèn)為靜態(tài)頁面最符合搜索引摯優(yōu)化，是不是真是如此排列了，不這么認(rèn)為，關(guān)于靜態(tài)頁面的好處就是可以讓網(wǎng)頁不存在漏洞，不像動態(tài)那樣容易產(chǎn)生漏洞。但是靜態(tài)頁面占用的空間又是最大的，自然就要花費(fèi)比較大的資金升級空間了。如果網(wǎng)站內(nèi)容過多了，上百M(fèi)的話，生成靜態(tài)不是必須要好幾G的空間嗎?這個關(guān)于個人站長來說有點(diǎn)麻煩，畢竟資金不是那么充足。而靜態(tài)頁面的優(yōu)化則是非常簡單，因為靜態(tài)頁面的權(quán)重傳遞性比動態(tài)的要慢，所以，只必須常常性鞏固一下外鏈和內(nèi)鏈就可以，當(dāng)然如果內(nèi)容有質(zhì)量的話，那么直接用內(nèi)容就可以提升頁面的權(quán)重了。所以，關(guān)于靜態(tài)頁面，一般來說，最好是放置內(nèi)容頁，因為靜態(tài)頁面一旦產(chǎn)生，那么就是死死的呆在那里，而關(guān)于蜘蛛爬行，只必須爬行一次足夠的頁面就是內(nèi)容頁了，如果爬行的過多，自然就會造成重復(fù)收錄，那么就會顯示網(wǎng)站收錄量或低或高，自然就是站長們所說的，明明收錄了100卻放出50而已，因為一些重復(fù)的都在數(shù)據(jù)庫整理時被刪掉了。所以，靜態(tài)的頁面合適放置內(nèi)容頁，而不是整站長都靜態(tài)。

其次是偽靜態(tài)的優(yōu)化方法。偽靜態(tài)是存在靜態(tài)與動態(tài)之間的一個分類，也可以說是兩者的結(jié)合體，因為靜態(tài)的占用空間比較大，所以，為了節(jié)省空間資源，就通過偽靜態(tài)來實(shí)現(xiàn)網(wǎng)站靜態(tài)化，當(dāng)然這個靜態(tài)并不是事實(shí)上的靜態(tài)，而是通過代碼調(diào)用數(shù)據(jù)庫的內(nèi)容偽裝成HMTL后綴名，其實(shí)偽靜態(tài)都會帶有一定的特別符號。如英文狀態(tài)下的問號。所以，一般的偽靜態(tài)都是給搜索引摯看的，讓搜索引摯把網(wǎng)站認(rèn)為是靜態(tài)，其實(shí)這種類型的頁面并不被搜索引摯喜愛，只不過這種頁面形式比之動態(tài)頁面的漏洞較為少，而且還比靜態(tài)的占用的空間少，這就會這么受站長的歡迎的，關(guān)于偽靜態(tài)的優(yōu)化，筆者認(rèn)為最好是放置欄目或者分類頁中去。因為欄目頁的訪問量比內(nèi)容頁的要大，而且欄目頁使用偽靜態(tài)可以跟內(nèi)容頁形成一個相應(yīng)的照看。所以，偽靜態(tài)關(guān)于欄目頁有一定的提升，畢竟欄目頁不會像內(nèi)容頁那樣，蜘蛛爬行的時候都只是經(jīng)過而已，最主要的還是抓取內(nèi)容頁，所以，關(guān)于欄目頁興趣不怎么樣。

最后是動態(tài)頁面的優(yōu)化方法。哪些頁面更新最勤快呢?肯定是首頁和最新相關(guān)類的頁面了。而關(guān)于首頁來說，如果生成靜態(tài)的話，那么就會產(chǎn)生兩個網(wǎng)址，一個是原始網(wǎng)址，一個是生成后的網(wǎng)址。而且原始網(wǎng)址是不可能去掉的，如果把首頁生成靜態(tài)，那么就把整站的權(quán)重多分一個頁面了，權(quán)重低的時候自然不會察覺有什么問題，但是到了一定的權(quán)重的時候，這樣的區(qū)別就很容易顯現(xiàn)出來了。所以，首頁一般使用動態(tài)的比較好，因為用戶和蜘蛛都常常性的訪問首頁，如果首頁整天都自動生成靜態(tài)的話，那么就會讓蜘蛛重復(fù)的抓取多次，這樣就會形成網(wǎng)站有多個快照的狀況出現(xiàn)了。而一些相關(guān)的首頁推舉和自動推舉也應(yīng)該使用動態(tài)的，因為這樣可以讓用戶實(shí)時的知道狀況，而不會產(chǎn)生緩沖現(xiàn)象。至于優(yōu)化方法，筆者覺得動態(tài)頁面的優(yōu)化更為簡單，因為動態(tài)頁面會自動產(chǎn)生，自然自己無法確定其確定網(wǎng)址，所以，常用的優(yōu)化方法都合適動態(tài)頁面的優(yōu)化。雖然動態(tài)頁面存在的漏洞風(fēng)險比較高，但是結(jié)合其空間的安全性，這點(diǎn)還可以解決掉的。

關(guān)于動態(tài)頁面、靜態(tài)頁面和偽靜態(tài)頁面這三種網(wǎng)頁制定的優(yōu)劣，在閱讀了上文之后，已經(jīng)有了清楚的推斷。每個站長在維護(hù)網(wǎng)站的時候，并不必須要，糾結(jié)于到底哪種網(wǎng)頁制定好，只必須要按照他們的特點(diǎn)，制定有針對性的優(yōu)化方法就可以了。

4深色網(wǎng)頁制定的要點(diǎn)

深色的制定令人感到"繁重'，擁擠的布局會加重這種感受。深底色網(wǎng)頁制定要點(diǎn)有哪些呢?看看一些流行的深底色制定，可以注意到他們運(yùn)用了大量的空白。在這里或許我們應(yīng)該稱之為"空黑'。有效地利用空白，在任何制定中都是重要的，關(guān)于深底色風(fēng)格而言更必不可少。

首先，用戶會第一眼看見的元素logo，旁邊有大量的空白。然后用戶會注意到主內(nèi)容區(qū)和右側(cè)的酒瓶。如你所見，空白完美地反襯出了內(nèi)容區(qū)的主標(biāo)題和酒瓶上的文字。

如何選用字體

字體在制定中扮演著重要的角色，在深底色整站網(wǎng)頁制定中我們應(yīng)該更慎重地合計字體的選用。

無襯線字體可讀性更強(qiáng)，但許多制定師仍然選用襯線字體來表現(xiàn)制定中優(yōu)雅的部分。其中的訣竅是僅在大字號文本上選用襯線字體，大字號的襯線字體會帶來更多額外的空白，從而令每個字母都顯得非常清楚。

文字間距

由于可讀性是深底色制定的頭號問題，所以制定師應(yīng)該更多地關(guān)注文本的制定。在整體制定中，改善可讀性的一個途徑是增加文本的段落間距，字距及行高。

另一種方式來改善網(wǎng)站的可讀性的方式是增加字號。如同本文中提到的大部分規(guī)則，更大的字體意味這更多的空白。字母越大，字母的中間和四周就會出現(xiàn)更多空白。如下列圖中的'a"字，字號越大，除了四周的空白越大，字母"a'字臂和字谷中的空白也更大。

要注意，淺色背景上的小號文本比暗色背景上的更容易閱讀。所以在制定新網(wǎng)站時，要使用一些虛擬文本來做測試，以保證文本的易讀性，如果不行，嘗試增加字號看是否有幫助。

文本的對比度

很多人都同意，深底色網(wǎng)頁制定容易造成眼睛疲憊，過高或過低的對比度通常是罪魁禍?zhǔn)?。那如何找到完美的平衡點(diǎn)呢?假設(shè)你在一個漆黑的房間里，突然有明亮的光線進(jìn)入，你肯定會感到非常不適。但如果是在一個不太黑的屋子里，射入不那么亮的光線，則會好受得多。這同樣適用于web制定。

尋找完美的對比度，意味著要找到背景暗度和文本亮度之間的平衡點(diǎn)。你可以注意到背景和文本的亮度都在梯次降低。

在深底色背景上，為文字尋找合適的亮度要困難得多。要找到完美的平衡點(diǎn)，必須要試驗不同的配色。通常不使用純黑或純白能帶來更好的效果。使用精簡的配色方案

為了讓深底色制定具有簡潔明快的外觀，制定者應(yīng)該選用精簡的配色方案。保持只使用一種或兩種顏色。如果要嘗試更多的顏色，試試與背景色同色系的搭配。當(dāng)然，許多深底色的整站頁面制定中擁有激動人心的配色方案。你可以在使用正確技巧的狀況下打破規(guī)則約束。不過，一般狀況下，過多的顏色容易讓頁面看起來臟亂，由于背景色已經(jīng)讓頁面顏色很深，所以請慎重使用顏色。

提供切換模式

雖然我們已經(jīng)掌握了很多技巧令深底色制定更具吸引力，但是我們還可以再做一點(diǎn)努力已滿足更多的用戶。務(wù)必增加一個樣式表，以便用戶可以選擇切換到效果為"淺色背景+深色文字'的另一版本。

同時創(chuàng)建2個樣式表可以確保這一點(diǎn)，一個用于默認(rèn)的深底色風(fēng)格，一個用于替換為淺底色。

最合適使用深底色風(fēng)格的制定類型

如前所述，很大一部分用戶認(rèn)為，深底色的頁面制定可以適用于某些網(wǎng)站類型，但那份調(diào)查中并沒有說清楚究竟是哪些類型。一般而言，深底色風(fēng)格合適用于創(chuàng)意型或優(yōu)雅型的制定。關(guān)于手繪風(fēng)格的網(wǎng)站，深色背景可用于更好地體現(xiàn)個性與創(chuàng)意。

別致的深底色制定

深色但帶給人