網(wǎng)頁(yè)規(guī)劃理論

網(wǎng)頁(yè)外觀

1.不要先決議網(wǎng)頁(yè)的外觀，然後逼迫自已去習(xí)慣它，應(yīng)該從你的訪客對(duì)像，你要傳達(dá)的訊息以及你的制網(wǎng)方針推導(dǎo)出一個(gè)最適合的網(wǎng)頁(yè)架構(gòu)。

2. 每頁(yè)排版不要太疏或用太大的字，盡量避免看你的網(wǎng)頁(yè)時(shí) 要作很大的卷動(dòng)，要知道在一頁(yè)的上部分是顯眼而寶貴的當(dāng)?shù)�，不要只放著幾個(gè)粗大的字或圖片。

3. 切勿以 1024*768 以上的解像度規(guī)劃網(wǎng)頁(yè)。明智的網(wǎng)頁(yè)規(guī)劃者是處處照顧閱讀者，絕不會(huì)夸耀自己有專(zhuān)線、有 19 寸的顯現(xiàn)器 等。

4. 不要於每頁(yè)刺進(jìn)太多的廣告牌。相信你亦不喜愛(ài)閱讀一些貼滿廣告的網(wǎng)頁(yè)吧，你要考慮到該頁(yè)內(nèi)容與廣告的份額，擺放的方位亦很重要，無(wú)妨多參閱他人的做 法。廣告太多，只會(huì)令人煩厭。

5. 不要每頁(yè)都選用不同的墻紙，以免每次轉(zhuǎn)頁(yè)都要花時(shí)刻去下載，選用相同的底色 或墻紙還可添加網(wǎng)頁(yè)一致性，樹(shù)立風(fēng)格。

6. 底色或墻紙有必要與文字比照激烈，易於閱覽，這并不是要求你永久運(yùn)用鮮亮的布景配搭深色的文字，但深色布景常要求與主題合作，有較多的顧忌，若你的網(wǎng)頁(yè) 是文章式或包含很多文字，無(wú)妨在底色與文字的配搭上下些工夫，力求讓訪者能 舒適閱覽你的文章。

7. 不要把圖片白色當(dāng)通明，要知道他人的作業(yè)系統(tǒng)不必定把內(nèi)定底色設(shè)為白色，解 決方法除了真的把該網(wǎng)頁(yè)的底色設(shè)為白色之外，最好仍是以圖片修改工具為圖片 設(shè)好通明色彩。

8. 太長(zhǎng)的一頁(yè)要運(yùn)用內(nèi)部連結(jié)，明智的網(wǎng)頁(yè)規(guī)劃者是不會(huì)讓閱讀者看網(wǎng)頁(yè)時(shí)作太大的卷動(dòng)。

一、方針明晰、定位正確

網(wǎng)頁(yè)站點(diǎn)的規(guī)劃是企業(yè)或機(jī)構(gòu)發(fā)展戰(zhàn)略的重要組成部分。要將企業(yè)站點(diǎn)作為在因特網(wǎng)－－這個(gè)新媒體上展示企業(yè)形象、企業(yè)文明的信息空間，領(lǐng)導(dǎo)必定要給予足夠的重視，明晰規(guī)劃站點(diǎn)的意圖和用戶需求，然后作出切實(shí)可行的計(jì)劃。

挑選與錘煉企業(yè)的要害信息，運(yùn)用一個(gè)邏輯結(jié)構(gòu)有序地安排起來(lái)，開(kāi)發(fā)一個(gè)頁(yè)面規(guī)劃原型，挑選用戶代表來(lái)進(jìn)行測(cè)試，并逐漸精煉這個(gè)原型，構(gòu)成創(chuàng)意。

分析有些網(wǎng)站的效果不如預(yù)想的好，主要原因是對(duì)用戶的需求理解有誤差，短少用戶的查驗(yàn)造成的。規(guī)劃者常常將企業(yè)的市場(chǎng)營(yíng)銷(xiāo)和商業(yè)方針?lè)旁谑孜唬�而�?duì)用戶和潛在的用戶的真實(shí)需求了解不多。所以，企業(yè)或機(jī)構(gòu)應(yīng)清楚地了解本網(wǎng)站的受眾群體的根本狀況，如受教育程度、收入水平、需求信息的規(guī)模及深度等，然后能夠有的放矢。 
二、主題明顯、賦有特征

