色彩豐富網頁設計

1、網頁設計中顏色搭配的重要性,常見顏色的含義

一步、底色和圖形色 色彩搭配的問題確實不是一個簡單的問題。這一代的設計師比上一代的設計師，所能運用的色彩工具多了許多。如今，我們能運用好計算機為我們提供的豐富色彩，看來不是很簡單的事情。就我個人而言，在我從事設計師工作以來，往往也會迷失在色彩的世界。現在交流一下自己學過的和掌握的一些經驗，希望大家指正。 配色所要注意的要素 實際設計時，我們經常會按照設計的目的來考慮與形態、肌理有關聯的配色及色彩面積的處理方案，這個方案就是我的配色計劃。在做配色計劃時，我們應該考慮下述幾點以突出視覺效果。 1.底色和圖形色 在設計時我們會經常遇到用幾個色做各種形的構成，作為底的色我們往往會將它推遠，而作為圖形或文字的色我們要將它拉近。這就需要我們了解受配色關系的影響是什麼樣的。 一般明亮和鮮艷的色比暗濁的色更容易有圖形效果。因此，配色時為了取得明了的圖形效果必須首先考慮圖形色和底色的關系。 圖形色要和底色有一定的對比度。這樣才可以很明確的傳達我們要表現的東西。 我們要突出的圖形色必須讓它能夠吸引觀者的主要注意力。如果不是這樣就會喧賓奪主。
第二步、整體色調 如果我們想使我們的設計能夠充滿生氣，穩健，冷清或者溫暖，寒冷等感覺都是由整體色調決定的。那麼我們怎麼能夠控制好整體色調呢？只有控制好構成整體色調的色相、明度、純度關系和面積關系等。才可以控制好我們設計的整體色調。首先要在配色中心決定佔大面積的色，並根據這一色來選擇不同的配色方案會得到不同的整體色調。從中選擇出我們想要的。 如果我們用暖色系列來做我們的整體色調則會呈現出溫暖的感覺，反之亦然。 如果用暖色和純度高的色作為整體色調則給人以火熱刺激的感覺，以冷色和純度低的色為主色調則讓人感到清冷、平靜的感覺。 以明度高的色為主則亮麗，而且變得輕快，以明度低的色為主則顯得比較莊重、肅穆。 取對比的色相和明度則活潑，取類似、同一色系則感到穩健。 色相數多則會華麗，少則淡雅、清新。 以上幾點整體色調的選擇要根據我們所要表達的內容來決定。

第三步、配色的平衡 顏色的平衡就是顏色的強弱、輕重、濃淡這種關系的平衡。這些元素在感覺上會左右顏色的平衡關系。因此，即使相同的配色，也將會根據圖形的形狀和面積的大小來決定成為調和色或不調和色。一般同類色配色比較容易平衡。 處於補色關系且明度也相似的純色配色，如：紅和蘭綠的配色，會因過分強烈感到刺眼，成為不調和色。可是若把一個色的面積縮小或加白黑，改變其明度和彩度並取得平衡，則可以使這種不調和色變的調和。 純度高而且強烈的色與同樣明度的濁色或灰色配合時，如果前者的面積小，而後者的面積大也可以很容易的取得平衡。 將明色與暗色上下配置時，若明色在上暗色在下則會顯得安定。反之，若暗色在明色上則有動感。

第四步、配色時要有重點色 配色時，為了彌補調子的單調，可以將某個色作為重點，從而使整體配色平衡。在整體配色的關系不明確曖昧時，我們就需要突出一個重點色來平衡配色關系。選擇重點色要注意以下幾點： 重點色應該使用比其他的色調更強烈的色。 重點色應該選擇與整體色調相對比的調和色。 重點色應該用於極小的面積上。而不能用於大面積上。 選擇重點色必須考慮配色方面的平衡效果。

第五步、配色的節奏 由顏色的配置產生整體的調子。而這種配置關系在整體色調中反復出現排列就產生了節奏。色的節奏和顏色的排放，形狀，質感等有關。由於漸進的變化色相、明度、純度都會產生變化而且時有規律的，所以就產生了階調的節奏。 將色相、明暗、強弱等等的變化做幾次反復，從而會產生反復的節奏。 可以通過賦予色彩的配置以跳躍和方向感就會產生動的節奏，等等。我們可以通過學習或訓練來掌握更多的節奏效果。

