網(wǎng)站布局與色彩搭配技巧1分析

1、網(wǎng)頁設計的基礎-網(wǎng)頁布局正如您現(xiàn)在看到的，網(wǎng)頁的布局變得越來越重要。訪問者不愿意再看到只注 重內(nèi)容的站點。雖然內(nèi)容很重要，但只有當網(wǎng)頁布局和網(wǎng)頁內(nèi)容成功結合時，這 種網(wǎng)頁或者站點才是招人喜歡的。 缺任何一面你都無法留住太過 “挑剔”的訪問 者。網(wǎng)頁布局的基本理念最開始網(wǎng)頁呈現(xiàn)在你面前的時侯，它就好像一張白紙，它需要揮灑你的設計 才華。假如你知道什么是一種約定俗成的標準或者說大多數(shù)訪問者的瀏覽習慣， 那么你可以在此基礎上加上自己的東西。 總結出來就是先鋒在線網(wǎng)站制作人員對 網(wǎng)頁布局的設計理念：.頁面尺寸：一般分辨率在800X 600的情況下，頁面顯示尺寸為780X 428象素；分辨率 在640X

2、480的情況下頁面顯示尺寸為 620 X 311象素；分辨率在1024X 768的情 況下，頁面顯示尺寸為1007X 600o分辨率越高頁面尺寸越大。我們經(jīng)?？吹接?的網(wǎng)頁上的說明：本網(wǎng)頁適合在1024X 768分辨率下瀏覽不要搞成這樣！永遠 不要讓瀏覽者調(diào)整分辨率去適應你的網(wǎng)頁尺寸， 而是應該自動適應瀏覽者的分辨 率尺寸，這就是使用者（瀏覽者）優(yōu)先原則。瀏覽器的工具欄也是影響頁面尺寸的原因。 一般目前的瀏覽器的工具欄都可 以取消或者增加，那么當你顯示全部的工具欄時，和關閉全部工具欄時，頁面的 尺寸是不一樣的。在網(wǎng)頁設計過程中，向下拖動頁面大概是惟一給網(wǎng)頁增加更多內(nèi)容 （尺寸）的 方法。但我想

3、提醒大家除非你能肯定站點的內(nèi)容能吸引大家拖動， 否則不要讓訪 問者拖動頁面超過三屏。雖然現(xiàn)在很多鼠標都有滾輪設計， 但是網(wǎng)頁的設計布局 是越少用到鼠標越好。.整體形象：是圖形與文本的結合應該是層疊有序的整體。 雖然，顯示器和瀏覽器都是矩 形，但對于頁面的造型，你可以充分運用自然界中的其它形狀以及它們的組合： 矩形、圓形、三角形、菱形等輪廓。對于不同的形狀，它們所代表的意義是不同的。比如矩形代表著正式，規(guī)則， 你注意到很多ICP和政府網(wǎng)頁都是以矩形為整體造型；圓形輪廓代表柔和，團結, 溫暖，安全等，許多時尚站點喜歡以圓形為頁面整體造型輪廓；三角形、梯形代 表著力量，權威，牢固，侵略等，許多大型的

4、商業(yè)站點為顯示它的權威性常以三 角形為頁面整體造型；菱形代表著平衡，協(xié)調(diào)，公平，一些交友站點常運用菱形 作為頁面整體造型。雖然不同形狀帶表著不同意義，但目前的網(wǎng)頁制作多數(shù)是接 合多個圖形設計，只是其中某種圖形的比例可能占的多一些。.頁眉和頁腳：頁頭又稱為頁眉，頁眉的作用是定義頁面的主題。比如一個站點的名字多數(shù) 都顯示在頁眉里。這樣，訪問者能很快知道這個站點是什么內(nèi)容。 頁頭是整個頁 面設計的關鍵，它將牽涉到下面的更多設計和整個頁面的協(xié)調(diào)性。頁頭常放置站 點名字的圖片和公司標志以及旗幟廣告。 頁腳和頁頭相呼應。頁頭是放置站點主題的地方，而頁腳是放置公司信息或者作者信息的地方，如：本網(wǎng)頁由某某制作