在方針明晰的基礎(chǔ)上，完成網(wǎng)站的構(gòu)思創(chuàng)意即全體規(guī)劃方案。對(duì)網(wǎng)站的全體風(fēng)格和特征作出定位，規(guī)劃網(wǎng)站的安排結(jié)構(gòu)。

網(wǎng)頁(yè)站點(diǎn)應(yīng)針對(duì)所服務(wù)對(duì)象（機(jī)構(gòu)或人）不同而具有不同的方法。有些站點(diǎn)只供給簡(jiǎn)練文本信息；有些則選用多媒體體現(xiàn)方法，供給富麗的圖畫(huà)、閃爍的燈光、復(fù)雜的頁(yè)面安置，乃至能夠下載聲響和錄像片段。最好的網(wǎng)頁(yè)站點(diǎn)將把圖形圖畫(huà)體現(xiàn)方法與有用的安排與通信結(jié)合起來(lái)。

要做到主題明顯杰出，力求簡(jiǎn)練，要點(diǎn)明晰，以簡(jiǎn)略明晰的言語(yǔ)和畫(huà)面告訴咱們本站點(diǎn)的主題，招引對(duì)本站點(diǎn)有需求的人的視界，對(duì)無(wú)關(guān)的人員也能留下必定的印象。關(guān)于一些職業(yè)標(biāo)志和公司的標(biāo)志應(yīng)充沛加以運(yùn)用。

調(diào)集全部手段充沛體現(xiàn)網(wǎng)站的特性和情趣，杰出特性，辦出網(wǎng)站的特征。

網(wǎng)頁(yè)站點(diǎn)主頁(yè)應(yīng)具有的根本成分包含：

頁(yè)頭：準(zhǔn)確無(wú)誤地標(biāo)識(shí)你的站點(diǎn)和企業(yè)標(biāo)志； E-mail地址：用來(lái)接納用戶垂詢； 聯(lián)絡(luò)信息：如一般郵件地址或電話； 版權(quán)信息。

留意重復(fù)運(yùn)用已有信息，如客戶手冊(cè)、公共聯(lián)系文檔、技術(shù)手冊(cè)和數(shù)據(jù)庫(kù)等能夠垂手可得地用到企業(yè)的網(wǎng)頁(yè)站點(diǎn)中。

三、版式編列布局合理

網(wǎng)頁(yè)規(guī)劃作為一種視覺(jué)言語(yǔ)，當(dāng)然要考究編列和布局，雖然主頁(yè)的規(guī)劃不等同于平面規(guī)劃，但它們有許多相近之處，應(yīng)充沛加以運(yùn)用和借鑒。

版式規(guī)劃經(jīng)過(guò)文字圖形的空間組合，表達(dá)出調(diào)和與美。版式規(guī)劃經(jīng)過(guò)視覺(jué)要素的理性分析，和嚴(yán)厲的方法構(gòu)成訓(xùn)練，培養(yǎng)對(duì)全體畫(huà)面的把握能力和審美能力。一個(gè)優(yōu)異的網(wǎng)頁(yè)規(guī)劃者也應(yīng)該知道哪一段文字圖形該落于何處，才能使整個(gè)網(wǎng)頁(yè)生輝。

盡力做到全體布局合理化、有序化、全體化。優(yōu)異之作，長(zhǎng)于以巧妙、合理的視覺(jué)方法使一些言語(yǔ)無(wú)法表達(dá)的思想得以論述，做到豐厚多樣而又簡(jiǎn)練明了。

多頁(yè)面站點(diǎn)頁(yè)面的編列規(guī)劃要求把頁(yè)面之間的有機(jī)聯(lián)絡(luò)反映出來(lái)，這里主要的問(wèn)題是頁(yè)面之間和頁(yè)面內(nèi)的次序與內(nèi)容的聯(lián)系。為了到達(dá)最佳的視覺(jué)體現(xiàn)效果，應(yīng)考究全體布局的合理性。特別是聯(lián)系十分嚴(yán)密的有上下文聯(lián)系的頁(yè)面，必定規(guī)劃有向前和向后的按鈕，便于閱讀者仔細(xì)研讀。