第六步、漸變色的調和 2色或2個以上的色不調和時，在其中間插入階梯變化的幾個色，就可以使之調和。色環的漸變：色相的漸變象色環一樣，在紅、黃、綠、蘭、紫等色相之間配以中間色，就可以得到漸變的變化。 明度的漸變：從明色到暗色階梯的變化。 純度的漸變：從純色到濁色或到黑色的階梯變化。 根據色相、明度、純度組合的漸變，把各種各樣的變化作為漸變的處理，從而構成復雜的效果。這些漸變色都是調和的。

第七步、在配色方面的統調 所謂統調，即為了多色配合的整體統一而用一個色調支配全體，將這個色叫做統調色，也就是支配色調。 色相統調是在各色中加入相同的色相，而使整體色調統一在一個色系當中。從而達到調和。 明度統調是加白色或黑色，以使全體色調的明度相似。這樣也可以達到調和。 純度統調是加灰色，以使全體色調的純度相似

第八步、在配色方面的分割 2個色如果互相處於對立關系是對比的，具有過分強烈的效果，成為不調和色。為了調節它們，在這些色中用其它色把它們劃分開來，即分割。將用於分割的色叫做分割色。由於分割的目的，可以用於分割色的顏色不多，最常用的是白、灰、黑。 金色和銀色也具有分割的效果。但在我們的電腦中很難調出具有重量感的這兩種色，所以在電腦中幾乎用不到這兩種色。但可以用於印刷中。 使用其它彩色進行分割也可以，但要選擇與原來色有明顯區別的明度，同時也應考慮色相和純度。

以上這些是我們在配色時注意的一些問題和解決的一些基本方法。我想還有更多的色彩問題，我這里沒有談到。如：色彩的感情、色彩的形狀、色彩的味覺、色彩的距離感、色彩的音樂感等等。
紅色：熱情、浪漫、火焰、暴力、侵略。紅色在很多文化中代表的是停止的訊號，用於警告或禁止一些動作。

紫色：創造、謎、忠誠、神秘、稀有。紫色在某些文化中與死亡有關。

藍色：忠誠、安全、保守、寧靜、冷漠、悲傷。

綠色：自然、穩定、成長、忌妒。在北美文化中，綠色代表的是「行」，與環保意識有關，也經常被連結到有關財政方面的事物。

黃色：明亮、光輝、疾病、懦弱。

黑色：能力、精緻、現代感、死亡、病態、邪惡。

白色：純潔、天真、潔凈、真理、和平、冷淡、貧乏。白色在中華文化中也代表著死亡的顏色。

打開一個網站，給用戶留下第一印象的既不是網站豐富的內容，也不是網站合理的版面布局，而是網站的色彩。色彩對人的視覺效果非常明顯，一個網站設計成功與否，在某種程度上取決於設計者對色彩的運用和搭配。因為網頁設計屬於一種平面效果設計，在排除立體圖形、動畫效果之外，在平面圖上，色彩的沖擊力是最強的，它很容易給用戶留下深刻的印象。因此，在設計網頁時，我們必須要高度重視色彩的搭配。

一、色彩的基礎知識

色彩五顏六色、千變萬化，我們平時所看到的白色光，經過分析在色帶上可以看到，它事實上包括紅、橙、黃、綠、青、藍、紫等七色，各顏色間自然過渡。其中，紅、黃、藍是三原色，三原色通過不同比例的混合可以得到各種顏色。色彩有冷暖色之分，冷色(如藍色)給人的感覺是安靜、冰冷；而暖色(如紅色)給人的感覺是熱烈、火熱。冷暖色的巧妙運用可以讓網站產生意想不到的效果。

色彩與人的心理感覺和情緒也有一定的關系，利用這一點可以在設計網頁時形成自己獨特的色彩效果，給瀏覽者留下深刻的印象。一般情況下，各種色彩給人的感覺是：

紅色代表熱情、活潑、熱鬧、溫暖、幸福、吉祥

橙色代表光明、華麗、興奮、甜蜜、快樂

