網頁規劃理論

網頁外觀

1.不要先決議網頁的外觀，然後逼迫自已去習慣它，應該從你的訪客對像，你要傳達的訊息以及你的制網方針推導出一個最適合的網頁架構。

2. 每頁排版不要太疏或用太大的字，盡量避免看你的網頁時 要作很大的卷動，要知道在一頁的上部分是顯眼而寶貴的當地，不要只放著幾個粗大的字或圖片。

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

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

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

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

7. 不要把圖片白色當通明，要知道他人的作業系統不必定把內定底色設為白色，解 決方法除了真的把該網頁的底色設為白色之外，最好仍是以圖片修改工具為圖片 設好通明色彩。

8. 太長的一頁要運用內部連結，明智的網頁規劃者是不會讓閱讀者看網頁時作太大的卷動。

一、方針明晰、定位正確

網頁站點的規劃是企業或機構發展戰略的重要組成部分。要將企業站點作為在因特網－－這個新媒體上展示企業形象、企業文明的信息空間，領導必定要給予足夠的重視，明晰規劃站點的意圖和用戶需求，然后作出切實可行的計劃。

挑選與錘煉企業的要害信息，運用一個邏輯結構有序地安排起來，開發一個頁面規劃原型，挑選用戶代表來進行測試，并逐漸精煉這個原型，構成創意。

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

在方針明晰的基礎上，完成網站的構思創意即全體規劃方案。對網站的全體風格和特征作出定位，規劃網站的安排結構。

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

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

調集全部手段充沛體現網站的特性和情趣，杰出特性，辦出網站的特征。

網頁站點主頁應具有的根本成分包含：

頁頭：準確無誤地標識你的站點和企業標志； E-mail地址：用來接納用戶垂詢； 聯絡信息：如一般郵件地址或電話； 版權信息。

留意重復運用已有信息，如客戶手冊、公共聯系文檔、技術手冊和數據庫等能夠垂手可得地用到企業的網頁站點中。

三、版式編列布局合理

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

版式規劃經過文字圖形的空間組合，表達出調和與美。版式規劃經過視覺要素的理性分析，和嚴厲的方法構成訓練，培養對全體畫面的把握能力和審美能力。一個優異的網頁規劃者也應該知道哪一段文字圖形該落于何處，才能使整個網頁生輝。

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

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

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

四、色彩彩和要點杰出

色彩及黑、白、灰的三色空間聯系不論在規劃仍是在繪畫方面都起著重要的效果。在頁面上必定得明晰調性，而其它有色或無色的內容均屬黑、白、灰的三色空間聯系，然后構成它們的空間層次。

色彩是藝術體現的要素之一，它是光影響眼睛再傳導到大腦中樞而發生的一種感覺。在網頁規劃中，依據調和、均衡和要點杰出的準則，將不同的色彩進行組合、調配來構成美麗的頁面。

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

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

五、方法內容調和一致

方法服務于內容，內容又為意圖服務，方法與內容的一致是規劃網頁的根本準則之一。 畫面的安排準則中，將豐厚的含義和多樣的方法安排在一個一致的結構里，方法言語有必要契合頁面的內容，體現內容的豐厚含義。

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

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

點是一切空間形狀中最簡練的元素，也能夠說是最活躍、最不本分的元素。規劃中，一個點就能夠一應俱全，體現規劃者的無限心思，網頁中的圖標，單個圖片，按鈕或一團文字等都能夠說是點。點是靈敏多變的，咱們能夠將一排文字視為一個點，將一個圖形視為一個點。在網頁規劃中的點，由于巨細、形狀、方位的不同而給人不同的心思感觸。

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

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

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

六、三維空間指置有方

網絡上的三維空間是一個設想空間，這種空間聯系需借助動態改變、圖畫的份額聯系等空間因素體現出來。

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

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

七、多媒體功用的運用

最大資源優勢在于多媒體功用，因此要盡全部盡力挖掘它，招引閱讀者堅持留意力。因此畫面的內容應當有必定的實用性，如產品的介紹乃至能夠用三維動畫來體現。

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

專業網頁規劃理論

⒈ 網頁規劃理念

⑴ 內容決議方法
先把內容充分上，再分區塊，再定色彩，再處理細節。

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

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

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

⑵ 網頁最常用流行色

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

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

橙色——活潑熱烈，規范商業色彩。

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

⑶ 色彩的忌諱

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

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

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

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

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

⑷ 幾種固定調配

藍白橙——藍為主調。白底，藍標題欄，橙色按鈕或ICON做裝點。

綠白蘭——綠為主調。白底，綠標題欄，蘭色或橙色按鈕或ICON做裝點。

橙白紅——橙為主調。白底，橙標題欄，暗紅或桔赤色按鈕或ICON做裝點。

暗紅黑——暗紅主調。黑或灰底，暗紅標題欄，文字內容布景為淺灰色。

網頁制作界面美觀與和諧性細則：

1. 長寬接近黃金點份額，切忌長寬份額失調、或寬度超越長度。

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

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

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

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

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

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

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

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

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

11. 界面風格要堅持一致，字的巨細、色彩、字體要相同，除非是需求藝術處理或有特殊要求的當地。

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

13. 關于含有按鈕的界面一般不應該支撐縮放，即右上角只要關閉功用。

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

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

16. 規劃具有自己共同風格的界面尤為重要。

17. 界面上應有自己的圖標。

18. 主界面，最好是大多數界面上要有公司圖標。

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

四、總結

1：1024*768 現在以及未來適當長的時刻，將是主流的或不可忽視的分辯率。

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

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