站點(diǎn)規(guī)劃簡(jiǎn)略有序，主次聯(lián)系清楚，將零亂頁(yè)面的安排進(jìn)程混雜的內(nèi)容依全體布局的需求進(jìn)行分組概括，經(jīng)過(guò)進(jìn)行具有內(nèi)在聯(lián)絡(luò)的安排擺放，反復(fù)推敲文字、圖形與空間的聯(lián)系，使閱讀者有一個(gè)流暢的視覺(jué)體驗(yàn)。

四、色彩彩和要點(diǎn)杰出

色彩及黑、白、灰的三色空間聯(lián)系不論在規(guī)劃仍是在繪畫(huà)方面都起著重要的效果。在頁(yè)面上必定得明晰調(diào)性，而其它有色或無(wú)色的內(nèi)容均屬黑、白、灰的三色空間聯(lián)系，然后構(gòu)成它們的空間層次。

色彩是藝術(shù)體現(xiàn)的要素之一，它是光影響眼睛再傳導(dǎo)到大腦中樞而發(fā)生的一種感覺(jué)。在網(wǎng)頁(yè)規(guī)劃中，依據(jù)調(diào)和、均衡和要點(diǎn)杰出的準(zhǔn)則，將不同的色彩進(jìn)行組合、調(diào)配來(lái)構(gòu)成美麗的頁(yè)面。

運(yùn)用色彩對(duì)人們心思的影響的效果，合理地加以運(yùn)用。按照色彩的記憶性準(zhǔn)則，一般暖色較冷色的記憶性強(qiáng)。色彩還具有聯(lián)想與標(biāo)志的特質(zhì)，如：赤色標(biāo)志火、血、太陽(yáng)；藍(lán)色標(biāo)志大海、天空和水面等。所以規(guī)劃出售冷食的虛擬店面，應(yīng)運(yùn)用消極而寂靜的色彩，使人心思上感覺(jué)涼快一些。

在色彩的運(yùn)用進(jìn)程中，還應(yīng)留意的一個(gè)問(wèn)題是：由于國(guó)家和種族的不同，宗教和信仰的不同，日子的地理方位、文明涵養(yǎng)的差異，不同的人群對(duì)色彩的喜惡程度有著很大差異。如：兒童喜愛(ài)比照激烈、特性明顯的純色彩；日子在草原上的人喜愛(ài)赤色；日子在鬧市中的人喜愛(ài)濃艷的色彩；日子在沙漠中的人喜愛(ài)綠色。在規(guī)劃中要考慮主要讀者群的布景和構(gòu)成。

五、方法內(nèi)容調(diào)和一致

方法服務(wù)于內(nèi)容，內(nèi)容又為意圖服務(wù)，方法與內(nèi)容的一致是規(guī)劃網(wǎng)頁(yè)的根本準(zhǔn)則之一。 畫(huà)面的安排準(zhǔn)則中，將豐厚的含義和多樣的方法安排在一個(gè)一致的結(jié)構(gòu)里，方法言語(yǔ)有必要契合頁(yè)面的內(nèi)容，體現(xiàn)內(nèi)容的豐厚含義。

運(yùn)用比照與調(diào)和，對(duì)稱(chēng)與平衡，節(jié)奏與韻律以及留白等手段，如經(jīng)過(guò)空間、文字、圖形之間的相互聯(lián)系建立全體的均衡狀況，發(fā)生調(diào)和的美感。如對(duì)稱(chēng)準(zhǔn)則在頁(yè)面規(guī)劃中，它的均衡有時(shí)會(huì)使頁(yè)面顯得板滯，但假如加入一些動(dòng)感的的文字、圖案，或選用夸張的方法來(lái)體現(xiàn)內(nèi)容往往會(huì)到達(dá)比較好的效果。

點(diǎn)、線、面是視覺(jué)言語(yǔ)中的根本元素，運(yùn)用點(diǎn)、線、面的相互交叉、相互烘托、相互補(bǔ)充構(gòu)成最佳的頁(yè)面效果。

