網站整體設計

1、一個網站的主頁的整體設計包括哪些工作

首先，我們要弄清楚網頁設計的任務。

一、設計的任務

設計是一種審美活動，成功的設計作品一般都很藝術化。但藝術只是設計的手段，而並非設計的任務。設計的任務是要實現設計者的意圖，而並非創造美。
網頁設計的任務，是指設計者要表現的主題和要實現的功能。站點的性質不同，設計的任務也不同。從形式上，可以將站點分為以下三類。
第一類是資訊類站點，像新浪、網易、搜狐等門戶網站。這類站點將為訪問者提供大量的信息，而且訪問量較大。因此需注意頁面的分割、結構的合理、頁面的優化、界面的親和等問題。
第二類是資訊和形象相結合的網站，像一些較大的公司、國內的高校等。這類網站在設計上要求較高，既要保證資訊類網站的上述要求，同時又要突出企業、單位的形象。然而就現狀上來看，這類網站有粗製濫造的嫌疑。
第三類則是形象類網站，比如一些中小型的公司或單位。這類網站一般較小，有的則有幾頁，需要實現的功能也較為簡單，網頁設計的主要任務是突出企業形象。這類網站對設計者的美工水平要求較高。
當然，這只是從整體上來看，具體情況還要具體分析。不同的站點還要區別對待。別忘了最重要的一點，那就是客戶的要求，它也屬於設計的任務。
明確了設計的任務之後，接下來要想的就是如何完成這個任務了。

二、設計的實現

設計的實現可以分為兩個部分。第一部分為站點的規劃及草圖的繪制，這一部分可以在紙上完成。第二部分為網頁的製作，這一過程是在計算機上完成的。
設計首頁的第一步是設計版面布局。我們可以將網頁看作傳統的報刊雜志來編輯，這裡面有文字、圖像乃至動畫，我們要做的工作就是以最適合的方式將圖片和文字排放在頁面的不同位置。 除了要有一台配置不錯的計算機外，軟體也是必需的。不能簡單地說一個軟體的好壞，只要是設計者使用起來覺得方便而且能得心應手的，就可以稱為好軟體。當然，它應該能滿足設計者的要求。筆者常用的軟體是Macromedia的Dreamweaver、Fireworks、Flash以及Adobe的Photoshop、imageready，這些都是很不錯的軟體。 接下來我們要做的就是通過軟體的使用，將設計的藍圖變為現實，最終的集成一般是在Dreamweaver里完成的。雖然在草圖上，我們定出了頁面的大體輪廓，但是靈感一般都是在製作過程中產生的。設計作品一定要有創意，這是最基本的要求，沒有創意的設計是失敗的。在製作的過程中，我們會碰到許多問題，其中最敏感的莫過於頁面的顏色了。

三、色彩的運用

色彩是一種奇怪的東西，它是美麗而豐富的，它能喚起人類的心靈感知。一般來說，紅色是火的顏色，熱情、奔放；也是血的顏色，可以象徵生命。黃色是明度最高的顏色，顯得華麗、高貴、明快。綠色是大自然草木的顏色，意味著純自然和生長，象徵安寧和平與安全，如綠色食品。紫色是高貴的象徵，有莊重感。白色能給人以純潔與清白的感覺，表示和平與聖潔。
我們知道，顏色是光的折射產生的，紅、黃、藍是三原色，其它的色彩都可以用這三種色彩調和而成。換一種思路，我們可以用顏色的變化來表現光影效果，這無疑將使我們的作品更貼近現實。
色彩代表了不同的情感，有著不同的象徵含義。這些象徵含義是人們思想交流當中的一個復雜問題，它因人的年齡、地域、時代、民族、階層、經濟地區、工作能力、教育水平、風俗習慣、宗教信仰、生活環境、性別差異而有所不同。
單純的顏色並沒有實際的意義，和不同的顏色搭配，它所表現出來的效果也不同。比如綠色和金黃、淡白搭配，可以產生優雅，舒適的氣氛。藍色和白色混合，能體現柔順、淡雅、浪漫的氣氛。紅色和黃色、金色的搭配能渲染喜慶的氣氛。而金色和粟色的搭配則會給人帶來暖意。設計的任務不同，配色方案也隨之不同。考慮到網頁的適應性，應盡量使用網頁安全色。
但顏色的使用並沒有一定的法則，如果一定要用某個法則去套，效果只會適得其反。經驗上我們可先確定一種能表現主題的主體色，然後根據具體的需要，應用顏色的近似和對比來完成整個頁面的配色方案。整個頁面在視覺上應是一個整體，以達到和諧、悅目的視覺效果。

