網(wǎng)頁設(shè)計(jì)中要遵循哪些原則
網(wǎng)頁設(shè)計(jì)中要遵循哪些原則呢?怎樣才能設(shè)計(jì)出一個合格的網(wǎng)頁。我們知道，設(shè)計(jì)的個性化表現(xiàn)得非常明顯，每個設(shè)計(jì)師都有著自己的設(shè)計(jì)理念，而企業(yè)也有著自己的需求，因而這兩者經(jīng)常會出現(xiàn)沖突。因此，網(wǎng)頁設(shè)計(jì)中要遵循一定的原則。下面是一些網(wǎng)站設(shè)計(jì)中應(yīng)注意的原則。希望對大家有所幫助!
步驟/方法
一、明確建立網(wǎng)站的目標(biāo)和用戶需求
Web站點(diǎn)的設(shè)計(jì)是展現(xiàn)企業(yè)形象、介紹產(chǎn)品和服務(wù)、體現(xiàn)企業(yè)發(fā)展戰(zhàn)略的重要途徑，因此我們必須明確設(shè)計(jì)站點(diǎn)的目的和用戶需求，從而做出切實(shí)可行的設(shè)計(jì)計(jì)劃。我們會根據(jù)消費(fèi)者的需求、市場的狀況、企業(yè)自身的情況等進(jìn)行綜合分析，以“消費(fèi)者(customer)”為中心，而不是以“美術(shù)”為中心進(jìn)行設(shè)計(jì)規(guī)劃。
在設(shè)計(jì)規(guī)劃時我們會考慮：
建設(shè)網(wǎng)站的目的是什么?
為誰提供服務(wù)和產(chǎn)品?
企業(yè)能提供什么樣的產(chǎn)品和服務(wù)?
網(wǎng)站的目的消費(fèi)者和受眾的特點(diǎn)是什么?
企業(yè)產(chǎn)品和服務(wù)適合什么樣的表現(xiàn)方式(風(fēng)格)?
二、網(wǎng)頁設(shè)計(jì)總體方案主題鮮明
在目標(biāo)明確的基礎(chǔ)上，完成網(wǎng)站的構(gòu)思創(chuàng)意即總體設(shè)計(jì)方案。對網(wǎng)站的整體風(fēng)格和特色作出定位，規(guī)劃網(wǎng)站的組織結(jié)構(gòu)。
Web站點(diǎn)應(yīng)針對所服務(wù)對象(機(jī)構(gòu)或人)的不同而具有不同的形式。有些站點(diǎn)只提供簡潔文本信息;有些則采用多媒體表現(xiàn)手法，提供華麗的圖像、閃爍的燈光、復(fù)雜的頁面布置，甚至可以下載聲音和錄像片段。好的Web站點(diǎn)把圖形表現(xiàn)手法和有效的組織與通信結(jié)合起來。
為了做到主題鮮明突出，要點(diǎn)明確，我們將按照客戶的要求，以簡單明確的語言和畫面體現(xiàn)站點(diǎn)的主題;調(diào)動一切手段充分表現(xiàn)網(wǎng)站點(diǎn)的個性和情趣，辦出網(wǎng)站的特點(diǎn)。
Web站點(diǎn)主頁應(yīng)具備的基本成分包括：頁頭：準(zhǔn)確無誤地標(biāo)識你的站點(diǎn)和企業(yè)標(biāo)志;Email地址：用來接收用戶垂詢;聯(lián)系信息：如普通郵件地址或電話;版權(quán)信息：聲明版權(quán)所有者等。
充分利用已有信息，如客戶手冊.公共關(guān)系文檔.技術(shù)手冊和數(shù)據(jù)庫等。
三、網(wǎng)站的版式設(shè)計(jì)
網(wǎng)頁設(shè)計(jì)作為一種視覺語言，特別講究編排和布局，雖然主頁的設(shè)計(jì)不等同于平面設(shè)計(jì)，但它們有許多相近之處。
版式設(shè)計(jì)通過文字圖形的空間組合，表達(dá)出和諧與美。
多頁面站點(diǎn)頁面的編排設(shè)計(jì)要求把頁面之間的有機(jī)聯(lián)系反映出來，特別要處理好頁面之間和頁面內(nèi)的秩序與內(nèi)容的關(guān)系。為了達(dá)到最佳的視覺表現(xiàn)效果，我們將反復(fù)推敲整體布局的合理性，使瀏覽者有一個流暢的視覺體驗(yàn)。
四、色彩在網(wǎng)頁設(shè)計(jì)中的作用
色彩是藝術(shù)表現(xiàn)的要素之一。在網(wǎng)頁設(shè)計(jì)中，我們的設(shè)計(jì)師根據(jù)和諧、均衡和重點(diǎn)突出的原則，將不同的色彩進(jìn)行組合.搭配來構(gòu)成美麗的頁面。根據(jù)色彩對人們心理的影響，合理地加以運(yùn)用。如果您的企業(yè)有CIS(企業(yè)形象識別系統(tǒng))，我們將按照其中的VI進(jìn)行色彩運(yùn)用。
五、網(wǎng)頁設(shè)計(jì)形式與內(nèi)容相統(tǒng)一
為了將豐富的意義和多樣的形式組織成統(tǒng)一的頁面結(jié)構(gòu)，形式語言必須符合頁面的內(nèi)容，體現(xiàn)內(nèi)容的豐富含義。
靈活運(yùn)用對比與調(diào)和、對稱與平衡、節(jié)奏與韻律以及留白等手段，通過空間、文字、圖形之間的相互關(guān)系建立整體的均衡狀態(tài)，產(chǎn)生和諧的美感。如對稱原則在頁面設(shè)計(jì)中，它的均衡有時會使頁面顯得呆板，但如果加入一些富有動感的文字、圖案，或采用夸張的手法來表現(xiàn)內(nèi)容往往會達(dá)到比較好的效果。點(diǎn)、線、面作為視覺語言中的基本元素，巧妙地互相穿插、互相襯托、互相補(bǔ)充構(gòu)成最佳的頁面效果，充分表達(dá)完美的設(shè)計(jì)意境。
六、三維空間的構(gòu)成和虛擬現(xiàn)實(shí)
網(wǎng)絡(luò)上的三維空間是一個假想空間，這種空間關(guān)系需借助動靜變化.圖像的比例關(guān)系等空間因素表現(xiàn)出來。在頁面中，圖片、文字位置前后疊壓，或頁面位置變化所產(chǎn)生的視覺效果都各不相同。通過圖片、文字前后疊壓所構(gòu)成的空間層次不太適合網(wǎng)頁設(shè)計(jì)，根據(jù)現(xiàn)有瀏覽器的特點(diǎn)，網(wǎng)頁設(shè)計(jì)適合比較規(guī)范、簡明的頁面，盡管這種疊壓排列能產(chǎn)生強(qiáng)節(jié)奏的空間層次，視覺效果強(qiáng)烈。網(wǎng)頁上常見的是頁面上、下、左、右、中位置所產(chǎn)生的空間關(guān)系，以及疏密的位置關(guān)系所產(chǎn)生的空間層次，這兩種位置關(guān)系使產(chǎn)生的空間層次富有彈性，同時也讓人產(chǎn)生輕松或緊迫的心理感受。現(xiàn)在，人們已不滿足于HTML語言編制的二維Web頁面，三維世界的誘惑開始吸引更多的人，虛擬現(xiàn)實(shí)要在Web網(wǎng)上展示其迷人的風(fēng)采，于是VRML語言出現(xiàn)了。VRML是一種面向?qū)ο蟮恼Z言，它類似Web超級鏈接所使用的HTML語言，也是一種基于文本的語言，并可以運(yùn)行在多種平臺之上，只不過能夠更多地為虛擬現(xiàn)實(shí)環(huán)境服務(wù)。
七、網(wǎng)頁設(shè)計(jì)中多媒體功能的利用
網(wǎng)絡(luò)資源的優(yōu)勢之一是多媒體功能。要吸引瀏覽者注意力，網(wǎng)頁的內(nèi)容可以用三維動畫、FLASH等來表現(xiàn)。但要由于網(wǎng)絡(luò)寬帶的限制，在使用多媒體的形式表現(xiàn)網(wǎng)頁的內(nèi)容時不得不考慮客戶端的傳輸速度。
八、結(jié)構(gòu)清晰并且便于使用
如果人們看不懂或很難看懂您的網(wǎng)站，那么，他如何了解你的企業(yè)和服務(wù)呢?使用一些醒目的標(biāo)題或文字來突出您的產(chǎn)品與服務(wù)。并且即使您擁有最棒的產(chǎn)品，如果客戶從您的網(wǎng)站上不清楚您在介紹什么或不清楚如何受益的話，他們是不會喜歡您的網(wǎng)站的，這就是網(wǎng)頁設(shè)計(jì)的失敗。
九、導(dǎo)向清晰
網(wǎng)頁設(shè)計(jì)中導(dǎo)航使用超文本鏈接或圖片鏈接，使人們能夠在您的網(wǎng)站上自由前進(jìn)或后退，而不會讓他們使用瀏覽器上的前進(jìn)或后退。我們在所有的圖片上使用“ALT”標(biāo)識符注明圖片名稱或解釋，以便那些不愿意自動加載圖片的觀眾能夠了解圖片的含義。
十、快速的下載時間
很多的瀏覽者不會進(jìn)入需要等待5分鐘下載時間才能進(jìn)入的網(wǎng)站，在互聯(lián)網(wǎng)上30秒的等待時間與我們平常10分鐘等待時間的感覺相同。因此，我們會建議您在網(wǎng)頁設(shè)計(jì)中盡量避免使用過多的圖片及體積過大的圖片。我們通常會與客戶合作，將主要頁面的容量控制在50K以內(nèi)，平均30K左右，確保普通瀏覽者頁面等待時間不超過10秒。
十一、非圖形的內(nèi)容
我們在必要時適當(dāng)使用動態(tài)“Gif”圖片，為減少動畫容量，應(yīng)用巧妙設(shè)計(jì)的Java動畫可以用很小的容量使圖形或文字產(chǎn)生動態(tài)的效果。但是，由于在互聯(lián)網(wǎng)瀏覽的大多是一些尋找信息的人們，我們?nèi)匀唤ㄗh您要確定您的網(wǎng)站將為他們提供的是有價值的內(nèi)容，而不是過度的裝飾。
十二、方便的反饋及訂購程序
讓客戶明確您所能提供的產(chǎn)品或服務(wù)并讓他們非常方便地訂購是您獲得成功的重要因素。如果客戶在您的網(wǎng)站上產(chǎn)生了購買產(chǎn)品或服務(wù)的欲望，您是否能夠讓他們盡快實(shí)現(xiàn)嗎?是在線還是離線?
十三、網(wǎng)站測試和改進(jìn)
測試實(shí)際上是模擬用戶詢問網(wǎng)站的過程，用以發(fā)現(xiàn)問題并改進(jìn)網(wǎng)頁設(shè)計(jì)。我們通常與用戶共同安排網(wǎng)站測試
十四、界面設(shè)計(jì)一定要適合軟件的功能
界面設(shè)計(jì)是為軟件功能服務(wù)的，所以，不能與功能需求相違背。比如本來用戶可以一鍵完成的事，卻非要拆成多個步驟來完成。
十五、簡單性和易理解性
界面設(shè)計(jì)要遵循簡單性，就意味著不能將界面設(shè)計(jì)的花里胡哨，堆疊的元素太多，這這樣會讓用戶失去焦點(diǎn)，找不到重心，也一樣會影響到用戶的體驗(yàn)。
十六、界面元素醒目、直觀，不易讓人誤解
同時，為了便于用戶的理解，對于用戶的每一項(xiàng)操作都要及時給出視覺或者是聽覺上面的反饋。比如：在完成操作之后，給出不同的狀態(tài)燈顯示；或者給出一些提示音。
十七、提供視聽反饋，可與用戶雙向交流
為了便于用戶理解，還可以增加一些必要的提示。比如在光標(biāo)懸浮在按鈕上的時候，給出快捷命令的提示。
十八、界面元素有充分必要的提示
界面設(shè)計(jì)是輔助用戶完成軟件操作的。所以，界面要能夠反應(yīng)用戶的實(shí)際業(yè)務(wù)流程，讓用戶操作軟件就如同平時的業(yè)務(wù)操作一樣。
十九、界面清晰的反映工作流程，用戶可按部就班的操作
對于一些界面特別復(fù)雜的情況，比如一些在線網(wǎng)站，也可以給出用戶向?qū)А?/p>
復(fù)雜的用戶界面有向?qū)В層脩糁雷约旱奈恢?/p>
【網(wǎng)頁設(shè)計(jì)中要遵循哪些原則】相關(guān)文章：
網(wǎng)頁設(shè)計(jì)中的色彩搭配原則12-04
網(wǎng)頁設(shè)計(jì)黃金配色的原則有哪些11-03
網(wǎng)頁設(shè)計(jì)與構(gòu)架中的SEO優(yōu)化原則11-29
網(wǎng)頁設(shè)計(jì)中色彩搭配的原則與技巧08-08
網(wǎng)頁設(shè)計(jì)中色彩搭配原則及方法11-21