點(diǎn)是一切空間形狀中最簡(jiǎn)練的元素，也能夠說(shuō)是最活躍、最不本分的元素。規(guī)劃中，一個(gè)點(diǎn)就能夠一應(yīng)俱全，體現(xiàn)規(guī)劃者的無(wú)限心思，網(wǎng)頁(yè)中的圖標(biāo)，單個(gè)圖片，按鈕或一團(tuán)文字等都能夠說(shuō)是點(diǎn)。點(diǎn)是靈敏多變的，咱們能夠?qū)⒁慌盼淖忠暈橐粋�(gè)點(diǎn)，將一個(gè)圖形視為一個(gè)點(diǎn)。在網(wǎng)頁(yè)規(guī)劃中的點(diǎn)，由于巨細(xì)、形狀、方位的不同而給人不同的心思感觸。

線是點(diǎn)移動(dòng)的軌跡，線在編列規(guī)劃中有強(qiáng)調(diào)、切割、導(dǎo)線，視覺(jué)線的效果。線會(huì)因方向、形狀的不同而發(fā)生不同的視覺(jué)感觸，例如垂直的線給人平穩(wěn)、聳立的感覺(jué)，弧線使人感到流暢、輕盈；曲線使人跳動(dòng)、不安。在頁(yè)面中內(nèi)容較多時(shí)，就需進(jìn)行版面切割，經(jīng)過(guò)線的切割確保頁(yè)面杰出的視覺(jué)次序，頁(yè)面在直線的切割下，發(fā)生調(diào)和一致的美感；經(jīng)過(guò)不同份額的空間切割，有時(shí)會(huì)發(fā)生空間層次韻律感。

面的形狀除了規(guī)矩的幾何形體外，還有其它一些不規(guī)矩的形狀，能夠說(shuō)體現(xiàn)方法是多種多樣的。面在平面規(guī)劃中是點(diǎn)的擴(kuò)展，線的重復(fù)構(gòu)成的。面狀給人以全體美感，使空間層次豐厚，使單一的空間多元化，在表達(dá)較宛轉(zhuǎn)。

網(wǎng)頁(yè)規(guī)劃中點(diǎn)、線、面的運(yùn)用并不是孤立的，很多時(shí)分都需求將它們結(jié)合起來(lái)，表達(dá)完美的規(guī)劃意境。

六、三維空間指置有方

網(wǎng)絡(luò)上的三維空間是一個(gè)設(shè)想空間，這種空間聯(lián)系需借助動(dòng)態(tài)改變、圖畫(huà)的份額聯(lián)系等空間因素體現(xiàn)出來(lái)。

在頁(yè)面中圖片、文字方位前后疊壓，或方位疏密或頁(yè)面上、左、右、中、下方位所發(fā)生的視覺(jué)效果都各不相同。在網(wǎng)頁(yè)上，圖片、文字前后疊壓所構(gòu)成的空間層次現(xiàn)在還不多見(jiàn)，網(wǎng)上更多的是一些規(guī)劃得比較規(guī)范化、簡(jiǎn)明化的頁(yè)面，這種疊壓擺放能發(fā)生強(qiáng)節(jié)奏的空間層次，視覺(jué)效果激烈。網(wǎng)頁(yè)上常見(jiàn)的是頁(yè)面上、左、右、下、中方位所發(fā)生的空間聯(lián)系，以及疏密的方位聯(lián)系所發(fā)生的空間層次，這兩種方位聯(lián)系使視覺(jué)流程生動(dòng)而明晰，視覺(jué)注目程度高。疏密的方位聯(lián)系使發(fā)生的空間層次賦有彈性，一起也讓人發(fā)生輕松或緊迫的心思感觸。