黃色代表明朗、愉快、高貴、希望

綠色代表新鮮、平靜、和平、柔和、安逸、青春

藍色代表深遠、永恆、沉靜、理智、誠實、寒冷

紫色代表優雅、高貴、魅力、自傲

白色代表純潔、純真、樸素、神聖、明快

灰色代表憂郁、消極、謙虛、平凡、沉默、中庸、寂寞

黑色代表崇高、堅實、嚴肅、剛健、粗莽

二、色彩搭配的原則

色彩搭配既是一項技術性工作，同時它也是一項藝術性很強的工作，因此，設計者在設計網頁時除了考慮網站本身的特點外，還要遵循一定的藝術規律，從而設計出色彩鮮明、性格獨特的網站。

1.特色鮮明

一個網站的用色必須要有自己獨特的風格，這樣才能顯得個性鮮明，給瀏覽者留下深刻的印象。

2.搭配合理

網頁設計雖然屬於平面設計的范疇，但它又與其它平面設計不同，它在遵從藝術規律的同時，還考慮人的生理特點，色彩搭配一定要合理，給人一種和諧、愉快的感覺，避免採用純度很高的單一色彩，這樣容易造成視覺疲勞。

3.講究藝術性

網站設計也是一種藝術活動，因此它必須遵循藝術規律，在考慮到網站本身特點的同時，按照內容決定形式的原則，大膽進行藝術創新，設計出既符合網站要求，又有一定藝術特色的網站。

三、色彩搭配要注意的問題

1.使用單色

盡管網站設計要避免採用單一色彩，以免產生單調的感覺，但通過調整色彩的飽和度和透明度也可以產生變化，使網站避免單調。

2.使用鄰近色

所謂鄰近色，就是在色帶上相鄰近的顏色，例如綠色和藍色，紅色和黃色就互為鄰近色。採用鄰近色設計網頁可以使網頁避免色彩雜亂，易於達到頁面的和諧統一。

3.使用對比色

對比色可以突出重點，產生了強烈的視覺效果，通過合理使用對比色能夠使網站特色鮮明、重點突出。在設計時一般以一種顏色為主色調，對比色作為點綴，可以起到畫龍點睛的作用。

4.黑色的使用

黑色是一種特殊的顏色，如果使用恰當，設計合理，往往產生很強烈的藝術效果，黑色一般用來作背景色，與其它純度色彩搭配使用。

5.背景色的使用

背景色一般採用素淡清雅的色彩，避免採用花紋復雜的圖片和純度很高的色彩作為背景色，同時背景色要與文字的色彩對比強烈一些。

6.色彩的數量

一般初學者在設計網頁時往往使用多種顏色，使網頁變得很「花」，缺乏統一和協調，表面上看起來很花哨，但缺乏內在的美感。事實上，網站用色並不是越多越好，一般控制在三種色彩以內，通過調整色彩的各種屬性來產生變化

2、如何在短時間內提高網頁設計的色彩搭配

首先色彩來搭配對書面原源理需要了解，建議你購買一些專門講解色彩理論的書。了解了理論才能夠在生活中找到與理論相呼應的現象。
色彩是平面和網頁設計的基本工具.最基本的有鄰近色和互補色的搭配，簡單來說，同色系的搭配你應該理解，淡黃+土黃+棕色，搭配起來就很入調，很和諧。
而互補色有三對。分別為紅配綠，藍配橙，黃配紫，補色可以相互間冷暖調和，相互襯托。能最直接地發揮顏色給人的感覺
打個比方，因為橙色與藍色是互補色，所以在表現藍天的畫面里可以適當應用橙色系的物體而凸顯天空更加的蔚藍。又或者你可能經常看到一些網頁上有很多廣告，能發現，那些廣告經常就是應用了補色效應，如淺藍色的底，上面是橙色的廣告語。包括網路知道的頁面上都是藍色字與橙色字的的組合，視覺上有很舒服的效果，又很明顯。
正確的色彩搭配給人和諧潤滑的感覺，不過違反色彩原理也是可以適當利用的，突兀的撞色搭配可以達到刺激眼球的目的，比如紅色陪藍色