四、造型的組合

在網頁設計中，我們主要通過視覺傳達來表現主題。在視覺傳達中，造型是很重要的一個元素。拋去是圖還是文字的問題，畫面上的所有元素可以統一作為畫面的基本構成要素點、線、面來進行處理。在一幅成功的作品裡，是需要點、線、面的共同組合與搭配來構造整個頁面的。
通常我們可以使用的組合手法有秩序、比例、均衡、對稱、連續、間隔、重疊、反復、交*、節奏、韻律、歸納、變異、特寫、反射等等，它們都有各自的特點。在設計中應根據具體情況，選擇最適合的表現手法，這樣有利於主題的表現。
通過點、線、面的組合，可以突出頁面上的重要元素，突出設計的主題，增強美感，讓觀者在感受美的過程中領會設計的主題，從而實現設計的任務。
造型的巧妙運用不僅能帶來極大的美感，而且能較好地突出企業形象，而且能將網頁上的各種元素有機的組織起來，它甚至還可以引導觀者的視線。

五、設計的原則

設計是有原則的，無論使用何種手法對畫面中的元素進行組合，都一定要遵循五個大的原則：統一、連貫、分割、對比及和諧。
統一，是指設計作品的整體性，一致性。設計作品的整體效果是至關重要的，在設計中切勿將各組成部分孤立分散，那樣會使畫面呈現出一種枝蔓紛雜的凌亂效果。
連貫，是指要注意頁面的相互關系。設計中應利用各組成部分在內容上的內在聯系和表現形式上的相互呼應，並注意整個頁面設計風格的一致性，實現視覺上和心理上的連貫，使整個頁面設計的各個部分極為融洽，猶如一氣呵成。
分割，是指將頁面分成若干小塊，小塊之間有視覺上的不同，這樣可以使觀者一目瞭然。在信息量很多時為使觀者能夠看清楚，就要注意到將畫面進行有效的分割。分割不僅是表現形式的需要。換個角度來講，分割也可以被視為對於頁面內容的一種分類歸納。
對比就是通過矛盾和沖突，使設計更加富有生氣。對比手法很多，例如：多與少、曲與直、強與弱、長與短、粗與細、疏與密、虛與實、主與次、黑與白、動與靜、美與丑、聚與散等等。在使用對比的時候應慎重，對比過強容易破壞美感，影響統一。
和諧是指整個頁面符合美的法則，渾然一體。如果一件設計作品僅僅是色彩、形狀、線條等的隨意混合，那麼作品將不但沒有「生命感」，而且也根本無法實現視覺設計的傳達功能。和諧不僅要看結構形式，而且要看作品所形成的視覺效果能否與人的視覺感受形成一種溝通，產生心靈的共鳴。這是設計能否成功的關鍵。

2、什麼是網站總體架構設計

網站結構是指網站中頁面間的層次關系，按性質可分為邏輯結構及物理結構。是現代網路學習和發展的一個必須的基礎技術。根據需求分析的結果，准確定位網站目標群體，設定網站整體架構，規劃、設計網站欄目及其內容，制定網站開發流程及順序。

網站架構的內容有哪些？

有程序架構，呈現架構，和信息架構三種表現，步驟主要分為硬架構和軟架構兩步程序。

網站總體框架示意圖是網站後台支撐系統的想法，一般取決於網站本身的建設意圖。

網站架構水平的高低決定著網站的整體性能和運營模式的時效性和經濟性，它的設計必須考慮到網站的模式、運營思路、用戶群體使用習慣、網站的功能等等。

網站結構對網站的搜索引擎友好性及用戶體驗有著非常重要的影響。網站結構在決定頁面權重上起著非常關鍵的作用，會直接影響到搜索引擎對頁面的收錄。一個合理的網站結構可以引導搜索引擎抓取到更多、更有價值的網頁。如果網站結構混亂，往往就會造成搜索引擎陷入死循環、抓取不到頁面等問題。網站結構的好壞會決定用戶瀏覽的體驗度，合理的網站結構是優化網站關鍵詞排名的前提。

所以，網站結構可以影響網站內部頁面的重要性，合理的內部鏈接策略就可以對重要頁面進行突出、推薦等操作。

繪制網站概要圖符號

網站概要圖模板

3、網頁頁面的整體設計方法？急啊~！

我用div布局跟你說吧：
一般我們設置整個網頁的寬度是960px或980px ,當然也有800px的。以960px為例跟你說吧，
在網站最上方，首先設置一個banner(橫幅)，把它寬度設為960px，高度大概200px吧；它下面設置為menu(導航條)，寬960px,高度大概40px；接下來是我們網頁的main(正文區域),我們可以把左邊設為300px，可以放廣告、文章列表，右邊設為600px，是文章區，中間設為60px，作為兩板塊的空隙。
最後就是bottom（網頁底部）了，我們可以放置一些友情鏈接、備案號，網站站長聯系方式。