需指出，跟著網(wǎng)頁(yè)的遍及和計(jì)算機(jī)技術(shù)的迅猛發(fā)展，人們對(duì)網(wǎng)頁(yè)言語(yǔ)的要求也日益增長(zhǎng)。人們已不滿足于HTML言語(yǔ)編制的二維網(wǎng)頁(yè)頁(yè)面，三維世界的誘惑開(kāi)端招引更多的人，虛擬現(xiàn)實(shí)要在網(wǎng)頁(yè)網(wǎng)上展示其誘人的風(fēng)采，于是VRML言語(yǔ)呈現(xiàn)了。VRML是一種面向?qū)ο笠环N言語(yǔ)，它相似網(wǎng)頁(yè)超級(jí)鏈接所運(yùn)用的HTML言語(yǔ)，也是一種基于文本的言語(yǔ)，并能夠運(yùn)行在多種渠道之上，只不過(guò)能夠更多的為虛擬現(xiàn)實(shí)環(huán)境服務(wù)。VRML僅僅一種言語(yǔ)，關(guān)于三維環(huán)境的藝術(shù)規(guī)劃仍需求理論和實(shí)踐輔導(dǎo)。

七、多媒體功用的運(yùn)用

最大資源優(yōu)勢(shì)在于多媒體功用，因此要盡全部盡力挖掘它，招引閱讀者堅(jiān)持留意力。因此畫(huà)面的內(nèi)容應(yīng)當(dāng)有必定的實(shí)用性，如產(chǎn)品的介紹乃至能夠用三維動(dòng)畫(huà)來(lái)體現(xiàn)。

這里需求留意的問(wèn)題是，由于網(wǎng)絡(luò)帶寬的限制，在運(yùn)用多媒體的方法體現(xiàn)網(wǎng)頁(yè)的內(nèi)容時(shí)應(yīng)考慮客戶端的傳輸速度，或者說(shuō)將多媒體的內(nèi)容控制在用戶可接納的下載時(shí)刻內(nèi)是十分必要的。

專(zhuān)業(yè)網(wǎng)頁(yè)規(guī)劃理論

⒈ 網(wǎng)頁(yè)規(guī)劃理念

⑴ 內(nèi)容決議方法
先把內(nèi)容充分上，再分區(qū)塊，再定色彩，再處理細(xì)節(jié)。

⑵ 先全體，后部分，最終回歸到全體。
全局考慮，把能填上的都填上，占方位。然后定基調(diào)，分模塊規(guī)劃。最終調(diào)整不滿意的幾個(gè)部分細(xì)節(jié)。

⑶ 功用決議規(guī)劃方向
看網(wǎng)站的用處，決議規(guī)劃思路.商業(yè)性的就要杰出贏利意圖；政府型的就要杰出形象和權(quán)威性的文章；教育性的，就要杰出師資和課程。
⒉ 網(wǎng)頁(yè)配色根本概念

⑴ 白紙黑字是永久的主題，誰(shuí)都說(shuō)不出不好來(lái)。

⑵ 網(wǎng)頁(yè)最常用流行色

蘭色——藍(lán)天白云，寂靜整齊的色彩。

綠色——綠白相間，高雅而有生氣。

橙色——活潑熱烈，規(guī)范商業(yè)色彩。

暗紅——寧重、嚴(yán)厲、高貴，需求配黑和灰來(lái)壓制影響的赤色，

⑶ 色彩的忌諱

忌臟——布景與文字內(nèi)容比照不激烈，灰暗的布景令人懊喪！

忌純——美麗的純色對(duì)人的影響太激烈抗議，缺少內(nèi)在。

忌跳——再好看的色彩，也不能脫離全體。脫離群眾是自取其辱！

忌花——要有一種主色貫穿其間，主色并不時(shí)面積最大的色彩，而是最重要，最能提醒和反映主題的色彩，就象領(lǐng)導(dǎo)者一樣，雖然在人數(shù)上居少量，但起決議效果。

忌粉——色彩淺當(dāng)然顯的干凈，但假如比照過(guò)弱，整得蒼白無(wú)力了，就象病夫一樣無(wú)可救藥。
藍(lán)色忌純，綠色忌黃，赤色忌艷

⑷ 幾種固定調(diào)配

藍(lán)白橙——藍(lán)為主調(diào)。白底，藍(lán)標(biāo)題欄，橙色按鈕或ICON做裝點(diǎn)。

綠白蘭——綠為主調(diào)。白底，綠標(biāo)題欄，蘭色或橙色按鈕或ICON做裝點(diǎn)。