5、維護.先鋒在線制作的網(wǎng)頁通常不在此處放置作者信息。.文本和圖片：文本在頁面中出現(xiàn)多數(shù)以行或者塊（段落）出現(xiàn)，它們的擺放位置決定整個頁 面布局的可視性。以前因為頁面制作技術的局限，文本位置的靈活性非常小，而 隨著DHTML的興起，文本已經(jīng)可以按照自己的要求放置到頁面的任何位置。圖片和文本是網(wǎng)頁的兩大構成元素，缺一不可。如何處理好圖片和文本的位置成了 整個頁面布局的關鍵。而你的布局思維也將體現(xiàn)在這里。.多媒體除了文本和圖片，還有聲音，動畫，視頻等等其它媒體。雖然它們不是經(jīng)常 能被利用到，但隨著動態(tài)網(wǎng)頁的興起，它們在網(wǎng)頁布局上也將變得很重要，但是 flash動畫不利于搜索引擎的爬蟲找到和識別。網(wǎng)頁設

6、計的原則一、使用者優(yōu)先：無論什么時候，不管是著手準備設計網(wǎng)頁之前、正在設計之中或者已經(jīng)設計 完畢，有一個最高準則就是：使用者優(yōu)先。 因為沒有使用者去光顧或者不方便使 用者瀏覽，任何自認再好的網(wǎng)頁都是沒有意義的。二、考慮大多數(shù)人的連線狀況國內(nèi)互聯(lián)網(wǎng)還處于初級階段，帶寬不足，而且經(jīng)常塞車嚴重，所以設計網(wǎng)頁 時必需以這種普遍狀況為設計考量，不要放置一堆會加重網(wǎng)絡擁擠或讓人等得發(fā) 火的東西。完成之后最好自己透過 Modem撥號上網(wǎng)的方式來親自測試一下。 三、考慮使用者的瀏覽器如果要讓所有的人都可以毫無障礙地觀看您的網(wǎng)頁，那就最好使用所有瀏覽 器都可以閱讀的格式，不要使用只有部份瀏覽器可以支持的 HTM

7、L格式或程序 技巧。如果既想展現(xiàn)自己的高超技術又不想放棄一些潛在觀眾， 可以考慮在主頁 中設置幾種不同的觀賞模式選項（例如純文字模式、Frame模式、Java模式等等） 供瀏覽者自行選擇。四、內(nèi)容永遠第一內(nèi)容可以是任何東西，包括文字、圖片、影像、聲音等等，但一定要跟這個 網(wǎng)站所要提供的訊息有關系。一個好的網(wǎng)站在進行實際的 HomePage建置之前，首先應考慮的就是上面的 四個要點。下面是在著手網(wǎng)頁制作過程中，所應該掌握的幾個重點原則： 五、著手規(guī)劃、確定特色、鎖定目標規(guī)劃時必須確定網(wǎng)站的性質、內(nèi)容、目標客戶、受眾，然后根據(jù)本身的條件 來設置范圍。網(wǎng)絡的特色是及時、新鮮、豐富、熱鬧，這是吸引大家

8、上網(wǎng)的條件， 如果本身條件強大，可以根據(jù)上述原則使自己網(wǎng)站成為一個全方位的信息提供 者，如果不足，就做單方面資源的提供者；止匕外，還可以在特殊議題或主題上加 以突出，進一步鎖定目標觀眾，四個字：揚長避短。六、首頁很重要雖然是廢話，還是要強調(diào)一下，因為它是網(wǎng)站的第一印象。最好第一頁就有 很清楚的類別選項，而且盡量符合人性化，讓參觀者可以很快找到需要的主題。 在設計上最好秉持干凈清爽的原則。 若無需要，盡量不要放置大型圖形文件或加 上不適當?shù)某绦?，那樣會增加下載時間，導致訪問者失去耐心；注意畫面不要太 過雜亂無序。七、分類可以按主題分類、按性質分類、按機關組織分類，或按人類思考直覺式地分 類等等，

9、一般而言，按人類的直覺式思考會比較親切。但無論哪一種分類方法， 都要讓使用者可以很容易找到目標。 而且分類方法最好盡量保持一致，若要混用 多種分類方法也要掌握不讓使用者搞混的原則。此外，在每個分類選項的旁邊或 下一行，最好也加上這個選項內(nèi)容的簡要說明。八、互動好網(wǎng)站必須與使用者有良好的互動， 包括在整個設計呈現(xiàn)、使用界面導引等 等，都應掌握互動的原則，讓使用者感覺他的每一步都確實得到適當?shù)幕貞?這 部分需要一些設計上的技巧。事實上，好的網(wǎng)站設計必須加上個人技巧、 經(jīng)驗累 積以及軟硬件技術的配合運用等。九、圖形應用技巧圖形帶有醒目、吸引人以及傳達訊息的功能，好的圖形應用可以讓網(wǎng)頁設計 增色不少

