元伸網頁設計公司,網頁設計十餘年
提供各式專業的客製化網站設計服務。
包含網頁設計、程式設計、網站優化。
Knowledge
資訊分享相關新聞 網頁設計的原則

網頁設計的原則

網頁作為傳播資訊的一種載體,同其他出版物如報紙、雜誌等在設計上有許多共同之處,也要遵循一些設計的基本原則。但是,由於表現形式、運行方式和社會功能的不同,網頁設計又有其自身的特殊規律。網頁設計,是技術與藝術的結合,內容與形式的統一。它要求設計者必須掌握以下三個主要原則:

1.網站主題明確

視覺設計表達的是一定的意圖和要求,有明確的主題,並按照視覺心理規律和形式將主題主動地傳達給觀賞者。訴求的目的,是使主題在適當的環境裡被人們即時地理解和接受,以滿足人們的實用和需求,這就要求視覺設計不但要單純、簡練、清晰和精確,而且在強調藝術性的同時,更應該注重通過獨特的風格和強烈的視覺衝擊力,來鮮明地突出設計主題。

根據認知心理學的理論,大多數人在短期記憶中只能同時把握4到7則分立的訊息,而對多於7則的分立訊息或者不分立的訊息容易產生記憶上的模糊或遺忘,概括起來就是:較小而分立的訊息要比較長而不分立的訊息更為有效和容易瀏覽。這個規律蘊含在人們尋找訊息和使用訊息的實踐活動中,它要求視覺設計者的設計活動必須自覺地掌握和遵從。

作為視覺設計範疇一種的網頁設計,其最終目的是達到最佳的主題訴求效果。這種效果的取得,一方面通過對網頁主題思想運用邏輯規律進行條理性處理,使之符合瀏覽者獲取訊息的心理需求和邏輯方式,讓瀏覽者快速地理解和吸收;另一方面通過對網頁構成元素運用藝術的形式美法則進行條理性處理,更好地營造符合設計目的的視覺環境,突出主題,增強瀏覽者對網頁的注意力,增進對網頁內容的理解。只有兩個方面有機地統一,才能實現最佳的主題訴求效果。

優秀的網頁設計必然服務於網站的主題,就是說,什麼樣的網站,應該有什麼樣的設計。例如,設計類的個人站點與商業站點性質不同,目的也不同,所以評論的標準也不同。網頁設計與網站主題的關係應該是這樣:首先,設計是為主題服務的;其次,設計是藝術和技術結合的產物,就是說,即要“美”,又要實現“功能”;最後, “美”和“功能”都是為了更好地表達主題。當然,有些情況下,“功能”即是“主題”,還有些情況下,“美”即是主題。例如,雅虎作為一個搜索引擎,首先要實現“搜索”的“功能”。它的主題即是它的“功能”。而一個個人網站,可以只體現作者的設計思想,或者僅僅以設計出“美”的網頁為目的。它的主題只有一個,就是——美。

只注重主題思想的條理性而忽視網頁構成元素空間關係的形式美組合,或者只重視網頁形式上的條理而淡化主題思想的邏輯,都將削弱網頁主題的最佳訴求效果,難以吸引瀏覽者的注意力,出現平庸的網頁設計或使網頁設計以失敗而告終。

要使網頁從形式上獲得良好的誘導力,鮮明地突出訴求主題,具體可以通過對網頁的空間層次、主從關係、視覺秩序及彼此間的邏輯性的把握運用來達到。

2.網站設計形式與內容統一

任何設計都有一定的內容和形式。內容是構成設計的一切內在要素的總和,是設計存在的基礎,被稱為“設計的靈魂”;形式是構成內容諸要素的內部結構或內容的外部表現方式。設計的內容就是指它的主題、形象、題材等要素的總和,形式就是它的結構、風格或設計語言等表現方式。內容決定形式,形式反作用於內容。一個優秀的設計必定是形式對內容的完美表現。正如黑格爾所說:“工藝的美就不在於要求實用品的外部造型、色彩、紋樣去摹擬事物,再現現實,而在於使其外部形式傳達和表現出一定的情緒、氣氛、格調、風尚、趣味,使物質經由象徵變成相似於精神生活的有關環境。”(黑格爾《美學》第三卷)

一方面,網頁設計所追求的形式美,必須適合主題的需要,這是網頁設計的前提。只講花俏的表現形式以及過於強調“獨特的設計風格”而脫離內容,或者只求內容而缺乏藝術的表現,網頁設計都會變的空洞而無力。設計者只有將二者有機地統一起來,深入領會主題的精髓,再融合自己的思想感情,找到一個完美的表現形式,才能體現出網頁設計獨具的分量和特有的價值。另一方面,要確保網頁上的每一個元素都有存在的必要性,不要為了炫耀而使用冗餘的技術。那樣得到的效果可能會適得其反。只有通過認真設計和充分的考慮來實現全面的功能並體現美感才能實現形式與內容的統一。

目前在WWW上網頁數據傳輸平均以每秒1.5M的速度到達客戶端。假設某個網頁為了豐富其藝術性而追趕時髦地大量使用圖像或其它多媒體元素等,雖然達到了其靜態形式美的效果,卻造成多達幾十K甚至更大的網頁資料,使瀏覽者必須等待很長時間才能看到“廬山真面目”,這樣的網頁就不是一個優秀的網頁,因為它不符合網頁傳播訊息的突出特性之一——快捷性,使網頁內容不能很快地到達訪問者,影響了訪問效果和質量,損害了訪問者的情趣和積極性,這種技術要素影響了傳達訊息的效果,因而不是形式與內容的完美統一。

網頁具有多屏、分頁、嵌套等特性,設計者可以對其進行形式上的適當變化以達到多變性處理效果,豐富整個網頁的形式美。這就要求設計者在注意單個頁面形式與內容統一的同時,更不能忽視同一主題下多個分頁面組成的整體網頁的形式與整體內容的統一。

因此,在網頁設計中必須注意形式與內容的高度統一。

3.強調網站整體性

網頁的整體性包括內容和形式上的整體性,這裡主要討論設計形式上的整體性。

網頁是傳播訊息的載體,它要表達的是一定的內容、主題和意念,在適當的時間和空間環境里為人們所理解和接受,它以滿足人們的實用和需求為目標。設計時強調其整體性,可以使瀏覽者更快捷、更準確、更全面地認識它、掌握它,並給人一種內部有機聯繫、外部和諧完整的美感。整體性也是體現一個站點獨特風格的重要手段之一。

網頁的結構形式是由各種視聽要素組成的。在設計網頁時,強調頁面各組成部分的共性因素或者使諸部分共同含有某種形式特徵,是求得整體的常用方法。這主要從版式、色彩、風格等方面入手。例如:在版式上,將頁面中各視覺要素作通盤考慮,以周密的組織和精確的定位來獲得頁面的秩序感,即使運用“散” 的結構,也是經過深思熟慮之後的決定;一個網站通常只使用兩到三種標準色,並注意色彩搭配的和諧;對於分屏的長頁面,不可設計完第一屏再考慮下一屏。同樣,整個網頁內部的頁面,都應統一規劃,統一風格,讓瀏覽者體會到設計者完整的設計思想。

從某種意義上講,強調網頁結構形式的視覺整體性必然會犧牲靈活的多變性,“物極必反”就是這個道理。因此,在強調網頁整體性設計的同時必須注意:過於強調整體性可能會使網頁呆板、沉悶,以致影響訪問者的情趣和繼續瀏覽的慾望。 “整體”是“多變”基礎上的整體。