橙白紅——橙為主調(diào)。白底，橙標(biāo)題欄，暗紅或桔赤色按鈕或ICON做裝點(diǎn)。

暗紅黑——暗紅主調(diào)。黑或灰底，暗紅標(biāo)題欄，文字內(nèi)容布景為淺灰色。

網(wǎng)頁(yè)制作界面美觀與和諧性細(xì)則：

1. 長(zhǎng)寬接近黃金點(diǎn)份額，切忌長(zhǎng)寬份額失調(diào)、或?qū)挾瘸�越長(zhǎng)度。

2. 布局要合理,不宜過(guò)于密集，也不能過(guò)于空闊，合理的運(yùn)用空間。

3. 按鈕巨細(xì)根本相近，忌用太長(zhǎng)的稱(chēng)號(hào)，免得占用過(guò)多的界面方位。

4. 按鈕的巨細(xì)要與界面的巨細(xì)和空間要和諧。

5. 避免空闊的界面上放置很大的按鈕。

6. 放置完控件后界面不應(yīng)有很大的空缺方位。

7. 字體的巨細(xì)要與界面的巨細(xì)份額和諧, 通常運(yùn)用的字體中宋體9-12較為美觀，很少運(yùn)用超越12號(hào)的字體。

8. 前景與布景色搭合作理和諧，反差不宜太大，最好少用深色，如大紅、大綠等。常用色考慮運(yùn)用Windows界面色彩。

9. 假如運(yùn)用其他色彩，主色要柔和，具有親和力與磁力，堅(jiān)決杜絕刺意圖色彩。

10.大型系統(tǒng)常用的主色有"#E1E1E1"、"#EFEFEF"、"#C0C0C0"等。

11. 界面風(fēng)格要堅(jiān)持一致，字的巨細(xì)、色彩、字體要相同，除非是需求藝術(shù)處理或有特殊要求的當(dāng)?shù)亍?/p>

12. 假如窗體支撐最小化和最大化或放大時(shí)，窗體上的控件也要跟著窗體而縮放；切忌只放大窗體而忽略控件的縮放。

13. 關(guān)于含有按鈕的界面一般不應(yīng)該支撐縮放，即右上角只要關(guān)閉功用。

14. 通常父窗體支撐縮放時(shí)，子窗體沒(méi)有必要縮放。

15. 假如能給用戶供給自定義界面風(fēng)格則更好，由用戶自己挑選色彩、字體等。

16. 規(guī)劃具有自己共同風(fēng)格的界面尤為重要。

17. 界面上應(yīng)有自己的圖標(biāo)。

18. 主界面，最好是大多數(shù)界面上要有公司圖標(biāo)。

19. 堅(jiān)持一向的界面風(fēng)格，如布景色、字體、菜單擺放方法、圖標(biāo)、安裝進(jìn)程、按鈕用語(yǔ)等應(yīng)該大體一致。

四、總結(jié)

1：1024*768 現(xiàn)在以及未來(lái)適當(dāng)長(zhǎng)的時(shí)刻，將是主流的或不可忽視的分辯率。

2：運(yùn)用CSS進(jìn)行頁(yè)面布局，能夠用變寬的布局方法，靈敏地習(xí)慣閱讀器的寬度。乃至能夠運(yùn)用特殊的“魔術(shù)布局”方法，使頁(yè)面的板塊排版方法都隨寬度改變，不過(guò)這種比較復(fù)雜的方法，并不常見(jiàn)。

3：大多數(shù)專(zhuān)業(yè)的網(wǎng)站，仍然是運(yùn)用固定寬度布局，因?yàn)樽儗挷季蛛m然有優(yōu)勢(shì)，可是也有缺陷，一行文字很寬再折行，讀者閱覽很不舒服。因此，變寬布局常見(jiàn)于網(wǎng)上商店這類(lèi)賣(mài)東西的網(wǎng)站，希望充沛運(yùn)用空間，而關(guān)于內(nèi)容網(wǎng)站，大多數(shù)仍然運(yùn)用固定寬度布局，比如幾大門(mén)戶網(wǎng)站，沒(méi)有運(yùn)用變寬布局的。