3、網頁設計的幾個要素是什麼？

(一)圖片要素

圖片並不適合於所有的網頁，而是和網頁的主要內容有關，有些網站，來訪者並不在意網頁是否可以做出精美的圖片，他們所關心的只是網站中的內容，如果加入大量的圖片，來訪者反而覺得過多的圖片會影響訪問的速度;而像游戲網站、風景名勝網站和影視介紹網站，則需要大量精美的圖片作為依託。在這類網站中，圖片是一個極其重要的要素，如果這類網站少了做工精美的圖片，那麼整個網站都會顯得黯然失色。要做出精美漂亮的圖片，就需要設計者熟練掌握圖形圖像設計軟體，還要有一定的美術基礎和創意技巧。

(二)排列方法要素

網頁的排列方法也叫做網頁布局，這是網頁設計中尤為重要的一環。網頁作為一種版面，既有文字又有圖片，文字有大有小，有標題和正文之分，圖片有橫豎之別。我們要用完美的格式將文字和圖片同時展現給來訪者，而不能將其簡單地羅列在一起，給人一種雜亂無章之感。關於網頁布局，常見的有「國」字型、標題正文型、拐角型、左右框架型、上下框架型、綜合框架型等多種方式，我們要根據網頁的內容來進行選擇。如網頁內容豐富繁雜，就需要考慮用「國」字型或拐角型，而如果網頁內容比較少則可以選擇標題正文型。關於網頁布局，我們要靈活多變地來進行設計，這樣才能不斷提高和豐富我們的網頁。

(三)主色調要素

主色調要素也就是色彩要素，色彩在網頁中佔有很大的比重。我們在進行網頁主頁設計時，利用合理清新的色彩可以彌補主頁上的其他不足。當然，在網頁頁面的色彩搭配選擇上與網站的主題是分不開的，一個網站在色彩的選擇上不能太多也不能太少，這樣既可以避免瀏覽者因色彩過多而迷失方向，也不至於色彩單調而乏味。

4、網頁設計顏色的搭配

網站配色的方法很多。
首先可以根據選定的主題圖片提取三種主色，確定網站顏色。
還可以通過站點的性質（政府藍公益綠商業紅個性黑）來確定站點的配色。
然後，還可以根據網站的主題，選擇一種顏色，使用配色工具來給這個顏色延伸出其他三種配色，作為一套配色方案。
有個網站不錯
http://kuler.adobe.com/

5、色彩設計在web界面如何應用

一、 視覺引導功能

視覺引導功能遵循的是一條流暢的路徑，網頁色彩能順利地引導用戶在頁面上移動體驗。

在WEB界面設計中，色彩擔負起和線條、文字一樣的視覺引導和強調的作用。設計師可以充分利用色彩導向作用力量去美化頁面，對重要的信息進行色彩的整合和強化，引導瀏覽者的注意力，有利於推廣新產品。對需要強調的內容適當運用色彩加以突出，使瀏覽者加深記憶，提高網站的信息傳遞效率。在產品展示類型的網頁中，色彩的強調功能尤為明顯。我們在瀏覽一些頁面中不難發現世界頂級護膚品牌HR赫蓮娜的展示頁面，它成功地利用色彩將瀏覽者的注意力引導到產品之上，給人留下深刻的印象。又如在某些商品展示類的網站，色彩的導向傳遞功能運用尤為明顯：亮色系比如以黃色為背景一般所代表的意思是促銷產品熱賣產品，而藍色、褐色或深綠色等冷色調的搭配則多用來表現商品的價值。

二、企業形象識別功能

企業標准色是企業形象識別要素之一，網站設計者將企業網路界面色彩與企業標准色相呼應起到了加深企業形象的作用。格羅佩斯(Walter Gropius)在他的《藝術家與技術家在何處相會》一文中提到「如果物體的形象很適合於它的工作，它的本質就能被人看的清楚明確。」從這里可以很深刻的了解到企業形象在信息傳遞和接納過程當中所起到的非常重要的作用因素。色彩也是形成企業形象的關鍵要素，企業標准色是企業形象的色彩表示系統，人們一看到此色彩就會聯想到該企業。把CI設計這一理念應用到網站整體形象規劃與設計開發上來，以企業CI設計中的標准色作為WEB界面的主色調展開設計，使WEB界面成為企業形象的延伸和宣傳，無疑是把WEB界面設計推向正規化、品牌化發展的道路。它可以使網站與企業具有共通的視覺特徵，便於宣傳和識別，通常達到事半功倍、相得益彰的效果。