10、，但不當?shù)膱D形應用則會帶來反效果， 而其中又以大量使用無意義及大 型的圖形為最大敗筆。先鋒在線建議：應盡量縮小或省略圖形。目前國內(nèi)的網(wǎng)絡 傳輸資源有限，使用圖形時一定要考慮傳輸時間的問題。 根據(jù)經(jīng)驗與統(tǒng)計，使用 者可以忍受的最長等待時間大約是 90秒鐘。因此必須依據(jù)HTML文件、圖形文 件的大小，考慮傳輸速率、延遲時間、網(wǎng)絡狀況，以及服務端與使用者終端的軟 硬件條件，估算網(wǎng)頁的傳輸與顯示時間。在圖形使用上，盡量采用一般瀏覽器均 可支持的壓縮圖形格式，例如 JPG與GIF等，可以節(jié)省傳輸時間。 十、網(wǎng)頁背景不少人喜歡在網(wǎng)頁加上背景圖案，認為可以增加美感，但這樣會耗費傳輸時 間，而且容易影響閱讀視

11、覺，反而給使用者不好的印象。筆者建議，若沒有絕對 必要，最好避免使用背景圖案，保持干凈清爽的本文。但如果真的喜歡使用背景， 那么最好使用單一色系，而且要跟前景的文字可以明顯區(qū)別， 最忌諱使用花俏多 色的背景，這樣會嚴重混亂使用者的閱讀。H一、HTML格式的注意事項如果本身網(wǎng)站想讓別人可以透過搜尋站來找到，那么千萬不要忘了在Title指令中加上可供搜尋的關鍵字。在PC系統(tǒng)下，文件的大小寫不用區(qū)分，但在UNIX系統(tǒng)下，則大小寫有區(qū)分，需要注意。十二、避免濫用技術好的技術運用會讓網(wǎng)頁栩栩如生，嘆為觀止；但不當?shù)募夹g則適得其反，反 而成為網(wǎng)頁設計的敗筆。首先使用技術時一定要考慮傳輸時間，不要成為他人觀

12、 看的沉重負擔；其次，技術一定要與本身網(wǎng)站的性質及內(nèi)容相配合，不要耍一大堆不相干的技術。Java小程序也是目前網(wǎng)絡上的常見技術，它長于動態(tài)物象的呈 現(xiàn)，雖然只要瀏覽器支持就可以動，但同樣，也需要考慮傳輸時間，以及電腦系 統(tǒng)負荷等問題。最后，技術最好不要用得太過多樣而復雜， 有些人似乎不表現(xiàn)一 下自己就不快樂，卻忽略了原則上應適可而止才能恰到好處。 十三、經(jīng)常更新、維護大家都想看新鮮的東西，沒人對過時信息有興趣，所以資料一定要注意時效 性。先鋒在線建議，不妨每隔一陣子就對頁面設計做一次小翻新，時時保持新鮮感。最后，須考量的就是事后維護管理的問題， 個人性質的網(wǎng)站在維護管理上比 較簡單，公司網(wǎng)站的

13、維護更新就更重要了。疏可走馬，密不容針在國畫中，有一句描述布局的話比較經(jīng)典，叫做“計白當黑”，所謂“疏可走馬，密不容針”，就是說空著的地方和著了墨的地方一樣，都是整體的組成部 分。一枝筆、一張紙，計黑當白，也計白當黑，用現(xiàn)代人的觀點說，無非是一種 藝術的造型與空間的分割。這是書家畫手孜孜追求的一種境界?？梢娏舭资欠浅?重要的，網(wǎng)頁設計上要想空白的地方但看起來舒服，還是要下點功夫的。網(wǎng)頁上的空白部分，同其它頁面內(nèi)容如文本、圖片、動畫等一樣，都是設計 制作網(wǎng)頁時要通盤斟酌的。設計者在設計網(wǎng)頁時也就是在和瀏覽者做交流， 好的設計師能夠同瀏覽者進 行心理的對話 一一不僅僅通過文字、圖片、動畫.同時也借

