網(wǎng)站頁(yè)面設(shè)計(jì)原則(一）

《網(wǎng)站頁(yè)面設(shè)計(jì)原則(一）》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在工程資料-天天文庫(kù)。

1、網(wǎng)站頁(yè)面設(shè)計(jì)原則(一）>>edu.5151doc.教育資源庫(kù)Web作為出版物的一種，同其他出版物如報(bào)紙，雜志等在設(shè)計(jì)上有許多共同之處，也要遵循一些設(shè)計(jì)的基本原則，不同之處在于每章提到的Web的“非所見即所得”特性和交互性。因此，熟悉一些設(shè)計(jì)的基本原則，再對(duì)Web的特殊性作一些考慮，便不難設(shè)計(jì)出美觀大方的頁(yè)面來。如果有美術(shù)設(shè)計(jì)基礎(chǔ)，對(duì)Web頁(yè)面的設(shè)計(jì)會(huì)很有幫助。如果不具備這方面的背景知識(shí)，那么下面的一些原則將會(huì)對(duì)有所幫助。設(shè)計(jì)的3C原則所謂3C原則是指簡(jiǎn)潔、一致性、好的對(duì)比度。Web頁(yè)面設(shè)計(jì)需要遵循這三條原則。1.簡(jiǎn)潔設(shè)計(jì)并不再現(xiàn)具體的物象和特征，它要表達(dá)的是一定的

2、意圖和要求，在適當(dāng)?shù)沫h(huán)境里為人們所理解和接受。它與繪圖有內(nèi)在聯(lián)系，但又不同于繪畫，它以滿足人們的實(shí)用和需求為目標(biāo)，因而它比繪畫更單純，清晰和精確。頁(yè)面設(shè)計(jì)屬于設(shè)計(jì)的一種，同樣要求簡(jiǎn)練，準(zhǔn)確。從人記憶能力角度來說，由于人的大腦一次最多可記憶五到七條信息，因此如果希望人們?cè)诳赐昴愕腤eb后能留下印象，最好也應(yīng)該用一個(gè)簡(jiǎn)單的關(guān)鍵詞語或圖像吸引他們的注意力，如天極網(wǎng)的的“YESKY”.，醒目易記。保持簡(jiǎn)潔的常用做法是使用一個(gè)醒目的標(biāo)題，這個(gè)標(biāo)題常常采用圖形來表示，但圖形同樣要求簡(jiǎn)潔。另一種保持簡(jiǎn)潔的做法是限制所用的字體和顏色的數(shù)目。一般每頁(yè)使用的字體不超過三種，一個(gè)頁(yè)面中

3、使用的顏色少于256種。頁(yè)面上所有的元素都應(yīng)當(dāng)有明確的含義和用途，不要試圖用無關(guān)的圖片把頁(yè)面裝點(diǎn)起來，初學(xué)者容易犯的一個(gè)錯(cuò)誤是把頁(yè)面搞的花里呼哨，卻不能讓別人明白他到底要突出表達(dá)的是什么內(nèi)容，主題和意念。2.一致性一致性是表現(xiàn)一個(gè)丫點(diǎn)的獨(dú)特風(fēng)格的重要手段之一。要保持一致性，可以從頁(yè)面的排版下手，各個(gè)頁(yè)面使用相同的頁(yè)邊距，文本，圖形之間保持相同的間距；主要圖形，標(biāo)題或符號(hào)旁邊留下相同的空白；如果在第一頁(yè)的頂部放置了公司標(biāo)志，那么在其他各頁(yè)面都放上這一標(biāo)志；如果使用圖標(biāo)導(dǎo)航，則各個(gè)頁(yè)面應(yīng)當(dāng)使用相同的圖標(biāo)。一致性還包括：頁(yè)面中的每個(gè)元素與整個(gè)頁(yè)面以及站點(diǎn)的色彩和風(fēng)格上的

4、一致性。所有的圖標(biāo)都應(yīng)當(dāng)彩相同的設(shè)計(jì)風(fēng)格，比如全部采用圖象的線條剪輯畫或全部使用寫實(shí)的照片等。另一個(gè)保持一致性的辦法是字體和顏色的使用。文字的顏色要同圖像的顏色保持一致并注意色彩搭配的和諧。一個(gè)站點(diǎn)通常只使用一到兩種標(biāo)準(zhǔn)色，為了保持顏色上的一致性，標(biāo)準(zhǔn)色一致或相近。比如，站點(diǎn)的主題色彩如果為紅色，可能就需要將鏈接的色彩也改為紅色。3.對(duì)比度使用對(duì)比是強(qiáng)調(diào)突出某些內(nèi)容的最有效的辦法之一。好的對(duì)比度使內(nèi)容更易于辨認(rèn)和接受。實(shí)現(xiàn)對(duì)比的方法很多，最常用的是使用顏色的對(duì)比，比如，內(nèi)容提要和正文使用不同顏色的字體，內(nèi)容提要使用藍(lán)色，而正文采用黑色；也可以使用大的標(biāo)題，也即是面

5、積上的對(duì)比；還可以使用圖像現(xiàn)對(duì)比，題頭的圖像明確的向?yàn)g覽者傳達(dá)本頁(yè)的主題，這里同樣需要注意的是鏈接的色彩，在設(shè)計(jì)頁(yè)面時(shí)我們常常會(huì)只注意到未被訪問的鏈接的色彩，而容易忽視訪問過的鏈接色彩將使得鏈接的文字難地辨認(rèn)。還有一種實(shí)現(xiàn)對(duì)比的方法是使用學(xué)體變化。在文字排版中，可以使用斜體和黑體實(shí)出關(guān)鍵內(nèi)容，但是注意不要濫用，否則就達(dá)不到應(yīng)有的強(qiáng)調(diào)效果。使用對(duì)比的關(guān)鍵是強(qiáng)調(diào)突出關(guān)鍵內(nèi)容，以吸引瀏覽者，鼓勵(lì)他去發(fā)掘更深層次的內(nèi)容。為了對(duì)3C原則上有直觀的認(rèn)識(shí)，可以到————等優(yōu)秀的站點(diǎn)上看看，體會(huì)一下這些站點(diǎn)對(duì)簡(jiǎn)潔，一致性和對(duì)度等原則的把握。4.頁(yè)面設(shè)計(jì)要點(diǎn)WebWebWeb上的內(nèi)

6、容包羅萬象，版式豐富多彩，但無論怎樣的變化，好的Web站點(diǎn)總是有許多共同之處，例如：精心組織的內(nèi)容；格式美觀的正文；和諧的色彩搭配；較好的對(duì)比度，使得文字具有較強(qiáng)的可讀性；生動(dòng)背景圖案；頁(yè)面元素大小適中，布局勻稱；不同元素之間留有足夠空白，給人視覺上休息的機(jī)會(huì)；各元素之間保持平衡；文字準(zhǔn)確無誤，無錯(cuò)別字、無拼寫錯(cuò)誤；總的來說評(píng)價(jià)一個(gè)頁(yè)面設(shè)計(jì)的好壞基本上要考慮以下幾個(gè)方面的因素。[這篇文章來自..，]