可以到我的網站去看一下 http://zhanghuaipeng.3.bname.biz/ 我是用源碼作的，本人學網路工程的，網站建設不是主科目，只學了十多次課，平時也沒時間打理網站，希望對你有幫助。

4、網站整體設計的原則有哪些

對於新站，網站內容最好不要太多，一百左右的網頁就差不多了。網站結構一定要清晰明了，主題明確，目標關鍵詞突出，這樣搜索引擎才好最快地給你的網站定位，如果一個網站，你自己都搞不明白網站的主題，搜索引擎也無法給你的網站歸類。搜索引擎資料庫是龐大的，並不是把什麼網站都隨意的放入資料庫裡面，它裡面有很多索引目錄，不同主題的網站，索引目錄也不同。適量的內容，明確的主題是加快網站收錄的保障。還有一點，也是非常重要的一點，如果有可能，在高權重的的網站上放上你網站的導入鏈接，因為高權重的網站，蜘蛛光顧的頻率高，通過導入鏈接，能吸引蜘蛛爬行你的網站，蜘蛛爬行的多了，網站收錄的也就更快了。看起來挺簡單，其實做起來很難，很多細節上都要注意，定時分析自己網站的數據，根據數據來判斷哪些做的可以。哪些需要拋棄了。

5、網站設計風格主要體現在哪幾個方面

網站簡單的可以分為：功能型和展示型

功能型：網站在美工設計上可能不適合大塊圖片，在數據功能上比較強，比如：搜索、會員注冊。一般企業網、購物網、大型門戶、交友網等。

展示型：追求視覺上的美麗，對功能要求不高，在美工上、設計上要有強烈的視覺感。這種網站一般屬於：美容業、女性用品、服飾等。
可以是企業展示網站、企業宣傳網站、門戶網站、電子商務、社交交友、綜合型網站等等。
1、將你的標志logo，盡可能的放在每個頁面上最突出的位置。

2、突出你的標准色彩。

3、總結一句能反映貴站精髓的宣傳標語！

4、相同類型的圖像採用相同效果，比如說標題字都採用陰影效果，那麼在網站中出現的所有標題字的陰影效果的設置應該是完全一致的！

二、網頁色彩的搭配 　

無論是平面設計，還是網頁設計，色彩永遠是最重要的一環。當我們距離顯示屏較遠的時候，我們看到的不是優美的版式或者是美麗的圖片，而是網頁的色彩。在此告訴大家一些網頁配色時的小技巧。

1、用一種色彩。這里是指先選定一種色彩，然後調整透明度或者飽和度，這樣的頁面看起來色彩統一，有層次感。

2、用兩種色彩。先選定一種色彩，然後選擇它的對比色。

3、用一個色系。簡單的說就是用一個感覺的色彩，例如淡藍，淡黃，淡綠；或者土黃，土灰，土藍。

在網頁配色中，還要切記一些誤區： 　

1、不要將所有顏色都用到，盡量控制在三至五種色彩以內。

2、背景和前文的對比盡量要大，(絕對不要用花紋繁復的圖案作背景)，以便突出主要文字內容。

現在是眼球經濟時代，什麼都要靠包裝。你的網站設計的不好看，也無法引起用戶的興趣。我想誰都不喜歡看那些亂七八糟的網站，進去之後看不到網站主題，看不到主要內容，也找不到我們想要的信息。成功網站的第一步，就是從設計開始做起。
一、確定網站的整體風格
網站的整體風格及其創意設計是最難以學習的。難就難在沒有一個固定的模式可以參照和模仿。給你一個主題，任何兩人都不可能設計出完全一樣的網站，在這里，提供給大家一些參考經驗：
1、將你的標志logo，盡可能的放在每個頁面上最突出的位置。

2、突出你的標准色彩。

3、總結一句能反映貴站精髓的宣傳標語！

4、相同類型的圖像採用相同效果。

二、網頁色彩的搭配 　

無論是平面設計，還是網頁設計，色彩永遠是最重要的一環。當我們距離顯示屏較遠的時候，我們看到的不是優美的版式或者是美麗的圖片，而是網頁的色彩。在此告訴大家一些網頁配色時的小技巧。

1、用一種色彩。這里是指先選定一種色彩，然後調整透明度或者飽和度，這樣的頁面看起來色彩統一，有層次感。