14、助留白進行表達， 只有照顧了整個頁面空間的分配，留白才能表現(xiàn)出一定的活力，其實在排版布局 中，我們經(jīng)常在不知不覺地利用著留白， 試想如果頁面上充滿了圖片和文字，一 點空隙都不留，那就根本談不上韻律，利用留白來使頁面布局平衡，在一種不平 衡中營造平衡，達到錯落有致的效果，這樣就會使頁面生動起來。我們應該在網(wǎng)頁中通過留白的作用，使整個內(nèi)容排布得松緊有度。網(wǎng)站顏色搭配技巧顏色的使用在網(wǎng)頁制作中起著非常關鍵的作用，有很多網(wǎng)站以其成功的色彩 搭配令人過目不忘。但是對于剛開始學習制作網(wǎng)頁的人來說， 往往不容易駕馭好 網(wǎng)頁的顏色搭配。除了學習各種色彩理論和方法之外，筆者認為多學習一些著名 網(wǎng)站的用色方法，對

15、于我們制作美麗的網(wǎng)頁可以起到事半功倍的作用。所以，筆者總結了一些著名網(wǎng)站的顏色搭配方法，這些方法可以讓我們的學習少走彎路， 快速提高我們的網(wǎng)頁制作水平。一、網(wǎng)頁顏色原理和象征意義我們所有網(wǎng)頁上顏色，在 HTML下看到的是以顏色英文單詞或者十六進制 的表示方法（如#000000表示為黑色）。不同的顏色有著不同的含義，給人各種 豐富的感覺和聯(lián)想。紅色代表熱情、活潑、熱鬧、溫暖、幸福、吉祥、奔放、喜悅、莊嚴橙色代表光明、華麗、興奮、甜蜜、快樂黃色代表明朗、愉快、高貴、希望、富有、燦爛、活潑黑色代表崇高、堅實、嚴肅、剛健、粗莽、夜晚、沉著白色代表純潔、純真、樸素、神圣、明快、簡單、潔凈藍色代表深遠、永

16、恒、沉靜、理智、誠實、寒冷、天空、清爽、科技綠色代表新鮮、平靜、和平、柔和、安逸、青春、植物、生命、生機灰色代表憂郁、消極、謙虛、平凡、沉默、中庸、寂寞、莊重、沉穩(wěn) 紫色代表優(yōu)雅、高貴、魅力、自傲、浪漫、富貴棕色：大地、厚樸二、網(wǎng)頁顏色的使用風格不同的網(wǎng)站有著自己不同的風格，也有著自己不同的顏色。網(wǎng)站使用顏色大 概分為幾種類型：1、公司色在現(xiàn)在企業(yè)中，公司的CI形象顯得尤其重要，每一個公司的 CI設計必然要 有標準的顏色。比如新浪網(wǎng)的主色調(diào)是一種介于淺黃和深黃之間的顏色，同時形象宣傳、海報、廣告使用的顏色都和網(wǎng)站的顏色一致。 再比如國富投資公司的主 色調(diào)是C: 100%, M: 60%, Y:

17、 0%, K: 0%0這樣的顏色使用到網(wǎng)站上顯得色 調(diào)自然、底蘊深厚。2、風格色許多網(wǎng)站使用顏色秉承的是公司的風格。比如海爾使用的顏色是一種中性的 綠色，即充滿朝氣有不失自己的創(chuàng)新精神。 女性網(wǎng)站使用粉紅色的較多，大公司 使用藍色的較多這些都是在突出自己的風格。3、習慣色這些網(wǎng)站的顏色使用很大一部分是憑自己的個人愛好，以個人網(wǎng)站較多使用，比如自己喜歡紅色、紫色、黑色等，在做網(wǎng)站的時候就傾向于這種顏色。每一個 人都有自己喜歡的顏色，因此這種類型稱為習慣色。三、色彩的基礎知識色彩五顏六色、千變?nèi)f化，我們平時所看到的白色光，經(jīng)過分析在色帶上可 以看到，它事實上包括紅、橙、黃、綠、青、藍、紫等七色，各