百事可樂在全世界擁有較高的知名度，使人過目不忘的藍色和標准字體已成為它的標志。我們可以瀏覽一下百事可樂系列站點，每個網站的主體風格不盡相同，美國總站穩重些，英國站比較活潑，即使站點風格有些差異但都保持了一致的文化特點，都採用了大快藍色的底色，給人以熱情、活力、喜悅的感覺，應用在網路界面設計中，讓受眾群聯想到飲用百事可樂所帶來的快樂心情，無形中就加深了百事可樂品牌在消費者的心目中的形象。

三、 視覺區域劃分功能

WEB界面的首要功能是信息傳遞，色彩正是創造有序的視覺信息流程的重要因素。利用不同色彩設計進行視覺區域劃分是網路界面設計中的常用手法，也是色彩在WEB界面設計中的重要功能。網路界面中的信息不僅數量多，而且種類繁雜，往往在一個頁面中可以看到各種各樣的信息問題，利用色彩分布，可以將不同類型的信息分類排列，並配合相應內容，有針對性地設計色彩；利用各種色綵帶給人的不同心理效果，很好的區分出主次順序，從而形成有序的視覺流程。

色彩的視覺區域劃分功能實用性強，變化性強，靈活易用，適用面廣泛，在信息繁雜豐富的門戶類網站中應用較多，而且效果較為明顯。利用色彩和輔助線把網路界面分成幾個區域，這些區域可以是規則也可以是不規則的，以適應多種信息內容編排的需要。「FDI世界園」是一家招商投資網站，它的網路界面設計十分簡潔，多趣味性。由多種色塊矩形區域拼合成了網路界面的整體框架，用按鈕形式來顯示導航功能選擇，很清晰地把網站的內容分類展示給瀏覽者，配合上網站通用的icon，整個網站十分舒暢，同時減輕的用戶的視覺負擔。

四、審美功能

WEB界面不僅具有實用的物質功能，而且具有審美的精神功能，發揮審美功能的界面形象與發揮實用功能的界面實體是同一的，它們具有同質同構的聯系，網路界面是以一定的使用目的或物質功能為存在前提的，其審美功能必須以其使用目的為導向，即審美功能不能背離其使用目的。由於人的視覺對於色彩有著特殊的敏感性，因此色彩所產生的美感魅力往往更為直接。

色彩既是視覺信息傳達的方式(實用功能)，又是藝術設計的語言(審美功能)，當網路界面的色彩所反映的情趣與人們的審美情緒發生共鳴時，也就是說色彩配合的形式結構與人們審美心理的形式結構相對應時，人們就會感覺到色彩和諧的愉悅。色彩設計對WEB界面設計作品的藝術品位起著舉足輕重的作用，不僅在視覺上，而且在心理作用和象徵作用中都可以得到充分的體現。因此，網路界面設計要以色彩的科學知識為基礎，進而從美學的角度去探討色彩設計的表現形式，增強WEB界面設計作品的藝術性，以創造出更富審美情趣的作品。在國內68design網頁設計的站點，其中國內優秀設計作品中一家叫冰藝工作室的網站還是比較吸引人的眼球，讓人不由自覺的想去點擊它。它每個網路界面所選擇的色彩和圖形都能使瀏覽者自然地將其與產品風格聯系在一起，界面中間色彩和四周部分黑、白、灰無彩色的色調搭配形成了動靜相宜、多樣統一的韻律美，給網路界面注入了活潑而新鮮的活力，從而達成令人賞心悅目的界面形式，和諧中富於變化，具有獨特的創造性和審美價值。

五、品牌語言傳遞功能

品牌宣傳效果不僅應該在視覺上，而且應該在心理上和象徵上得到體會和理解。不同色相具有不同的語意特徵。人們經過長期的社會生產實踐和生活體驗，對色彩形成了不同的情感和心理感受，人們將這種長期積累的色彩印象賦予各種語意特點並將其應用到生產、生活中。