2、用兩種色彩。先選定一種色彩，然後選擇它的對比色。

3、用一個色系。簡單的說就是用一個感覺的色彩，例如淡藍，淡黃，淡綠；或者土黃，土灰，土藍。

在網頁配色中，還要切記一些誤區： 　

1、不要將所有顏色都用到，盡量控制在三至五種色彩以內。

2、背景和前文的對比盡量要大，(絕對不要用花紋繁復的圖案作背景)，以便突出主要文字內容。

6、如何把握網站的整體風格和創意設計

網站的整體風格總的來說無非兩塊：視覺效果和功能實現
視覺效果主要是色調和頁面布局，這方面建議根據行業本身的特點和企業自身的文化以及用戶的喜好來確定。
功能方面建議從運營的角度出發，確定運營要到達的目標和運營流程對網站的要求，此外可以參考行業做得好的網站。
總體而言：一方面調研行業，企業和用戶的心理需求，另一方面參考行業做得好的，這樣可以起到事半功倍的效果。

7、怎樣設計網頁保持整體風格統一

網站總體色彩一致的優點是一個獨特色彩的網站會給人留下很深刻的印象，因為人的視覺對色彩要比布局更敏感，更容易在大腦中形成記憶符號。在色彩的一致性中，我們強調的是如果企業有自身的CI形象，最好在互聯網中沿襲這個形象，給觀眾網上網下一致的感覺，更有利於企業形象的樹立。一個建議是選取一兩種主要色彩，幾種輔助色彩。二、網站結構的一致網站結構是網站的的骨架，結構關系網站的瀏覽習慣和設計風格，所以，網站的欄目內頁和內容內頁必須和首頁的風格要一致，就肯定要從網站的結構上下功夫。最重要的就是網站布局了，網站的相關內容文字排版等等也應該有所體現。三、網站導航條要統一協調導航是連接各個頁面的最主要部分，一個導航統一的網站，是風格一致的基礎部分，好的導航條可以帶給人很深的印象。四、網站的圖像要統一網站的圖片並非越多越好，對於那些沒有用處的圖片不要在網頁上佔用空間，既無用又浪費設計時間，此外也降低了網頁載入速度，對於相部位的相同圖片，盡量用同一個URL路徑，而不是使用不同的路徑。而是作為網站結構一部分的局部圖像，根據網頁內容的不同，配以相應的圖像或動畫，從而給瀏覽者形成頁面的連續性。五、網站標志性元素的一致性即網站或公司名稱、網站或企業標志、導航及輔助導航的形式及位置、公司聯系信息等，這種方式是目前網站普遍採用的結構，一方面減少設計、開發的工作量，同時更有利於以後的網站維護與更新，這也是SEO的要求。六、網站的特別元素要一致在網站設計中，個別具有特色的元素，如標志、象徵圖形、局部設計等重復出現，也會給訪問者留下深刻印象。比如網站結構在某一點上的變化，由直線變為圓弧、暗色點綴的亮色、色彩中的補色等等。七、網站的背景圖片及背景顏色等統一問題做網站時，網站的內頁有必要和首頁的風格一致，這樣才顯出網站是一個整體。這些都是內頁風格保持一致要注意的。

8、網站整體風格設計怎樣介紹

多看一些設計方面的書籍，多做，多想，不過也要有設計功底才能更快的理會到真理．呵

9、網站的整體風格設計要注意哪些

網站簡單的可以分為：功能型和展示型

功能型：網站在美工設計上可能不適合大塊圖片，在數據功能上比較強，比如：搜索、會員注冊。一般企業網、購物網、大型門戶、交友網等。

展示型：追求視覺上的美麗，對功能要求不高，在美工上、設計上要有強烈的視覺感。這種網站一般屬於：美容業、女性用品、服飾等。可以是企業展示網站、企業宣傳網站、門戶網站、電子商務、社交交友、綜合型網站等等。

10、網站的總體設計內容是

首先，我們要弄清楚網頁設計的任務。

一、設計的任務

