資源描述：
《網(wǎng)頁(yè)設(shè)計(jì)(網(wǎng)頁(yè)布局)》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在應(yīng)用文檔-天天文庫(kù)。
1、網(wǎng)頁(yè)設(shè)計(jì)(網(wǎng)站布局)1．設(shè)計(jì)第一、技術(shù)其次。2．網(wǎng)頁(yè)設(shè)計(jì)中應(yīng)注意的原則。（1）制作網(wǎng)頁(yè)的目的，誰(shuí)看我的網(wǎng)頁(yè)。（2）為誰(shuí)制作網(wǎng)頁(yè)？（3）網(wǎng)頁(yè)可以提供產(chǎn)品或服務(wù)是什么？（4）網(wǎng)頁(yè)的消費(fèi)者和受眾的特點(diǎn)是什么？（5）提供產(chǎn)品或服務(wù)適合什么樣的表現(xiàn)方式（風(fēng)格）？3．網(wǎng)頁(yè)設(shè)計(jì)總體方案主題鮮明在目標(biāo)明確的基礎(chǔ)上，完成網(wǎng)頁(yè)的構(gòu)思創(chuàng)意就是總體設(shè)計(jì)方案。對(duì)網(wǎng)頁(yè)的整體風(fēng)格和特色作出定位，規(guī)劃出網(wǎng)頁(yè)的組織結(jié)構(gòu)。Web站點(diǎn)應(yīng)針對(duì)所服務(wù)對(duì)象（機(jī)構(gòu)或人）的不同而具有不同的形式。有些站點(diǎn)只提供簡(jiǎn)潔文本信息；有些則采用多媒體表現(xiàn)手法，提供華麗的圖像、閃爍的燈光、復(fù)雜的頁(yè)面布置，甚至可以下載聲音和錄像片段
2、。好的Web站點(diǎn)把圖形表現(xiàn)手法和有效的組織與通信結(jié)合起來(lái)?！ 榱俗龅街黝}鮮明突出，要點(diǎn)明確，我們將按照客戶的要求，以簡(jiǎn)單明確的語(yǔ)言和畫面體現(xiàn)站點(diǎn)的主題；調(diào)動(dòng)一切手段充分表現(xiàn)網(wǎng)站點(diǎn)的個(gè)性和情趣，辦出網(wǎng)站的特點(diǎn)?！ eb站點(diǎn)主頁(yè)應(yīng)具備的基本成分包括：頁(yè)頭：準(zhǔn)確無(wú)誤地標(biāo)識(shí)你的站點(diǎn)和企業(yè)標(biāo)志；Email地址：用來(lái)接收用戶垂詢；聯(lián)系信息：如普通郵件地址或電話；版權(quán)信息：聲明版權(quán)所有者等。 充分利用已有信息，如客戶手冊(cè)．公共關(guān)系文檔．技術(shù)手冊(cè)和數(shù)據(jù)庫(kù)等?！ ∪⒕W(wǎng)站的版式設(shè)計(jì) 網(wǎng)頁(yè)設(shè)計(jì)作為一種視覺語(yǔ)言，特別講究編排和布局，雖然主頁(yè)的設(shè)計(jì)不等同于平面設(shè)計(jì)，但它們有許多相近之處
3、。 版式設(shè)計(jì)通過(guò)文字圖形的空間組合，表達(dá)出和諧與美。 多頁(yè)面站點(diǎn)頁(yè)面的編排設(shè)計(jì)要求把頁(yè)面之間的有機(jī)聯(lián)系反映出來(lái)，特別要處理好頁(yè)面之間和頁(yè)面內(nèi)的秩序與內(nèi)容的關(guān)系。為了達(dá)到最佳的視覺表現(xiàn)效果，我們將反復(fù)推敲整體布局的合理性，使瀏覽者有一個(gè)流暢的視覺體驗(yàn)?！ ∷?、色彩在網(wǎng)頁(yè)設(shè)計(jì)中的作用 色彩是藝術(shù)表現(xiàn)的要素之一。在網(wǎng)頁(yè)設(shè)計(jì)中，我們的設(shè)計(jì)師根據(jù)和諧、均衡和重點(diǎn)突出的原則，將不同的色彩進(jìn)行組合．搭配來(lái)構(gòu)成美麗的頁(yè)面。根據(jù)色彩對(duì)人們心理的影響，合理地加以運(yùn)用。如果您的企業(yè)有CIS（企業(yè)形象識(shí)別系統(tǒng)），我們將按照其中的VI進(jìn)行色彩運(yùn)用。 五、網(wǎng)頁(yè)設(shè)計(jì)形式與內(nèi)容相統(tǒng)一 為了將
4、豐富的意義和多樣的形式組織成統(tǒng)一的頁(yè)面結(jié)構(gòu)，形式語(yǔ)言必須符合頁(yè)面的內(nèi)容，體現(xiàn)內(nèi)容的豐富含義?！ §`活運(yùn)用對(duì)比與調(diào)和、對(duì)稱與平衡、節(jié)奏與韻律以及留白等手段，通過(guò)空間、文字、圖形之間的相互關(guān)系建立整體的均衡狀態(tài)，產(chǎn)生和諧的美感。如對(duì)稱原則在頁(yè)面設(shè)計(jì)中，它的均衡有時(shí)會(huì)使頁(yè)面顯得呆板，但如果加入一些富有動(dòng)感的文字、圖案，或采用夸張的手法來(lái)表現(xiàn)內(nèi)容往往會(huì)達(dá)到比較好的效果。點(diǎn)、線、面作為視覺語(yǔ)言中的基本元素，巧妙地互相穿插、互相襯托、互相補(bǔ)充構(gòu)成最佳的頁(yè)面效果，充分表達(dá)完美的設(shè)計(jì)意境。 六、三維空間的構(gòu)成和虛擬現(xiàn)實(shí) 網(wǎng)絡(luò)上的三維空間是一個(gè)假想空間，這種空間關(guān)系需借助動(dòng)靜變化．圖
5、像的比例關(guān)系等空間因素表現(xiàn)出來(lái)。在頁(yè)面中，圖片、文字位置前后疊壓，或頁(yè)面位置變化所產(chǎn)生的視覺效果都各不相同。通過(guò)圖片、文字前后疊壓所構(gòu)成的空間層次不太適合網(wǎng)頁(yè)設(shè)計(jì)，根據(jù)現(xiàn)有瀏覽器的特點(diǎn)，網(wǎng)頁(yè)設(shè)計(jì)適合比較規(guī)范、簡(jiǎn)明的頁(yè)面，盡管這種疊壓排列能產(chǎn)生強(qiáng)節(jié)奏的空間層次，視覺效果強(qiáng)烈。網(wǎng)頁(yè)上常見的是頁(yè)面上、下、左、右、中位置所產(chǎn)生的空間關(guān)系，以及疏密的位置關(guān)系所產(chǎn)生的空間層次，這兩種位置關(guān)系使產(chǎn)生的空間層次富有彈性，同時(shí)也讓人產(chǎn)生輕松或緊迫的心理感受?，F(xiàn)在，人們已不滿足于HTML語(yǔ)言編制的二維Web頁(yè)面，三維世界的誘惑開始吸引更多的人，虛擬現(xiàn)實(shí)要在Web網(wǎng)上展示其迷人的風(fēng)采，于是V
6、RML語(yǔ)言出現(xiàn)了。VRML是一種面向?qū)ο蟮恼Z(yǔ)言，它類似Web超級(jí)鏈接所使用的HTML語(yǔ)言，也是一種基于文本的語(yǔ)言，并可以運(yùn)行在多種平臺(tái)之上，只不過(guò)能夠更多地為虛擬現(xiàn)實(shí)環(huán)境服務(wù)?！ ∑摺⒕W(wǎng)頁(yè)設(shè)計(jì)中多媒體功能的利用 網(wǎng)絡(luò)資源的優(yōu)勢(shì)之一是多媒體功能。要吸引瀏覽者注意力，網(wǎng)頁(yè)的內(nèi)容可以用三維動(dòng)畫、FLASH等來(lái)表現(xiàn)。但要由于網(wǎng)絡(luò)寬帶的限制，在使用多媒體的形式表現(xiàn)網(wǎng)頁(yè)的內(nèi)容時(shí)不得不考慮客戶端的傳輸速度。 八、結(jié)構(gòu)清晰并且便于使用 如果人們看不懂或很難看懂您的網(wǎng)站，那么，他如何了解你的企業(yè)和服務(wù)呢？使用一些醒目的標(biāo)題或文字來(lái)突出您的產(chǎn)品與服務(wù)。并且即使您擁有最棒的產(chǎn)品，如果客
7、戶從您的網(wǎng)站上不清楚您在介紹什么或不清楚如何受益的話，他們是不會(huì)喜歡您的網(wǎng)站的，這就是網(wǎng)頁(yè)設(shè)計(jì)的失敗。 九、導(dǎo)向清晰 網(wǎng)頁(yè)設(shè)計(jì)中導(dǎo)航使用超文本鏈接或圖片鏈接，使人們能夠在您的網(wǎng)站上自由前進(jìn)或后退，而不會(huì)讓他們使用瀏覽器上的前進(jìn)或后退。我們?cè)谒械膱D片上使用“ALT”標(biāo)識(shí)符注明圖片名稱或解釋，以便那些不愿意自動(dòng)加載圖片的觀眾能夠了解圖片的含義?！ ∈?、快速的下載時(shí)間 很多的瀏覽者不會(huì)進(jìn)入需要等待5分鐘下載時(shí)間才能進(jìn)入的網(wǎng)站，在互聯(lián)網(wǎng)上30秒的等待時(shí)間與我們平常10分鐘等待時(shí)間的感覺相同。因此，我們會(huì)建議您在網(wǎng)頁(yè)設(shè)計(jì)中盡量避免使用過(guò)多的
