Web作為出版物的一種,同其他出版物如報紙,雜志等在設計上有許多共同之處,也要遵循一些設計的基本原則,不同之處在于每章提到的Web的“非所見即所得”特性和交互性。因此,熟悉一些設計的基本原則,再對Web的特殊性作一些考慮,便不難設計出美觀大方的頁面來。如果有美術設計基礎,對Web頁面的設計會很有幫助。如果不具備這方面的背景知識,那么下面的一些原則將會對有所幫助。
設計的3C原則 轉自:奈薇建站網(wǎng)(www.nev.cn)
所謂3C原則是指簡潔、一致性、好的對比度。Web頁面設計需要遵循這三條原則。
簡潔
設計并不再現(xiàn)具體的物象和特征,它要表達的是一定的意圖和要求,在適當?shù)沫h(huán)境里 為人們所理解和接受。它與繪圖有內(nèi)在聯(lián)系,但又不同于繪畫,它以滿足人們的實用和需求為目標,因而它比繪畫更單純,清晰和精確。頁面設計屬于設計的一種,同樣要求簡練,準確。
從人記憶能力角度來說,由于人的大腦一次最多可記憶五到七條信息,因此如果希望人們在看完你的Web后能留下印象,最好也應該用一個簡單的關鍵詞語或圖像吸引他們的注意力,如天極網(wǎng)的的“YESKY”.,醒目易記。
保持簡潔的常用做法是使用一個醒目的標題,這個標題常常采用圖形來表示,但圖形同樣要求簡潔。另一種保持簡潔的做法是限制所用的字體和顏色的數(shù)目。一般每頁使用的字體不超過三種,一個頁面中使用的顏色少于256種。頁面上所有的元素都應當有明確的含義和用途,不要試圖用無關的圖片把頁面裝點起來,初學者容易犯的一個錯誤是把頁面搞的花里呼哨,卻不能讓別人明白他到底要突出表達的是什么內(nèi)容,主題和意念。
一致性
一致性是表現(xiàn)一個丫點的獨特風格的重要手段之一。
要保持一致性,可以從頁面的排版下手,各個頁面使用相同的頁邊距,文本,圖形之間保持相同的間距;主要圖形,標題或符號旁邊留下相同的空白;如果在第一頁的頂部放置了公司標志,那么在其他各頁面都放上這一標志;如果使用圖標導航,則各個頁面應當使用相同的圖標。
一致性還包括:頁面中的每個元素與整個頁面以及站點的色彩和風格上的一致性。所有的圖標都應當彩相同的設計風格,比如全部采用圖象的線條剪輯畫或全部使用寫實的照片等。
另一個保持一致性的辦法是字體和顏色的使用。文字的顏色要同圖像的顏色保持一致并注意色彩搭配的和諧。一個站點通常只使用一到兩種標準色,為了保持顏色上的一致性,標準色一致或相近。比如,站點的主題色彩如果為紅色,可能就需要將鏈接的色彩也改為紅色。
對比度
使用對比是強調(diào)突出某些內(nèi)容的最有效的辦法之一。好的對比度使內(nèi)容更易于辨認和接受。實現(xiàn)對比的方法很多,最常用的是使用顏色的對比,比如,內(nèi)容提要和正文使用不同顏色的字體,內(nèi)容提要使用藍色,而正文采用黑色;也可以使用大的標題,也即是面積上的對比;還可以使用圖像現(xiàn)對比,題頭的圖像明確的向瀏覽者傳達本頁的主題,這里同樣需要注意的是鏈接的色彩,在設計頁面時我們常常會只注意到未被訪問的鏈接的色彩,而容易忽視訪問過的鏈接色彩將使得鏈接的文字難地辨認。
還有一種實現(xiàn)對比的方法是使用學體變化。在文字排版中,可以使用斜體和黑體實出關鍵內(nèi)容,但是注意不要濫用,否則就達不到應有的強調(diào)效果。
使用對比的關鍵是強調(diào)突出關鍵內(nèi)容,以吸引瀏覽者,鼓勵他去發(fā)掘更深層次的內(nèi)容。
為了對3C原則上有直觀的認識,可以到————等優(yōu)秀的站點上看看,體會一下這些站點對簡潔,一致性和對度等原則的把握。
頁面設計要點
WebWebWeb上的內(nèi)容包羅萬象,版式豐富多彩,但無論怎樣的變化,好的Web站點總是有許多共同之處,例如:
精心組織的內(nèi)容;
格式美觀的正文;
和諧的色彩搭配;
較好的對比度,使得文字具有較強的可讀性;
生動背景圖案;
頁面元素大小適中,布局勻稱;
不同元素之間留有足夠空白,給人視覺上休息的機會;
各元素之間保持平衡;
文字準確無誤,無錯別字、無拼寫錯誤;
總的來說評價一個頁面設計的好壞基本上要考慮以下幾個方面的因素。
組織內(nèi)容
設計Web頁面時,所發(fā)布的材料必須經(jīng)過精心組織,比如說按邏輯、按時間順序或按地理位置等等進行組織,而且這種內(nèi)容組織應當是易于理解的。
材料組織好后,下一步就是在Web頁面上布置文本、圖片等內(nèi)容,目的是引導瀏覽者在頁內(nèi)瀏覽。我們應該控制頁面上的元素的放置順序和它們相互之間的空隙。比如,可以把與一段文字相關的圖形放在段落旁邊或嵌入段落中,但不要把與段落無關的圖形放在段落邊上,以免引起瀏覽者的誤解。把相關的內(nèi)容放在一起,而不相關的內(nèi)容用空白,水平線或其他圖形分隔開,最好是瀏覽者看完一頁之后可以選擇繼續(xù)讀下去或通過鏈接跳到其他合適的主題上去。 轉自:奈薇建站網(wǎng)(www.nev.cn)