設計是一種審美活動，成功的設計作品一般都很藝術化。但藝術只是設計的手段，而並非設計的任務。設計的任務是要實現設計者的意圖，而並非創造美。
網頁設計的任務，是指設計者要表現的主題和要實現的功能。站點的性質不同，設計的任務也不同。從形式上，可以將站點分為以下三類。
第一類是資訊類站點，像新浪、網易、搜狐等門戶網站。這類站點將為訪問者提供大量的信息，而且訪問量較大。因此需注意頁面的分割、結構的合理、頁面的優化、界面的親和等問題。
第二類是資訊和形象相結合的網站，像一些較大的公司、國內的高校等。這類網站在設計上要求較高，既要保證資訊類網站的上述要求，同時又要突出企業、單位的形象。然而就現狀上來看，這類網站有粗製濫造的嫌疑。
第三類則是形象類網站，比如一些中小型的公司或單位。這類網站一般較小，有的則有幾頁，需要實現的功能也較為簡單，網頁設計的主要任務是突出企業形象。這類網站對設計者的美工水平要求較高。
當然，這只是從整體上來看，具體情況還要具體分析。不同的站點還要區別對待。別忘了最重要的一點，那就是客戶的要求，它也屬於設計的任務。
明確了設計的任務之後，接下來要想的就是如何完成這個任務了。

二、設計的實現

設計的實現可以分為兩個部分。第一部分為站點的規劃及草圖的繪制，這一部分可以在紙上完成。第二部分為網頁的製作，這一過程是在計算機上完成的。
設計首頁的第一步是設計版面布局。我們可以將網頁看作傳統的報刊雜志來編輯，這裡面有文字、圖像乃至動畫，我們要做的工作就是以最適合的方式將圖片和文字排放在頁面的不同位置。 除了要有一台配置不錯的計算機外，軟體也是必需的。不能簡單地說一個軟體的好壞，只要是設計者使用起來覺得方便而且能得心應手的，就可以稱為好軟體。當然，它應該能滿足設計者的要求。筆者常用的軟體是Macromedia的Dreamweaver、Fireworks、Flash以及Adobe的Photoshop、imageready，這些都是很不錯的軟體。 接下來我們要做的就是通過軟體的使用，將設計的藍圖變為現實，最終的集成一般是在Dreamweaver里完成的。雖然在草圖上，我們定出了頁面的大體輪廓，但是靈感一般都是在製作過程中產生的。設計作品一定要有創意，這是最基本的要求，沒有創意的設計是失敗的。在製作的過程中，我們會碰到許多問題，其中最敏感的莫過於頁面的顏色了。

三、色彩的運用

色彩是一種奇怪的東西，它是美麗而豐富的，它能喚起人類的心靈感知。一般來說，紅色是火的顏色，熱情、奔放；也是血的顏色，可以象徵生命。黃色是明度最高的顏色，顯得華麗、高貴、明快。綠色是大自然草木的顏色，意味著純自然和生長，象徵安寧和平與安全，如綠色食品。紫色是高貴的象徵，有莊重感。白色能給人以純潔與清白的感覺，表示和平與聖潔。
我們知道，顏色是光的折射產生的，紅、黃、藍是三原色，其它的色彩都可以用這三種色彩調和而成。換一種思路，我們可以用顏色的變化來表現光影效果，這無疑將使我們的作品更貼近現實。
色彩代表了不同的情感，有著不同的象徵含義。這些象徵含義是人們思想交流當中的一個復雜問題，它因人的年齡、地域、時代、民族、階層、經濟地區、工作能力、教育水平、風俗習慣、宗教信仰、生活環境、性別差異而有所不同。
單純的顏色並沒有實際的意義，和不同的顏色搭配，它所表現出來的效果也不同。比如綠色和金黃、淡白搭配，可以產生優雅，舒適的氣氛。藍色和白色混合，能體現柔順、淡雅、浪漫的氣氛。紅色和黃色、金色的搭配能渲染喜慶的氣氛。而金色和粟色的搭配則會給人帶來暖意。設計的任務不同，配色方案也隨之不同。考慮到網頁的適應性，應盡量使用網頁安全色。
但顏色的使用並沒有一定的法則，如果一定要用某個法則去套，效果只會適得其反。經驗上我們可先確定一種能表現主題的主體色，然後根據具體的需要，應用顏色的近似和對比來完成整個頁面的配色方案。整個頁面在視覺上應是一個整體，以達到和諧、悅目的視覺效果。

四、造型的組合

在網頁設計中，我們主要通過視覺傳達來表現主題。在視覺傳達中，造型是很重要的一個元素。拋去是圖還是文字的問題，畫面上的所有元素可以統一作為畫面的基本構成要素點、線、面來進行處理。在一幅成功的作品裡，是需要點、線、面的共同組合與搭配來構造整個頁面的。
通常我們可以使用的組合手法有秩序、比例、均衡、對稱、連續、間隔、重疊、反復、交*、節奏、韻律、歸納、變異、特寫、反射等等，它們都有各自的特點。在設計中應根據具體情況，選擇最適合的表現手法，這樣有利於主題的表現。
通過點、線、面的組合，可以突出頁面上的重要元素，突出設計的主題，增強美感