1.5 網(wǎng)頁設(shè)計的原則

網(wǎng)頁作為信息傳播的一種載體，也要遵循一些設(shè)計的基本原則。但是，由于表現(xiàn)形式、運行方式和社會功能的不同，網(wǎng)頁設(shè)計又有其自身的特殊規(guī)律。網(wǎng)頁的藝術(shù)設(shè)計，是技術(shù)與藝術(shù)的結(jié)合、內(nèi)容與形式的統(tǒng)一。它要求設(shè)計者必須掌握以下幾個主要的設(shè)計原則。

1.5.1 為用戶考慮原則

為用戶考慮原則實際上就是要求設(shè)計者要時刻站在瀏覽者的角度來思考問題，主要體現(xiàn)在以下幾個方面。

1．使用者優(yōu)先觀念

無論什么時候，不管是在著手準(zhǔn)備設(shè)計頁面之前、正在設(shè)計之中，還是已經(jīng)設(shè)計完畢，都應(yīng)該有一個最高行動準(zhǔn)則，就是使用者優(yōu)先。使用者想要什么，設(shè)計者就要去做什么。如果沒有瀏覽者光顧，再好看的頁面都是沒有意義的。

2．考慮用戶使用的瀏覽器

要考慮用戶使用的瀏覽器。如果想要讓所有的用戶都可以毫無障礙地瀏覽頁面，那么最好使用所有瀏覽器都可以閱讀的格式，不要使用只有部分瀏覽器支持的HTML格式或程序技巧。

如果設(shè)計師想要展現(xiàn)自己的高超技術(shù)，又不想放棄一些潛在的瀏覽者，可以考慮在主頁中設(shè)置幾種不同的瀏覽模式選項（如純文字模式、Frame模式、Java模式等），供瀏覽者自行選擇。

3．考慮用戶的網(wǎng)絡(luò)連接方式

要考慮用戶的網(wǎng)絡(luò)連接方式。瀏覽者可能使用ADSL（非對稱數(shù)字用戶線）或高速專線或小區(qū)光纖，但還有一部分用戶使用手機(jī)上網(wǎng)。所以，在進(jìn)行網(wǎng)頁設(shè)計時就必須考慮這種狀況，不要放置一些文件量很大、下載時間很長的內(nèi)容。網(wǎng)頁設(shè)計制作完成之后，最好能夠親自測試一下。

1.5.2 主題突出原則

視覺設(shè)計表達(dá)的是一定的意圖和要求，有明確的主題，并按照視覺心理規(guī)律和形式將主題主動地傳達(dá)給觀賞者，以使主題在適當(dāng)?shù)沫h(huán)境中及時被人們理解和接受，從而滿足人們的需求。這就要求視覺設(shè)計不但要單純、簡練、清晰和精確，而且在強(qiáng)調(diào)藝術(shù)性的同時，更應(yīng)該注重通過獨特的風(fēng)格和強(qiáng)烈的視覺沖擊力突出設(shè)計主題，如圖1-15所示。

根據(jù)認(rèn)知心理學(xué)的理論，大多數(shù)人在短期記憶中只能同時把握4～7條分類的信息，而對多于7條的分類信息或不分類的信息則容易產(chǎn)生記憶上的模糊或遺忘，概括起來就是，較小且分類的信息要比較長且不分類的信息更為有效和容易瀏覽。

這個規(guī)律蘊含在人們尋找信息和使用信息的實踐活動中，它要求視覺設(shè)計者的設(shè)計活動必須自覺地掌握和遵從。如圖1-16所示，頁面上的每一類的分類信息都在7條以內(nèi)，最多也只有7條。

網(wǎng)頁藝術(shù)設(shè)計屬于視覺設(shè)計范疇的一種，其最終目的是達(dá)到最佳的主題訴求效果。取得這種效果，一方面要運用邏輯規(guī)律對網(wǎng)頁主題思想進(jìn)行條理性處理，使之符合瀏覽者獲取信息的心理需求和邏輯方式，讓瀏覽者快速地理解和吸收；另一方面要運用藝術(shù)的形式美法則對網(wǎng)頁構(gòu)成元素進(jìn)行條理性處理，以更好地營造符合設(shè)計目的的視覺環(huán)境，突出主題，增強(qiáng)瀏覽者對網(wǎng)頁的注意力，增進(jìn)瀏覽者對網(wǎng)頁內(nèi)容的理解。只有將這兩個方面有機(jī)地統(tǒng)一起來，才能實現(xiàn)最佳的主題訴求效果。