在眾多的網站類型中，不同的網站類型都有自身的色彩語意相關性。如兒童用品的網站設計多使用色彩亮麗、醒目的純色；藍色常用在表現同科技產業等相關新興產業的WEB界面設計上。因此，設計者在界面色彩語言表達中應充分考慮不同色彩的語意特點，並將其和WEB界面主題內容結合起來。

六、主題鮮明功能

網路是信息的海洋，瀏覽者在網路中漫遊無疑是尋找他們所需要的信息資源，網路界面傳遞的信息內容與傳遞方式應該是相互統一的，這是設計作品成功的必要條件之一。網路界面如何使瀏覽者迅速、快捷、准確的掌握主題，整合信息資源，這就需要設計師利用色彩的對比調和手段，產生視覺落差，來表現信息的重點，從而提高瀏覽者獲取信息的效率。設計師可利用不同色彩自身的表現力、情感效應以及審美心理感覺等，使網路界面的內容與形式有機地結合起來，以色彩的內在力量來美化頁面，或含蓄優雅，或動感強烈，或時尚新穎，或單純醒目，烘托主題、突出主題。在網路界面設計的許多成功作品中我們都可以看出這一點。三星galaxys3公司的商業網站，進入該網站的第一需要就是找到所需的產品，WEB界面設計者就利用了產品圖片顯示顏色和灰色塊強烈對比所產生的視覺落差，突出了右上角黑色文字主題內容和產品薄輕便的優勢，以色彩的內在力量引起瀏覽者的重點關注，引導瀏覽者以最便捷的方式使用該網路界面，同時，灰色色塊背景好似深沉的藍色里的交音階，高貴、氣質不凡，鋪色用心，恰到好處，使網站風格突出，大大增強了網站的藝術性和吸引力，從而提高了網站的知名度。

6、色彩心理學對網頁設計有多大影響力

在網頁設計時，有許多因素需要，對於網站而言，轉化是其網站表現良好的指標，網頁設計中的色彩心理會影響這些轉換。用戶體驗和用戶界面設計在網站的成功中發揮著作用，顏色以及它在網頁設計中的使用方式，色彩心理學是一種強大的網頁設計工具。

紅色傳達了一種緊迫感，如果網站進行促銷，那麼在廣告中使用紅色會立即吸引注意力，用戶渴望完成互動，紅色是刺激，這在銷售中非常受歡迎。紅色也是激情的顏色，以吸引用戶的眼球。

藍色與可靠性，智能，信任，安全和安全性相關，在商業領域非常受歡迎，尤其是金融領域，藍色是舒緩和放鬆的顏色，用於網頁設計的網頁，適用於需要高度信任的行業，如保險，銀行和網路安全。藍色也可以表示放鬆，使用柔和的藍色來放鬆用戶，使放鬆和信任將推動轉換。

白色代表純真，美德和純潔，在醫療行業的廣泛應用。白色可以表示清潔，秩序和傳統價值觀，許多新聞網站也使用白色來喚起閱讀的可靠感覺，在網站調色板中使用白色可以讓內容脫穎而出。

黑色優雅，時尚和魅力，用於奢侈品。使用黑色強調品牌或產品的獨特，黑色調與其他頁面元素形成鮮明對比，並以鮮艷的色彩搭配，營造出時尚現代的感覺。

7、網頁設計中最常用的顏色搭配有什麼？