18、顏色間自然過渡。 其中，紅、黃、藍是三原色，三原色通過不同比例的混合可以得到各種顏色。色 彩有冷暖色之分，冷色（如藍色）給人的感覺是安靜、冰冷；而暖色（如紅色）給人 的感覺是熱烈、火熱。冷暖色的巧妙運用可以讓網(wǎng)站產(chǎn)生意想不到的效果。色彩與人的心理感覺和情緒也有一定的關系， 利用這一點可以在設計網(wǎng)頁時 形成自己獨特的色彩效果，給瀏覽者留下深刻的印象。四、色彩搭配的原則色彩搭配既是一項技術性工作，同時它也是一項藝術性很強的工作，因此， 設計者在設計網(wǎng)頁時除了考慮網(wǎng)站本身的特點外，還要遵循一定的藝術規(guī)律，從而設計出色彩鮮明、性格獨特的網(wǎng)站。.特色鮮明一個網(wǎng)站的用色必須要有自己獨特的風格， 這樣才能顯

19、得個性鮮明，給瀏覽 者留下深刻的印象。.搭配合理網(wǎng)頁設計雖然屬于平面設計的范疇，但它又與其它平面設計不同，它在遵從 藝術規(guī)律的同時，還考慮人的生理特點，色彩搭配一定要合理，給人一種和諧、 愉快的感覺，避免采用純度很高的單一色彩，這樣容易造成視覺疲勞。.講究藝術性網(wǎng)站設計也是一種藝術活動，因此它必須遵循藝術規(guī)律，在考慮到網(wǎng)站本身 特點的同時，按照內(nèi)容決定形式的原則，大膽進行藝術創(chuàng)新，設計出既符合網(wǎng)站 要求，又有一定藝術特色的網(wǎng)站。五、色彩搭配要注意的問題.使用單色盡管網(wǎng)站設計要避免采用單一色彩， 以免產(chǎn)生單調(diào)的感覺，但通過調(diào)整色彩 的飽和度和透明度也可以產(chǎn)生變化，使網(wǎng)站避免單調(diào)。.使用鄰近色所謂

20、鄰近色，就是在色帶上相鄰近的顏色，例如綠色和藍色，紅色和黃色就 互為鄰近色。采用鄰近色設計網(wǎng)頁可以使網(wǎng)頁避免色彩雜亂，易于達到頁面的和 諧統(tǒng)一。.使用對比色對比色可以突出重點，產(chǎn)生了強烈的視覺效果，通過合理使用對比色能夠使 網(wǎng)站特色鮮明、重點突出。在設計時一般以一種顏色為主色調(diào)，對比色作為點綴, 可以起到畫龍點睛的作用。.黑色的使用黑色是一種特殊的顏色，如果使用恰當，設計合理，往往產(chǎn)生很強烈的藝術 效果，黑色一般用來作背景色，與其它純度色彩搭配使用。.背景色的使用背景色一般采用素淡泊雅的色彩，避免采用花紋復雜的圖片和純度很高的色 彩作為背景色，同時背景色要與文字的色彩對比強烈一些。.色彩的數(shù)量

21、一般初學者在設計網(wǎng)頁時往往使用多種顏色， 使網(wǎng)頁變得很 花”，缺乏統(tǒng)一 和協(xié)調(diào)，表面上看起來很花哨，但缺乏內(nèi)在的美感。事實上，網(wǎng)站用色并不是越 多越好，一般控制在三種色彩以內(nèi)，通過調(diào)整色彩的各種屬性來產(chǎn)生變化網(wǎng)頁配色方案的選擇和色彩使用技巧要說色彩的運用，還是先談談黑白灰色彩的應用吧，因為黑白灰色彩是萬能 色，可以跟任意一種色彩搭配。當你為某種色彩的搭配苦惱的時候， 不防試試用 黑白灰。當你覺得兩種色彩的搭配不協(xié)調(diào)，試試加入黑色，或者灰色，或許會有 意想不到的效果哦。對一些明度較高的網(wǎng)站，配以黑色，可以適當?shù)亟档推涿鞫取０咨蔷W(wǎng)站用 的最普遍的一種顏色。很多網(wǎng)站甚至留出大塊的白色空間， 作為網(wǎng)

