Web頁面設(shè)計原則

Web作為出版物的一種，同其他出版物如報紙，雜志等在設(shè)計上有許多共同之處，也要遵循一些設(shè)計的基本原則，不同之處在于每章提到的Web的“非所見即所得”特性和交互性。因此，熟悉一些設(shè)計的基本原則，再對Web的特殊性作一些考慮，便不難設(shè)計出美觀大方的頁面來。如果有美術(shù)設(shè)計基礎(chǔ)，對Web頁面的設(shè)計會很有幫助。如果不具備這方面的背景知識，那么下面的一些原則將會對有所幫助。

設(shè)計的3C原則

所謂3C原則是指簡潔、一致性、好的對比度。Web頁面設(shè)計需要遵循這三條原則。

簡潔

設(shè)計并不再現(xiàn)具體的物象和特征，它要表達的是一定的意圖和要求，在適當(dāng)?shù)沫h(huán)境里 為人們所理解和接受。它與繪圖有內(nèi)在聯(lián)系，但又不同于繪畫，它以滿足人們的實用和需求為目標(biāo)，因而它比繪畫更單純，清晰和精確。頁面設(shè)計屬于設(shè)計的一種，同樣要求簡練，準(zhǔn)確。

從人記憶能力角度來說，由于人的大腦一次最多可記憶五到七條信息，因此如果希望人們在看完你的Web后能留下印象，好也應(yīng)該用一個簡單的關(guān)鍵詞語或圖像吸引他們的注意力，如天極網(wǎng)的的“YESKY”.，醒目易記。

保持簡潔的常用做法是使用一個醒目的標(biāo)題，這個標(biāo)題常常采用圖形來表示，但圖形同樣要求簡潔。另一種保持簡潔的做法是限制所用的字體和顏色的數(shù)目。一般每頁使用的字體不超過三種，一個頁面中使用的顏色少于256種。頁面上所有的元素都應(yīng)當(dāng)有明確的含義和用途，不要試圖用無關(guān)的圖片把頁面裝點起來，初學(xué)者容易犯的一個錯誤是把頁面搞的花里呼哨，卻不能讓別人明白他到底要突出表達的是什么內(nèi)容，主題和意念。

一致性

一致性是表現(xiàn)一個丫點的獨特風(fēng)格的重要手段之一。

要保持一致性，可以從頁面的排版下手，各個頁面使用相同的頁邊距，文本，圖形之間保持相同的間距；主要圖形，標(biāo)題或符號旁邊留下相同的空白；如果在第一頁的頂部放置了公司標(biāo)志，那么在其他各頁面都放上這一標(biāo)志；如果使用圖標(biāo)導(dǎo)航，則各個頁面應(yīng)當(dāng)使用相同的圖標(biāo)。

一致性還包括：頁面中的每個元素與整個頁面以及站點的色彩和風(fēng)格上的一致性。所有的圖標(biāo)都應(yīng)當(dāng)彩相同的設(shè)計風(fēng)格，比如全部采用圖象的線條剪輯畫或全部使用寫實的照片等。

另一個保持一致性的辦法是字體和顏色的使用。文字的顏色要同圖像的顏色保持一致并注意色彩搭配的和諧。一個站點通常只使用一到兩種標(biāo)準(zhǔn)色，為了保持顏色上的一致性，標(biāo)準(zhǔn)色一致或相近。比如，站點的主題色彩如果為紅色，可能就需要將鏈接的色彩也改為紅色。

對比度

使用對比是強調(diào)突出某些內(nèi)容的最有效的辦法之一。好的對比度使內(nèi)容更易于辨認(rèn)和接受。實現(xiàn)對比的方法很多，最常用的是使用顏色的對比，比如，內(nèi)容提要和正文使用不同顏色的字體，內(nèi)容提要使用藍色，而正文采用黑色；也可以使用大的標(biāo)題，也即是面積上的對比；還可以使用圖像現(xiàn)對比，題頭的圖像明確的向瀏覽者傳達本頁的主題，這里同樣需要注意的是鏈接的色彩，在設(shè)計頁面時我們常常會只注意到未被訪問的鏈接的色彩，而容易忽視訪問過的鏈接色彩將使得鏈接的文字難地辨認(rèn)。

還有一種實現(xiàn)對比的方法是使用學(xué)體變化。在文字排版中，可以使用斜體和黑體實出關(guān)鍵內(nèi)容，但是注意不要濫用，否則就達不到應(yīng)有的強調(diào)效果。

使用對比的關(guān)鍵是強調(diào)突出關(guān)鍵內(nèi)容，以吸引瀏覽者，鼓勵他去發(fā)掘更深層次的內(nèi)容。

為了對3C原則上有直觀的認(rèn)識，可以到————等優(yōu)秀的站點上看看，體會一下這些站點對簡潔，一致性和對度等原則的把握。

頁面設(shè)計要點

WebWebWeb上的內(nèi)容包羅萬象，版式豐富多彩，但無論怎樣的變化，好的Web站點總是有許多共同之處，例如：

精心組織的內(nèi)容；

格式美觀的正文；

和諧的色彩搭配；

較好的對比度，使得文字具有較強的可讀性；

生動背景圖案；

頁面元素大小適中，布局勻稱；

不同元素之間留有足夠空白，給人視覺上休息的機會；

各元素之間保持平衡；

文字準(zhǔn)確無誤，無錯別字、無拼寫錯誤；

總的來說評價一個頁面設(shè)計的好壞基本上要考慮以下幾個方面的因素。

組織內(nèi)容

設(shè)計Web頁面時，所發(fā)布的材料必須經(jīng)過精心組織，比如說按邏輯、按時間順序或按地理位置等等進行組織，而且這種內(nèi)容組織應(yīng)當(dāng)是易于理解的。

材料組織好后，下一步就是在Web頁面上布置文本、圖片等內(nèi)容，目的是引導(dǎo)瀏覽者在頁內(nèi)瀏覽。我們應(yīng)該控制頁面上的元素的放置順序和它們相互之間的空隙。比如，可以把與一段文字相關(guān)的圖形放在段落旁邊或嵌入段落中，但不要把與段落無關(guān)的圖形放在段落邊上，以免引起瀏覽者的誤解。把相關(guān)的內(nèi)容放在一起，而不相關(guān)的內(nèi)容用空白，水平線或其他圖形分隔開，好是瀏覽者看完一頁之后可以選擇繼續(xù)讀下去或通過鏈接跳到其他合適的主題上去。

網(wǎng)站標(biāo)題：Web頁面設(shè)計原則
分享網(wǎng)址：http://jinyejixie.com/news49/247449.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供定制開發(fā)、電子商務(wù)、小程序開發(fā)、自適應(yīng)網(wǎng)站、App開發(fā)、響應(yīng)式網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)