一、設計的任務 設計是一種審美活動，成功的設計作品一般都很藝術化。但藝術只是設計的手段，而並非設計的任務。設計的任務是要實現設計者的意圖，而並非創造美。 網頁設計的任務，是指設計者要表現的主題和要實現的功能。站點的性質不同，設計的任務也不同。從形式上，可以將站點分為以下三類。 第一類是資訊類站點，像新浪、網易、搜狐等門戶網站。這類站點將為訪問者提供大量的信息，而且訪問量較大。因此需注意頁面的分割、結構的合理、頁面的優化、界面的親和等問題。 第二類是資訊和形象相結合的網站，像一些較大的公司、國內的高校等。這類網站在設計上要求較高，既要保證資訊類網站的上述要求，同時又要突出企業、單位的形象。然而就現狀上來看，這類網站有粗製濫造的嫌疑。 第三類則是形象類網站，比如一些中小型的公司或單位。這類網站一般較小，有的則有幾頁，需要實現的功能也較為簡單，網頁設計的主要任務是突出企業形象。這類網站對設計者的美工水平要求較高。 當然，這只是從整體上來看，具體情況還要具體分析。不同的站點還要區別對待。別忘了最重要的一點，那就是客戶的要求，它也屬於設計的任務。 明確了設計的任務之後，接下來要想的就是如何完成這個任務了。二、設計的實現 設計的實現可以分為兩個部分。第一部分為站點的規劃及草圖的繪制，這一部分可以在紙上完成。第二部分為網頁的製作，這一過程是在計算機上完成的。 設計首頁的第一步是設計版面布局。我們可以將網頁看作傳統的報刊雜志來編輯，這裡面有文字、圖像乃至動畫，我們要做的工作就是以最適合的方式將圖片和文字排放在頁面的不同位置。 除了要有一台配置不錯的計算機外，軟體也是必需的。不能簡單地說一個軟體的好壞，只要是設計者使用起來覺得方便而且能得心應手的，就可以稱為好軟體。當然，它應該能滿足設計者的要求。筆者常用的軟體是Macromedia的Dreamweaver、Fireworks、Flash以及Adobe的Photoshop、imageready，這些都是很不錯的軟體。 接下來我們要做的就是通過軟體的使用，將設計的藍圖變為現實，最終的集成一般是在Dreamweaver里完成的。雖然在草圖上，我們定出了頁面的大體輪廓，但是靈感一般都是在製作過程中產生的。設計作品一定要有創意，這是最基本的要求，沒有創意的設計是失敗的。在製作的過程中，我們會碰到許多問題，其中最敏感的莫過於頁面的顏色了。 四、造型的組合 在網頁設計中，我們主要通過視覺傳達來表現主題。在視覺傳達中，造型是很重要的一個元素。拋去是圖還是文字的問題，畫面上的所有元素可以統一作為畫面的基本構成要素點、線、面來進行處理。在一幅成功的作品裡，是需要點、線、面的共同組合與搭配來構造整個頁面的。 通常我們可以使用的組合手法有秩序、比例、均衡、對稱、連續、間隔、重疊、反復、交叉、節奏、韻律、歸納、變異、特寫、反射等等，它們都有各自的特點。在設計中應根據具體情況，選擇最適合的表現手法，這樣有利於主題的表現。 通過點、線、面的組合，可以突出頁面上的重要元素，突出設計的主題，增強美感，讓觀者在感受美的過程中領會設計的主題，從而實現設計的任務。 造型的巧妙運用不僅能帶來極大的美感，而且能較好地突出企業形象，而且能將網頁上的各種元素有機的組織起來，它甚至還可以引導觀者的視線。三、色彩的運用 色彩是一種奇怪的東西，它是美麗而豐富的，它能喚起人類的心靈感知。一般來說，紅色是火的顏色，熱情、奔放；也是血的顏色，可以象徵生命。黃色是明度最高的顏色，顯得華麗、高貴、明快。綠色是大自然草木的顏色，意味著純自然和生長，象徵安寧和平與安全，如綠色食品。紫色是高貴的象徵，有莊重感。白色能給人以純潔與清白的感覺，表示和平與聖潔。 我們知道，顏色是光的折射產生的，紅、黃、藍是三原色，其它的色彩都可以用這三種色彩調和而成。換一種思路，我們可以用顏色的變化來表現光影效果，這無疑將使我們的作品更貼近現實。 色彩代表了不同的情感，有著不同的象徵含義。這些象徵含義是人們思想交流當中的一個復雜問題，它因人的年齡、地域、時代、民族、階層、經濟地區、工作能力、教育水平、風俗習慣、宗教信仰、生活環境、性別差異而有所不同。 單純的顏色並沒有實際的意義，和不同的顏色搭配，它所表現出來的效果也不同。比如綠色和金黃、淡白搭配，可以產生優雅，舒適的氣氛。藍色和白色