22、站的一個組成 部分。這就是留白藝術。很多設計性網(wǎng)站較多運用留白藝術。留白，給人一個遐 想的空間，恰當?shù)牧舭讓τ趨f(xié)調(diào)頁面的均衡起到相當大的作用。確定網(wǎng)站的主題色，一個網(wǎng)站不可能單一的運用一種顏色，讓人感覺單調(diào)， 乏味；但是也不可能將所有的顏色都運用到網(wǎng)站中，讓人感覺輕浮，花哨。一個 網(wǎng)站必須有一種或兩種主題色，不至于讓客戶迷失方向，也不到于單調(diào)，乏味。 所以確定網(wǎng)站的主題色也是設計者必須考慮的問題之一。一個頁面盡量不要超過4種色彩，用太多的色彩讓人沒有方向，沒有側重。 當主題色確定好以后，考慮其它配色時，一定要考慮其它配色與主題色的關系， 要體現(xiàn)什么樣的效果。另外哪種因素占主要地位，是明度，純度

23、還是色相。先鋒在線的網(wǎng)頁使用藍色為主色，配以黃色，因為這兩種顏色的搭配最協(xié)調(diào) 也最豐富，可以有許多變化，穩(wěn)重優(yōu)雅中不失靈動，更與桔色的LOGO相得益彰，避免只有藍色產(chǎn)生冷冷清清的感覺， 整體顯得很整潔很和諧，和諧就是恰到 好處。柔和的、明亮的、溫和的rrncc cerrrr fkcccrrcccc fnrnj ccccrrrrcccc rrrrrr ccrrccsrrrrc8ccc ccrr”FF99(S FFCSCS FFCCCCrrcecc txcstFFCC S3 CCfF99 CCCCCC9XCCC 99ZC99 ffCCCCFFCC99 FTFFCC 99CCCC爽朗的CCCCFF

24、fKCC CCFFFI柔和的.潔凈的.CCCCFF IFFFFr 9K(CCCCfFSi fFFFFF 91CCFF35CCCC FTFFFF CCFFSSCCFFCC FFIFFT MCCCCc99999 CCCCJ3txc9 w rrcccc，“”，x“9 rrrrrF 9XC8fF003l 333393 CCCCO)3KC3* F-FfOO 九6699般快的.華麗的.動感的SSOOU FFOCO) CCOO33FKC33 999999 FfD019rnmo rrco33iu，2y，一八rrcrno gozqqFTO03B CCCCOO OC6699 COO ff$M3 “3”，ms13

25、rnroo ”“好 rrccc mcco)ooji” nifoo rrccoo網(wǎng)站風格的確立一個人擁有自己獨特的風格是一般人所沒有的， 這個叫做個性，如果有特殊 的需要，甚至可以變成另類，呵呵，總之就是會讓人注意到那種特別，若那個人 的個性風格是正面的積極的，甚至會引起別人的羨慕與注意或是贊賞。 就如同一 個網(wǎng)站，擁有別的網(wǎng)站所沒有的風格，就會讓瀏覽者愿意多停留些時間， 細細品 嘗該站的內(nèi)容，甚至該站會得到多人的鼓勵與注目， 粗略的說，網(wǎng)站風格可以從 以下幾個方向來探討，而每一項都是有關聯(lián)性的：1、色系：網(wǎng)頁的底色、文字字型、圖片的色系、顏色等等，更詳細的色板可參 考網(wǎng)頁配色方案的選擇和色彩使

26、用技巧。2、排版：表格、框架的應用、文字縮排、段落等等，特別要注意錯別字。3、窗口：窗口效果，例如：全屏幕窗口、特效窗口等。4、程序：網(wǎng)頁互動程序，例如： ASP . PHP . XML. CGI等等。5、特效：讓網(wǎng)頁看起來靈動活潑的各種應用， 如：Flash . Java script . Java applets . DHTML等等。6、架構：目錄規(guī)劃、層次淺顯易懂、選單應用等等原則就是適于瀏覽和閱讀。7、內(nèi)容：網(wǎng)站主題、整體實用性、文件關聯(lián)性、內(nèi)容切合度、是否有不必要的或不相關的檔案等等。8、走向：對于網(wǎng)站的未來規(guī)劃、網(wǎng)站整體內(nèi)容走向等。以上這些項目都與網(wǎng)頁風格有密切的關系， 網(wǎng)頁的風格