優(yōu)秀的網(wǎng)頁設(shè)計必然服務(wù)于網(wǎng)站的主題，也就是說，什么樣的網(wǎng)站就應(yīng)該有什么樣的設(shè)計。例如，設(shè)計類的個人網(wǎng)站與商業(yè)網(wǎng)站的性質(zhì)不同，目的也不同，所以評論的標(biāo)準(zhǔn)也不同。

網(wǎng)頁藝術(shù)設(shè)計與網(wǎng)站主題的關(guān)系應(yīng)該是這樣的：首先，設(shè)計是為主題服務(wù)的；其次，設(shè)計是藝術(shù)和技術(shù)結(jié)合的產(chǎn)物，也就是說，既要實現(xiàn)“美”，又要實現(xiàn)“功能”；最后，“美”和“功能”都是為了更好地表達(dá)主題。當(dāng)然，在某些情況下，“功能”就是主題，或者“美”就是主題。

例如，谷歌作為一個搜索引擎，首先要實現(xiàn)“搜索”的“功能”，它的主題就是“功能”，如圖1-17所示。而一個個人網(wǎng)站，可以只體現(xiàn)作者的設(shè)計思想，也可以僅以設(shè)計出“美”的網(wǎng)頁為目的，它的主題只有“美”，如圖1-18所示。

只注重主題思想的條理性而忽視網(wǎng)頁構(gòu)成元素空間關(guān)系的形式美組合，或者只重視網(wǎng)頁形式上的條理而淡化主題思想的邏輯，都將削弱網(wǎng)頁主題的最佳訴求效果，難以吸引瀏覽者的注意力，也就不可避免地會出現(xiàn)平庸的網(wǎng)頁設(shè)計或使網(wǎng)頁設(shè)計以失敗告終。

一般來說，我們可以通過對網(wǎng)頁的空間層次、主從關(guān)系、視覺秩序及彼此間的邏輯性的把握和運用，來達(dá)到使網(wǎng)頁從形式上獲得良好的誘導(dǎo)力并鮮明地突出訴求主題的目的。

1.5.3 整體性原則

網(wǎng)頁的整體性包括內(nèi)容上的整體性和形式上的整體性，本節(jié)主要討論形式上的整體性。

網(wǎng)頁是信息傳播的載體，它要表達(dá)的是一定的內(nèi)容、主題和觀念，會在適當(dāng)?shù)臅r間和空間環(huán)境中被人們理解和接受，它以滿足人們的需求為目標(biāo)。設(shè)計網(wǎng)頁時強(qiáng)調(diào)其整體性，可以使瀏覽者更快捷、更準(zhǔn)確、更全面地認(rèn)識它、掌握它，并能使網(wǎng)頁給人一種內(nèi)部聯(lián)系緊密、外部和諧完整的美感。強(qiáng)調(diào)整體性也是體現(xiàn)一個站點獨特風(fēng)格的重要手段之一。

網(wǎng)頁的結(jié)構(gòu)形式是由各種視聽元素組成的。在設(shè)計網(wǎng)頁時，強(qiáng)調(diào)頁面各組成部分的共性因素或使各個部分共同含有某種形式特征，是保證整體性的常用方法。這主要從版式、色彩、風(fēng)格等方面入手。

例如，在版式上，對頁面中各視聽元素做全盤考慮，以周密的組織和精確的定位來獲得頁面的秩序感，即使運用“散”的結(jié)構(gòu)，也要經(jīng)過深思熟慮；一個站點通常只使用2～3種標(biāo)準(zhǔn)色，并注意色彩搭配的和諧性；對于分屏的長頁面，不能設(shè)計完第一屏，再去考慮下一屏。同樣，整個網(wǎng)頁內(nèi)部的頁面，應(yīng)該統(tǒng)一規(guī)劃、統(tǒng)一風(fēng)格，讓瀏覽者體會到設(shè)計者完整的設(shè)計思想。

