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

網(wǎng)頁外觀

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

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

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

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

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

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

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

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

一、方針明晰、定位正確

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

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

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

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

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

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

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

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

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

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

三、版式編列布局合理

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

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

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

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

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

四、色彩彩和要點杰出

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

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

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

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

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

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

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

點、線、面是視覺言語中的根本元素，運用點、線、面的相互交叉、相互烘托、相互補充構(gòu)成最佳的頁面效果。

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

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

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

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

六、三維空間指置有方

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

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

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

七、多媒體功用的運用

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

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

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

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

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

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

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

⑴ 白紙黑字是永久的主題，誰都說不出不好來。

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

蘭色——藍天白云，寂靜整齊的色彩。

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

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

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

⑶ 色彩的忌諱

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

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

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

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

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

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

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

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

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

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

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

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

2. 布局要合理,不宜過于密集，也不能過于空闊，合理的運用空間。

3. 按鈕巨細根本相近，忌用太長的稱號，免得占用過多的界面方位。

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

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

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

7. 字體的巨細要與界面的巨細份額和諧, 通常運用的字體中宋體9-12較為美觀，很少運用超越12號的字體。

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

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

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

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

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

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

14. 通常父窗體支撐縮放時，子窗體沒有必要縮放。

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

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

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

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

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

四、總結(jié)

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

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

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