27、不是某一項相同，網(wǎng) 站就是有整體感，而是要各項目的配合應用，才能達到完美的網(wǎng)站風格設計。在中國，很多設計師喜歡模仿，中國五千年傳統(tǒng)文化里我們畫畫練字多是采 用臨摹描白等方法，老外叫 COPY（拷貝），是可以理解的，所謂見賢思齊就是 看到優(yōu)秀的人就希望自己也能象他一樣，臨摹的和拷貝的自然也通常是優(yōu)秀作 品。但作為網(wǎng)頁設計者應該找到自己的定位， 就是要針對不同內(nèi)容來策劃網(wǎng)站設 計，以自己的領悟理解設計出最適合于此的風格。最重要的就是多做網(wǎng)站了，最好是不同形式內(nèi)容的網(wǎng)站，還要經(jīng)常對優(yōu)秀站點加以分析，更有利于在自己網(wǎng)頁 設計工作中進行系統(tǒng)的規(guī)劃。韓國網(wǎng)站的設計構思韓國網(wǎng)站設計的色彩搭配一直都非常大膽，

28、冷色暖色常常不按常理搭配，視 覺沖擊很強，色彩豐富但卻不花哨，顏色突出卻并不刺眼，可充分說明設計者對 色彩搭配及分布的了解。以下是韓國網(wǎng)頁設計中常用的色譜， 但不是全部，只是 一小部分：nuniEDi hFiiniEHE符叱石白DECimHLLIGHT 占HXSLUE浸天藍色7CEFn1眄三口瓦己曰口roDBER BLUE道奇蘭fllElDFFmoiuu定第mEDiumsuFiTEeLUE適中板巖暗藍用/口肖日DEEP SHyBLUE深天藍ttDUBFFFUlm1互TURQUEIEE綠寶石ttUIDECIDD&U,.22UDPINK耕紅ttFFEDCB西唐已口引ERIIHIEDH猩紅#DCHh

29、IKONCLB 口HOT PIW：熱情粉紅”的：&打把5 J 口5,1曲fflRGhTR洋紅4FFCCFF三品5fiLUEVIDET紫羅蘭藍色ttfiraua5IELLD1U純黃FFFFnnm己寫，衛(wèi)己互一口GOLD金色FFD70O5521541DRRRQF1RIHESE深橙色PPG1SCOlRALL珊瑚KFF7FS己九日口由下圖我們可以學到使用漸變色的圖片可以使圖形乃至網(wǎng)頁更有層次感立體感，無規(guī)則的布局中又有充分的規(guī)則性， 給人一種深沉而不俗氣，穩(wěn)重而不呆 板的感覺，沒有太多顏色搭配，色彩不在多而在于精，看似乎平無奇又不失時尚， flash動畫、欄目導航、logo 一個都不少，看起來很象中國

30、人設計的網(wǎng)頁，仔細 一看又不一樣，里面有精美矢量圖的運用以及層次分明的疊加設計：下圖構思巧妙，渾然一體，采用漂亮的活潑靈動的黃色系為主色調(diào)，整體是 一個可愛得冒泡兒的啤酒杯，與企業(yè)品牌相得益彰，巧妙地將LOGO和店名放在醒目位置，結構緊湊而不擁擠，左側幾個泡泡更具匠心，不但使整體布局更加 生動，與商家品牌更貼切，給人一種眼前一亮的視覺沖擊，雖然是商業(yè)網(wǎng)站卻做 得很脫俗：韓國網(wǎng)頁設計大多干凈整潔，給人以清新明快之感，頁面層次豐富，不按常 規(guī)布局，動畫以及BANNER個性突出，大量運用疊加效果，風格特異，充分體 現(xiàn)設計師的創(chuàng)意和制作功底，非常值得我們學習和借鑒，如果大家還沒看過癮， 可以到我站的韓

31、國網(wǎng)頁模板查看更多經(jīng)典韓國網(wǎng)頁樣例。Google官方的網(wǎng)頁設計建議Google官方對于此問題的闡述原文如下：Make a site with a clear hierarchy and text links. Every page should be reachable from at least one static text link.Offer a site map to your users with links that point to the important parts of your site. If the site map is larger than 100 or so links, you may want to break the site map into separate pages.Create a useful, information-rich site and write pages that clearly and accu