從某種意義上講，強(qiáng)調(diào)網(wǎng)頁結(jié)構(gòu)形式的視覺整體性必然會犧牲靈活的多變性，因此，在強(qiáng)調(diào)網(wǎng)頁整體性設(shè)計的同時必須注意，過于強(qiáng)調(diào)整體性可能會使網(wǎng)頁呆板、沉悶，以致影響瀏覽者的興趣和繼續(xù)瀏覽的欲望。故“整體”是“多變”基礎(chǔ)上的整體。

1.5.4 內(nèi)容與形式統(tǒng)一原則

任何設(shè)計都有一定的內(nèi)容和形式。設(shè)計的內(nèi)容是指主題、形象、題材等要素的總和，形式是結(jié)構(gòu)、風(fēng)格與設(shè)計語言等表現(xiàn)方式。一個優(yōu)秀的設(shè)計必定是形式對內(nèi)容的完美表現(xiàn)。

一方面，網(wǎng)頁設(shè)計所追求的形式美必須適合主題的需要，這是網(wǎng)頁設(shè)計的前提。只追求花哨的表現(xiàn)形式，以及過于強(qiáng)調(diào)獨特的設(shè)計風(fēng)格而脫離內(nèi)容，或者只求內(nèi)容而缺乏藝術(shù)的表現(xiàn)，網(wǎng)頁設(shè)計就會變得空洞無力。設(shè)計者只有將這兩者有機(jī)地統(tǒng)一起來，深入領(lǐng)會主題的精髓，再融合自己的思想感情，找到一個完美的表現(xiàn)形式，才能體現(xiàn)出網(wǎng)頁設(shè)計獨有的感情和特有的價值。另一方面，要確保網(wǎng)頁上的每一個元素都有存在的必要，不要為了炫耀而使用冗余的技術(shù)，那樣得到的效果可能會適得其反。只有通過認(rèn)真設(shè)計和充分的考慮來實現(xiàn)全面的功能并體現(xiàn)美感，才能實現(xiàn)形式與內(nèi)容的統(tǒng)一。

據(jù)有關(guān)資料的保守估計，2018年年末，我國固定寬帶和移動網(wǎng)絡(luò)下載速率均超過20Mbit/s。

假設(shè)某個網(wǎng)頁為了豐富其藝術(shù)性和追趕時尚而大量使用圖像或其他多媒體元素，雖然達(dá)到了靜態(tài)形式美的效果，卻造成幾十兆字節(jié)、幾百兆字節(jié)甚至更大的網(wǎng)頁數(shù)據(jù)，這樣就使瀏覽者必須等待很長時間才能看到整個網(wǎng)頁內(nèi)容。這樣的網(wǎng)頁就不是一個優(yōu)質(zhì)的網(wǎng)頁，因為它不符合網(wǎng)頁傳播信息的突出特性之一“快捷性”，使訪客不能很快地瀏覽網(wǎng)頁內(nèi)容，從而影響了訪問效果和質(zhì)量，打擊了訪問者的興趣和積極性。這種技術(shù)要素會影響信息傳達(dá)的效果，也會影響形式與內(nèi)容的完美統(tǒng)一。

網(wǎng)頁具有多屏、分頁、嵌套等特性，設(shè)計者可以對其進(jìn)行形式上的適當(dāng)變化以達(dá)到多變的處理效果，豐富整個網(wǎng)頁的形式美。這就要求設(shè)計者在注意單個頁面形式與內(nèi)容統(tǒng)一的同時，也不能忽視同一個主題下由多個分頁面組成的整體網(wǎng)站的形式與內(nèi)容的統(tǒng)一。因此，在網(wǎng)頁設(shè)計中必須注意形式與內(nèi)容的高度統(tǒng)一，如圖1-19所示。

1.5.5 及時更新和維護(hù)原則

及時對網(wǎng)頁進(jìn)行內(nèi)容或形式上的更新是保持網(wǎng)站鮮活力的重要手段，長期沒有更新的網(wǎng)站是無法吸引人去瀏覽的。

如果想要經(jīng)營一個帶有即時性質(zhì)的網(wǎng)站，除了要注意內(nèi)容，還要每日更新資料，并且要考慮后期維護(hù)和管理的問題。建設(shè)一個站點可能比較簡單，但維護(hù)和管理就比較煩瑣了，這項工作往往重復(fù)而死板，但千萬不能不做這項工作，因為維護(hù)和管理也是網(wǎng)站后期非常重要的工作之一。