網頁設計構圖

1、怎麼做一個網頁(網頁設計作業)

jsp+美工+編程

當人們訪問你的站點時,他們都會立即下意識地判斷:這個站點怎麼樣？值不值的當回事兒？是否值的把他加入到我的bookmark中去，要知道，在網路信息的虛擬世界裡，互聯網提供了天下大同的機會，同時也讓這個虛擬世界充斥著數不清的商業站點、垃圾站點，大多數站點缺乏靈魂、主旨，東一榔頭西一棒子，鬆散、混亂，原因就在於缺乏策劃設計。因此要想使你的網站從那些數不清的站點中脫穎而出，就必須對整個站點作好統籌安排，規劃，對所有的內容進行細意斟酌，把所有的意念合情合理的組織起來設計一個合理的頁面樣式。下面我們就具體的來探討一下網站策劃設計.
一、 首先確定web站點的營銷目標:
1）、市場調查階段
了解一下目前internet的發展狀況以及同類站點的發展、經營狀況，吸取他們的長處，找出自己的優勢，對市場作個調查，明確自己網站的主題，尋找一個好的出發點。
2）、你設想中的網站規模有多大？
作網站並不是盲目的想做多大就作多大，而要根據自身的現階段能力，以及企業的規模大小，確定你的網站是小型、中型、大規模的網站，還是從小規模的開始，然後逐步發展。這主要的是關繫到網站的後期維護以及網站的發展方向來考慮的。
3）、確定網站的類別，你希望網站有怎樣的設計特色
根據主題、形式以及本身企業的特點，網站的設計也有不同的類別，大概可分為：以內容為主，設計為輔，注重速度這種大型的專業網站，它一般體現在專業的 icp，isp供應商製作的網站，在設計這類網站時不要太花哨，應注重信息量；第二種大多數企業為了更好的宣傳自己的產品，擴大銷路，使自己的產品走向世界，提高自己企業的形象而製作的網站，這種網站製作應結合本身產品特點而製作的特色網站，相對來說比較注重產品的營銷；第三種是形象類的網站，一般這種網站相對體現在政府部門，作為對外一個窗口，相對來說這種網站設計比較嚴肅；第四種是個人主頁網站，這種網站相對比較自由，不受什麼約束，可以根據每個人自己的特長自由發揮。因此我們在製作主頁時先明確自己的定位方向，設計出適合自己的站點。
4）、你的主要目標受眾是誰？
根據網站的類別不同，目標受眾也不一樣，有工商業者、專業人士、學生；女性，男性；兒童，青少年，中年人，老人；還是所有的人，比如教育類的網站相對來說是目標受眾是院校的老師和學生。化裝類、護膚產品類的網站相對來說是女性等。
5）、確定整個網站的整體風格
其實，這個原則和傳統的印刷出版物沒什麼區別。你網頁上所有的圖像、文字，包括像背景顏色、區分線、字體、標題、注腳什麼的，都要統一風格，貫穿全站。這樣子讀者看起來舒服、順暢，會對你的網站留下一個「很專業」的印象。
舉個簡單例子。如果你在列示一二三四若干條的情況下，在每條前面用黑圓點加強視覺效果，那麼其他類似地方，也應該用保持同樣的風格。色彩斑斕的站點，尤其要注意風格的統一。顏色可以變，不過字體、主體文本對齊風格、標題、背景效果以及特殊圖像效果等等都應保持統一。
很多缺乏編輯、出版背景的網友，很容易忽視這點，特別是網頁一多，更容易忘。
6）、你准備投入多少資金、如何經營這個網站？
對所作的網站大概的作個估價，需要多少資金，你准備投入多少資金來運營這個網站，假設網站製作好以後如何經營這個網站，是全部由自己來做，還是委託專業服務來做，自己定期指導，還是設定要求、目標完全由別人代勞。這是不可忽略的問題，如果一個網站前期作的再好，後期沒人維護也是空的，就好比一條剛建好的街道，乾乾凈凈的，人們也比較喜歡來這里逛街，日久了，人走的人多了，垃圾多了這時沒人來管里，這樣垃圾越堆越多，走的人肯定也越來越少了。日久了也逐漸被人遺忘了。網站經營也是這個原理。
7）、根據目標框架整理出站點的內容框架以及邏輯結構圖
①把目標細化以整理出站點內容框架
基本確定的目標，您就應該把目標細化，並初步整理出為達到這些目的，站點所需要包含的所有內容了。例如，站點應該發布希么信息，站點需要提供什麼應用程序，等等。然後，你應該把初步定下的內容綱要寫下來，交給上級或業務人員審核批准。這實際上就形成了站點設計的需求報告。在你的內容綱要里，還應該註明這些內容的信息來源，哪個部門應該提供哪方面的信息。把這些羅列下來，會使得上級以及各個相關部門清楚"誰應該為這些內容負責"。
②進一步整理出站點邏輯結構圖
定下內容綱要後，你應該能夠大致畫出站點的結構圖了。結構圖也有很多種，順序結構，網狀結構，繼承結構，WEB結構等，應依據你的內容而定。例如，如果你是在編一個教程，那麼可能用表示順序的流程圖就比較合適。多數復雜的網站會綜合應用到幾種不同的結構圖。畫出結構圖的目的，主要是便於有邏輯地組織站點和鏈接，同時，將來你會用這個圖去分配工作和任務。例如:
你可以告訴某個開發人員，讓他完成結構圖中某個分支的內容；
你可以把這個圖遞交給業務人員，告訴他們哪些頁面，需要他們進一步提供內容或資料；
你可以把結構圖給專業美工看，讓美工人員考慮以什麼樣的形式來表現你要表達的內容等等。
簡而言之，這個框架圖，將為你下一步進行工作分配，人員安排提供依據。
二、 網站製作過程中把握的幾點
1）、重點信息放在突出醒目的位置，整個網站空間排序適當
一個網站很重要的就是標題，標題就像路牌一樣，人家在你的網站上逛來逛去，全靠它指路了。給人的第一印象是否能夠馬上注意到標題，標題要意義清晰、描述性強，把最吸引人的地方放在突出顯眼的位置，然後再慢慢展開。或者說，把你的獨特內容包裹成一個懸念，吸引人家注意。讀者看一篇文章，前三段注意力最集中，如果這「寸土寸金」的前三段用不好，人家就要和你拜拜嘍！
留出可調整的位置，用於滿足臨時性或短期營銷活動的宣傳需要。如，福州電信局12月11日舉辦的「福建省首屆信息網路展示會」展覽，需要在網頁中放在最突出的位置。這就需要調整原有的結構，既讓新的內容有突出的體現，還要不至於淹沒其他重點。
在每屏中的文字與圖形的布局既要考慮到重點的突出，還要給人以和諧的感覺。不能讓圖形淹沒文字，也不能圖形太少而讓人覺得單調。視覺的吸引和誘惑力是不能低估的。 文字內容和圖片搭配要和諧。
2）、網頁應該易懂，控制沒個模塊的信息量。 網頁要易讀、易懂。
網站設計最重要的訣竅，恐怕就是你的網頁要易讀。 花時間和心思來規劃文字和背景顏色的搭配方案。勿使背景沖淡了文字的視覺效果。
這就意味著，你必須花點心思來規劃文字與背景顏色的搭配方案。注意不要使背景的顏色沖淡了文字的視覺效果，別用花里胡哨的色彩組合，讓人看起你的網頁來很費勁。一般來說，淺色背景下的深色
這個原則也意味著，你最好別把文字的規格設得太小、也不能太大。文字太小，人家讀起來難受；文字太大，或者文字視覺效果變化頻繁，像是沖著人大喊大叫，看起來不舒服。
另外，最好讓文本左對齊，而不是居中。按當代中文的閱讀習慣，文本大都居左的。當然，標題一般應該居中，因為這符合讀者的閱讀習慣。
網頁的內容最好能夠開門見山，讓瀏覽者在最短的時間內了解你的網頁的內容。在內容上著筆盡量要細致，讓人家能在最短的時間內，了解你想呈現給人家什麼。給人家一幅清晰的畫卷，別雲山霧罩的。開門見山，直接了當。大家都知道，網友的耐心尤其少。你能提供的信息或許對他們有裨益，但如果要人家沒完沒了地翻下去才能找到，恐怕極少有人有這份耐心。
立體規劃內容。將所有的結構按照一定的框架結構分別納入不同的頁面。
立體規劃內容，將所有部分按一定的構架各就其位、分別納入不同層次的頁面。注意先要把最重要的內容放到首頁上，其他的依次就緒。
然後，你就可以勾劃頁面藍圖、編HTML了。就文本內容的表現而言，記住盡量別讓其一行文字的寬度，橫跨整個屏幕。段落一多，這樣子看起來很費勁，而且別人的瀏覽器還可能和你的差別很大。最好別超過屏幕寬度的一半。
文字的寬度，最好別超過屏幕寬度的一半。
3）、網頁頁面越小越好，最好別超過50k，盡量精簡
上網的人追求的是速度。所以頁面的大小是非常重要的，如果你的網站主要是為了提供消息內容，那麼在最短的時間內呈現出來你的內容，別人會更加舒心的查看你的網站。
別使速度影響了你的效率，要知道，很多人是沒有耐心的。網頁的速度最好控制在十秒以內。或者更快。
有研究顯示，如果一個網站頁面的主體在15秒之內顯現不出來，訪客會很快失去對該站的興趣。當然，也有例外，比如內容實在太精彩，人家不去不行。再像視覺藝術類站點，也不能以「快」為唯一設計標准。不過，即使這類站點，也該在加個導引頁，給讀者一個提示，別不理睬人家的心情。但是大多數網站還是以內容為主，大部分人感興趣的還是信息量，追求的是速度。
要限定頁面的大小，就得從各個角度考慮節省。最大的一頭是圖像，有的好東西，只得割愛了。想想看，在創意表達、品牌形象、掙錢幾個目標之中，哪個最重要？
4）、網站導航要清晰，容易查找，
所有的超鏈接應清晰無誤地向讀者標識出來，所有導航性質的設置，像圖像按鈕，都要有清晰的標識，讓人看得明白，千萬別光顧視覺效果的熱鬧的，而讓人家不知東西南北。 所有的導航條都要非常清晰明確的讓瀏覽者看出來。
鏈接文本的顏色最好用約定俗成的：未訪問的，藍色；點擊過的，紫色或栗色。如果你一定要別出心裁，鏈接的文本就要想著以什麼方式加以突出，比如說加粗體？加字型大小？兩側加豎標？或者幾者兼用。總之，文本鏈接一定要和頁面的其他文字有所區分，給讀者清楚的導向。
鏈接文字要重點突出；
清晰導航還要求：讀者進入目的頁的點擊次數，不能超過三次。如果三次以上還找不到，人家可就沒有耐心陪你玩了！
三、 網站推廣
網上世界黑漆無邊，你怎麼讓人家找到你？很多有些經驗的網友知道這個問題的份量，不過對於一波一波興奮上網的新手，他們腦中的概念大多是：「有了網站，自然有人來」。不怪他們，商家們的欺騙宣傳太成功了，他們哪裡知道，網上有數不清的網站像「無人區」一樣死寂。因此我們在作好網站以後，後期的推廣宣傳工作也不可忽略，主要的可以從以下幾個方面來宣傳。
1）、傳統媒體：廣播、報紙、電視都是很好的方法。現在我們已經看到很多在傳統媒體中的商家廣告，就是以網址為廣告內容的主體。同時，商家所有的印刷品，包括名片，都是宣傳網址的良好介質。
2）、網際網路本身的方法：諸如導航台、新聞組、電子郵件群組、圖標廣告、分類廣告等等，都是宣傳網址的好方法。提高你網站在導航站點的排名、Banner廣告、有技巧得利用傳統媒體、BBS、新聞組都是獲取潛在用戶注意力的手段。 充分利用網頁的交互性，增強與客戶之間的聯系，及時得到客戶的反饋信息，了解客戶的需求，不斷的改進網站，提高整個網站的信譽。

孫子曰：「夫未戰而廟算勝者，得算多也；未戰而廟算少者，得算少也。多算勝，少算不勝，而況無算乎？「這里的廟算就是我們講的謀略，也就是今天所講的策劃。

策劃是一種能力，是一種謀略，一種技巧，一種手段，一個計劃，一次革命！

策劃就是設計。人們稱鄧小平為「改革開放的總設計師」，實際上也就是對策劃、策劃實踐的一次歷史性確認。

真正的策劃人是一個復合型人才，必須掌握：經濟學、哲學、心理學、傳播學、營銷學、管理學等，以及具體的如戰略、競爭、策略、計劃、市場調查、市場渠道設計、品牌經營、企業規劃，甚至人力資源以及整個國家和世界的動態和發展趨勢。

2、網頁美工和與平面設計有什麼區別

從事網頁設計這條路還不是很長，我對網路的認識也不過五年，98年上網時網站很少，網頁設計更是一個新鮮時髦概念模糊的名詞。現在網頁設計這個詞的概念就很清晰了么？從事網路的人越來越多，做著與之相關工作的人也越來越多，網頁設計讓我覺得更加的不好掌握。設計這個專業已經成熟了，當它試著進入網路時，網路里的設計就變得復雜起來。

常聽做美工的朋友說酬勞低，從經濟學上說，是這種資源的需求關系不夠緊張。那麼我就以我混亂的思想以及上網五年的歷史，來談談我對網頁美工，或者說網頁美術的感受。

美術作為一門藝術，網頁方面不是一個創作的好環境，只是一種展示它的最快捷途徑。記得2001年看一本書，是西安美院的設計師寫的，他就談到，網路上的設計，和傳統媒體設計沒得比，給網站做平面設計，只是小打小鬧，很難成大氣候，記得他好像做過央視的幾個廣告，境況相當的不錯。一直到現在，也沒聽說哪個專做網頁設計的藝術家有很高的聲譽，確切點說，就是以網頁設計為代表作，得到同行們的承認。

網頁之於美術，是為了讓它的內容表達得更清楚；美術需要網路，是為了讓自己的作品傳播得更遠。這是兩者之間的交叉點，也是我認識上一直存在的盲點。認識到這點以後，就不難解釋為什麼美工的待遇會比程序員差，美術是用來"點綴"網路的，而程序對於一個大網站來說則是必須的。當一個美工的作品只能靠網頁來展示時,美術這條路,對他就一下子變窄了。

當無數的小路交錯在一起的時候，我們會迷路，站在路的交叉口，我不知道選那一條，因為我不知道哪一條路能達到我的目的，而且我也不清楚我的目的究竟是什麼，只是隨便挑一條。路上同行的人多了，看的事認識的人多了，才發現這條路不對，但卻很難再換一條路走。

做"網頁"決非什麼高難度的工作，如果是想發表文章，用Word寫好，在"文件"里選擇"另存為Web頁"也就是"網頁"了，而這篇文章的內容價值，並不在於它的頁面美化做得有多好，僅在於它本身所表達的內容。我也希望"故人具雞黍，邀我至田家。綠樹村邊合，青山郭外斜。開軒面場圃，把酒話桑麻。待到重陽日，還來就菊花。"這首詩界面的美術設計，能夠充分表現這首詩的優美意境，但如果實在不行，白底黑字，規規正正地放在網頁上，也不擔心沒人看每人領會其詩意。這大概就是做網頁設計的美術師面臨的最大的尷尬--那些破網站，居然不需要什麼美術設計。
聞著花香，覺得愉快，是閑雅生活的情趣；做著工作，看著作品，覺得愉快，那就是接近天堂的感覺了。但做美工的，總是有那麼多不愉快。你甚至要為一個嬰兒修改作品。要聽一些沒有藝術常識的指責，這種指責不是針對你，而是針對他根本沒有發言權的領域。 才情氣質在工作中都要小心翼翼地收好，長時間不發揮，一個做美術的人，會變得愈發遲鈍，那時候我們就可以稱他，這個傢伙會畫畫。而不會說他是做美術的。沒有思想感情的東西，不能再稱為藝術作品了，畢竟，不能只為了一個人"愉快"，而害得大家都丟了飯碗。

做網頁的人各種各樣，有三種可以說是代表：

第一種是"美工"，漂亮的站點，差不多都出自此類人之手。第二種是程序員，寫後台應用程序，才是他們所專長的。但做軟體也得講究一下"用戶界面"，做網頁時，也多多少少會牽扯一點界面設計的問題，他們做出的界面每法兒漂亮，但如果從代碼上分析，卻絕對是很經典的。因為一樣畫表格圓角，美工大多隻會用圖片來處理，而程序員，是會用代碼的。他們的站點大多走簡潔實用之路，一方面固然是內容要求，另方面要他們做出"藝術"化的東西，實在是勉為其難了。還有一種人，統稱為學生吧，既不是美工，也不是程序員。他們也喜歡做網頁，其水平，跟兩者沒法比，所以叫做"學生"。（當然，也有一些在校生水平超常）他們做出的網站可謂"千姿百態"。這里，我要很小心地向那些身兼前兩者之長的高手報歉，之所以不列他們為代表人物，是因為那樣的"高手"的確鳳毛麟角。

給網頁的內容分類相當麻煩。大至有這么幾類：一、綜合型站大站--這大約是唯一需要請專業網頁美工的單位了。二、專業類網站，這樣的網站，多多少少也會招美工，但是這種網站，相當於傳統媒體的電子版，美工的作用，也就可想而知了。
現在的網站，東西看起來不少，有用的卻不多。這里說的"有用"，只是針對專業領域而言。專業領域，內容多，界面好的網站，鳳毛麟角。

隨著素質教育的提高，再過三四年，做網頁的高手會大量出現，這必將進一步影響到網頁美工的生存空間。只會用photoshop、DW這樣的東西，在網路這領域的工作前景、還有的"保鮮期"，肯定是要低於在傳統的廣告等行業的美工們的。因為雖然工作的內容（美工設計），和在傳統行業的同行沒有什麼太大不同，而勞動強度，卻必須和程序員一樣，否則，辦公室里一定會有這樣的聲音：我把程序調好了，哎，那個做界面的跑到哪裡去了？可能，那時是深夜兩點。這樣的生活，日復一日的勞動，老得快啊，"後生"可畏啊--種種念頭一起襲來，難免緊張。如果微積分不會算，加速度沒掌握、不清楚，就是一個FLASH也難做好--但美工，數學通常是吃力的科目，不能用數學的邏輯來思考，動畫是很難做好的。

寫到這里，我也有點昏昏沉沉的了--做網頁到底包含了什麼？美工在其中究竟有什麼樣的作用？我也沒有一個清晰的答案。但我還是盡我所能來總結一下吧：

網頁的內容決定了形式，在對內容的處理上，程序員有著絕對的優勢，是一個網站不可或缺的部份。美工，相當於版式設計、美編的綜合體吧。一份報紙，不能沒有印刷機--程序員，不能沒有內容；但好像，是可以沒有美編的。美術設計也就是把傳統的工作移到了網路的平台上，這個平台的基礎是"程序"。程序員可以憑技術進入到公司的中層甚至高層。有憑美工水平進入公司高層的人么？起碼現在看不到。

對一個從事網頁美工的人來說，加強美術上的修養，縱橫於"電腦美術"的世界才是立身發展之道，不能被網頁設計這一塊緊緊纏住，搞得筋疲力竭。
通過仔細觀察，我們可以看見朝露上反光的變化，映出了世界的勃勃生機，我們就可以修改我們作品中不真實的部份；而通過觀察，我看不出這實現同樣功能的兩段不同代碼有什麼優劣，那這個世界對我們來說就是黑色的--如果這個世界對你的誘惑是那麼的大，別介意你的年齡，恭喜你，你新生了，只要你願意學習，你將重新在這個世界裡發育，成長。

聽說，"龍象般若功"是什麼人都可以練成的，練成之後也就天下無敵了，但要練成，得活到150歲以上……
個人以為，網頁設計與傳統平面設計是有一定區別的，可能大家會認為網頁設計的效果沒有平面設計的效果那麼有意境。
平常給客戶做網站時，客戶負責人會是他們公司的某個搞"平面設計"人員，他們會當著你的面說"網頁設計也不過是排版而已，很簡單嘛！"，那我不懂了，既然這么簡單幹嘛還花錢讓我們做，你自己做不就得了？？？ 說穿了，哪一個設計不是在排版？？？還不都是把文字內容與圖片想辦法排到最好的效果？

社會上，網頁設計的人是比平面設計的人矮一截的。但，我相信，真的是有本事的就不會說出這么無知的話來。
不懂裝懂的人最討厭。
可能因為我做的網站主要是門戶型的吧，這些網站頁面的設計都是要根據其網站功能來設計的，主要還是以簡潔為主，所以我也自認自己設計出來的東西跟平面是肯定有很大差距的。
但，在網頁設計一行里，好的設計師與好的作品也不少啊。怎麼你就不知道呢？郁悶ing....
這個問題讓我想到另一個問題："是MP3好還是MD好？"。區別呢？人們總喜歡拿一個2~3K的MD來跟一個3~4百的MP3來比，這有什麼意思呢？？

3、網頁設計頁面線形圖和框架結構圖的區別

框圖的製作是快速而廉價的，特別是當你使用諸如UXPin、Balsamiq、Axure這樣的軟體來製作的時內候。當容然，線框圖也理當是在設計之初就使用這些工具來製作。
比起創建一個完整細致高保真的線框圖，搜集反饋信息來得更加重要。為什麼這么說呢？
一般而言，大家更注重軟體的功能、信息架構、用戶體驗、用戶交互流程圖、可用性，這些東西，而不是考慮這些因素的美學特徵。同時，在這種情況下，根據需求進行修改也無需涉及代碼調整和圖形編輯。

4、怎麼做好網頁設計？

網頁設計是一個綜合性的，工作，他不但但要求你用美術，美術只是其它一門最重要的，
還有社會文化的了解，對各方面藝術的精通，精懂，你才會，有更出色的作品，更好的創意，
有時候靈感，就是原自每個人的生活，和我們十分相近，只要用心觀察，用心學習，就會有進步的
首先，基礎的工具軟體，PS FLASH DW AI 3DMAX這些都要求會使用，並用其做出效果
然後，你要用HTML CSS JAVASCIRPT 有所了解並學習，基礎客戶端語言編程，
在則，你最好，了解後，能進一些好的北京地方的，科班進行學習深造，了解構圖方法和一些設計理念以備在自己的工作中加以應用，
最後，就是，學完後，不一定說明你就是最好的優秀的，各各方面，要看你自己的能力，是否，會來到這個行業中，去學習去進步跟你的團隊一起完成一個提案，等，都 是問題，最好學好以後去一些公司實習，或一邊實習一邊學習，建意你從平面設計開始學起，從平面設計轉入交互設計，會有一守的過濾，這樣對你日後 ，發展有一定的幫助，

5、關於網頁功能圖和內容結構圖

見圖，你可以用VISIO畫一下（我的是圖的格式），然後copy到WORD文檔中即可。

6、網頁設計流程是什麼？

設計流程：

主題明確：

在目標明確的基礎上，完成網站的構思創意即總體設計方案。對網站的整體風格和特色作出定位，規劃網站的組織結構。

Web站點應針對所服務對象（機構或人）的不同而具有不同的形式。有些站點只提供簡潔文本信息；有些則採用多媒體表現手法，提供華麗的圖像、閃爍的燈光、復雜的頁面布置，甚至可以下載聲音和錄像片段。好的Web站點把圖形表現手法和有效的組織與通信結合起來。

為了做到主題鮮明突出，要點明確，應該使配色和圖片圍繞預定的主題；調動一切手段充分表現網站點的個性和情趣，辦出網站的特點。

充分利用已有信息，如客戶手冊．公共關系文檔．技術手冊和資料庫等。

設計思路：

1、簡潔實用：這是非常重要的，網路特殊環境下，盡量以最高效率的方式將用戶所要想得到的信息傳送給他就是最好的，所以要去掉所有的冗餘的東西。

2、使用方便：同第一個是相一致的，滿足使用者的要求，網頁做得越適合使用，就越顯示出其功能美

3、整體性好：一個網站強調的就是一個整體，只有圍繞一個統一的目標所做的設計才是成功的。

4、網站形象突出：一個符合美的標準的網頁是能夠使網站的形象得到最大限度的提升的。頁面用色協調，布局符合形式美的要求：布局有條理，充分利用美的形式，使網頁富有可欣賞性，提高檔次。當然雅俗共賞是人人都追求的。

5、互動式強：發揮網路的優勢，是每個使用者都參與到其中來，這樣的設計才能算成功的設計。這樣的網頁才算真正的美的設計。

版式設計：

網頁設計作為一種視覺語言，特別講究編排和布局，雖然主頁的設計不等同於平面設計，但它們有許多相近之處。

版式設計通過文字圖形的空間組合，表達出和諧與美。

多頁面站點頁面的編排設計要求把頁面之間的有機聯系反映出來，特別要求處理好頁面之間和頁面內的秩序與內容的關系。為了達到最佳的視覺表現效果，反復推敲整體布局的合理性，使瀏覽者有一個流暢的視覺體驗。

色彩作用：

色彩是藝術表現的要素之一。在網頁設計中，設計師根據和諧、均衡和重點突出的原則，將不同的色彩進行組合．搭配來構成美麗的頁面。 根據色彩對人們心理的影響，合理地加以運用。如果企業有CIS（企業形象識別系統），應按照其中的VI進行色彩運用。

形式內容：

為了將豐富的意義和多樣的形式組織成統一的頁面結構，形式語言必須符合頁面的內容，體現內容的豐富含義。

靈活運用對比與調和、對稱與平衡、節奏與韻律以及留白等手段，通過空間、文字、圖形之間的相互關系建立整體的均衡狀態，產生和諧的美感。

三維空間的構成：

網路上的三維空間是一個假想空間，這種空間關系需藉助動靜變化．圖像的比例關系等空間因素表現出來。 在頁面中，圖片、文字位置前後疊壓，或頁面位置變化所產生的視覺效果都各不相同。

通過圖片、文字前後疊壓所構成的空間層次不太適合網頁設計，根據現有瀏覽器的特點，網頁設計適合比較規范、簡明的頁面，盡管這種疊壓排列能產生強節奏的空間層次，視覺效果強烈。

網頁上常見的是頁面上、下、左、右、中位置所產生的空間關系，以及疏密的位置關系所產生的空間層次，這兩種位置關系使產生的空間層次富有彈性，同時也讓人產生輕松或緊迫的心理感受。

虛擬現實：

人們已不滿足於HTML（標准通用標記語言下的一個應用）編制的二維Web頁面，三維世界的誘惑開始吸引更多的人，虛擬現實要在Web網上展示其迷人的風采，於是VRML語言出現了。

VRML是一種面向對象的語言，它類似Web超級鏈接所使用的HTML語言，也是一種基於文本的語言，並可以運行在多種平台之上，只不過能夠更多地為虛擬現實環境服務。

多媒體：

網路資源的優勢之一是多媒體功能。要吸引瀏覽者注意力，網頁的內容可以用三維動畫、FLASH等來表現。但要由於網路寬頻的限制，在使用多媒體的形式表現網頁的內容時不得不考慮客戶端的傳輸速度。

便於使用：

如果人們看不懂或很難看懂您的網站，那麼，他如何了解你的企業信息和服務項目呢？使用一些醒目的標題或文字來突出您的產品與服務。

並且即使您擁有最棒的產品，如果客戶從您的網站上看不清楚您在介紹什麼或不清楚如何受益的話，他們是不會喜歡您的網站的，這對於網頁設計而言是失敗的。

導向清晰：

網頁設計中導航使用超文本鏈接或圖片鏈接，使人們能夠在您的網站上自由前進或後退，而不必讓他們使用瀏覽器上的前進或後退。我們在所有的圖片上使用「ALT」標識符註明圖片名稱或解釋，以便那些不願意自動載入圖片的觀眾能夠了解圖片的含義。

快速下載時間：

很多的瀏覽者不會進入需要等待5分鍾下載時間才能進入的網站，在互聯網上30秒的等待時間與我們平常10分鍾等待時間的感覺相同。因此，建議在網頁設計中盡量避免使用過多的圖片及體積過大的圖片。主要頁面的容量應確保普通瀏覽者頁面等待時間不超過10秒。

非圖形內容：

在必要時適當使用動態「Gif」圖片，為減少動畫容量，應用巧妙設計的Java動畫可以用很小的容量使圖形或文字產生動態的效果。但是，由於在互聯網瀏覽的大多是一些尋找信息的人們，仍然建議您要確定您的網站將為他們提供的是有價值的內容，而不是過度的裝飾。

反饋與溝通：

讓客戶明確您所能提供的產品或服務並讓他們非常方便地訂購是您獲得成功的重要因素。如果客戶在您的網站上產生了購買產品或服務的慾望，您是否能夠讓他們盡快實現嗎？是在線還是離線？

因此，如果是產品或服務介紹網站，應該有留言、電話、在線咨詢等功能或信息呈現。

在企業的Web站點上，要認真回復用戶的電子郵件和傳統的聯系方式如信件．電話垂詢和傳真，做到有問必答。最好將用戶的用意進行分類，如售前一般了解．售後服務等，由相關部門處理，使網站訪問者感受到企業的真實存在並由此產生信任感。

測試改進：

測試實際上是模擬用戶詢問網站的過程，用以發現問題並改進網頁設計。應該與用戶共同安排網站測試。

內容更新：

企業Web站點建立後，要不斷更新網頁內容。站點信息的不斷更新，讓瀏覽者了解企業的發展動態和網上職務等，同時也會幫助企業建立良好的形象。

注意不要許諾你實現不了的東西，在你真正有能力處理回復之前，不要懇求用戶輸入信息或羅列一大堆自己不能及時答復的電話號碼。 如果要求訪問者自願提供其個人信息，應公布並認真履行個人隱私保承諾。

(6)網頁設計構圖擴展資料：

網頁設計（web design，又稱為Web UI design，WUI design，WUI），是根據企業希望向瀏覽者傳遞的信息（包括產品、服務、理念、文化），進行網站功能策劃，然後進行的頁面設計美化工作。

作為企業對外宣傳物料的其中一種，精美的網頁設計，對於提升企業的互聯網品牌形象至關重要。

網頁設計一般分為三種大類：功能型網頁設計（服務網站&B/S軟體用戶端）、形象型網頁設計（品牌形象站）、信息型網頁設計（門戶站）。設計網頁的目的不同，應選擇不同的網頁策劃與設計方案。

網頁設計的工作目標，是通過使用更合理的顏色、字體、圖片、樣式進行頁面設計美化，在功能限定的情況下，盡可能給予用戶完美的視覺體驗。高級的網頁設計甚至會考慮到通過聲光、交互等來實現更好的視聽感受。

網頁設計主要以Adobe產品為主，常見的工具包括FW、PS、FL、DW、CDR、AI等，其中DW是代碼工具，其他是圖形圖像和FL動畫工具。還有最近幾年Adobe新出的EdgeReflow、EdgeCode、Muse。

標題設計：

在設計網頁標題時，應注意同時兼顧對用戶的注意力，以及對搜索引擎檢索的需要。這一原則在實際操作中可通過三個方面來體現，這三個方面也可以被認為是網頁標題設計的一般規律：

1、網頁標題不宜過短或者過長

一般來說6-10個漢字比較理想，最好不要超過30個漢字。網頁標題字數過少可能包含不了有效關鍵詞，字數過多不僅搜索引擎無法正確識別標題中的核心關鍵詞，而且也讓用戶難以對網頁標題（尤其是首頁標題，代表了網站名稱）形成深刻印象，也不便於其他網站鏈接。

2、網頁標題應概括網頁的核心內容

當用戶通過搜索引擎檢索時，在檢索結果頁面中的內容一般是網頁標題（加鏈接）和網頁摘要信息，要引起用戶的關注，網頁標題發揮了很大的作用。

如果網頁標題和頁面摘要信息有較大的相關性，摘要信息對網頁標題將發揮進一步的補充作用，從而引起用戶對該網頁信息點擊行為的發生（也就意味著搜索引擎推廣發揮了作用）。

另外，當網頁標題被其他網站或者本網站其他欄目/網頁鏈接時，一個概括了網頁核心內容的標題有助於用戶判斷是否點擊該網頁標題鏈接。

3、網頁標題中應含有豐富的關鍵詞

考慮到搜索引擎營銷的特點，搜索引擎對網頁標題中所包含的關鍵詞具有較高的權重，盡量讓網頁標題中含有用戶檢索所使用的關鍵詞。

以網站首頁設計為例，一般來說首頁標題就是網站的名稱或者公司名稱，但是考慮到有些名稱中可能無法包含公司/網站的核心業務，也就是說沒有核心關鍵詞，這時通常採用「核心關鍵詞+公司名/品排名」的方式來作為網站首頁標題。

開頭所列舉的某網路營銷服務商網站首頁標題實例，其實也是採用這種方式來設計網頁標題，只不過由於羅列了太多的「核心關鍵詞」，反而沒有了核心。

做美工看起來並不是一件容易的事情。首先，要對整個站點和企業有個大致的了解。例如：某些企業喜歡藍色的主調，你不可能去做個紅色的主調，這樣完全違背客戶的主要意願，如果百度的標志改成五顏六色的，相信大家也不會認可的。

站長的職責是規劃網站結構。同樣也需要有一定的審美觀。下面介紹了幾款常用的繪圖工具和基本知識。

參考資料：

網路-網頁設計 （網站技術）

7、什麼是網頁設計？

網頁設計是一個綜合性的，工作，他不但但要求你用美術，美術只是其它一門最重要的，
還有社會文化的了解，對各方面藝術的精通，精懂，你才會，有更出色的作品，更好的創意，
有時候靈感，就是原自每個人的生活，和我們十分相近，只要用心觀察，用心學習，就會有進步的
首先，基礎的工具軟體，PS FLASH DW AI 3DMAX這些都要求會使用，並用其做出效果
然後，你要用HTML CSS JAVASCIRPT 有所了解並學習，基礎客戶端語言編程，
在則，你最好，了解後，能進一些好的北京地方的，科班進行學習深造，了解構圖方法和一些設計理念以備在自己的工作中加以應用，
最後，就是，學完後，不一定說明你就是最好的優秀的，各各方面，要看你自己的能力，是否，會來到這個行業中，去學習去進步跟你的團隊一起完成一個提案，等，都 是問題，最好學好以後去一些公司實習，或一邊實習一邊學習，建意你從平面設計開始學起，從平面設計轉入交互設計，會有一守的過濾，這樣對你日後 ，發展有一定的幫助，
你來我團隊吧，我是做設計的，這東西，免費沒有指點你的，你要慢慢學，
你好，
你好，網頁設計一門綜合 性比交廣的學課，當然，我也是這個行業中的一員，就像我來說目前在轉型，熱門行業做的人太多了，比電腦公司技術員還多，所以說，如果你真想入這行業可以進我團交流，大家一起學習，
當然，做設計，首先得會用PS吧，最基本你要得會處理圖片吧，
平面設計你得懂吧，沒有平面的基礎想做出好的網頁基本很難得，出非你是做普通的，
在則，網頁這個交互性的東西，還要要求用戶懂動畫，在高點得會JS JQ程序什麼的，去實現他的動作。
所以說，最重要的就是你要會設計，會設計前提是你得會用PS 然後就是FLASH 或AI 這三個軟體，其它的還可以商量 ，如果這三個不會，那就得學軟體先，學好軟體才能說入這個門的條件後面還有
HTML CSS DIV PHP JS JQ 很多東西得學，最重要的就是會跟客戶溝通，溝通是設計的一把鑰匙，有了它，你會事辦公倍的，祝你好運，希望你可以加入我們團隊，共同學習謝謝，說的太多了，不知道對你有用沒用，希望做為參考，僅能參考 ，不做評論，
不會可以學，但要多動手 多做，基礎差可以補，語言後其可以在學，前其先把圖做好，CSS做好，這都不是太難的課目難得是JS跟後其的動畫 效果上。要對自己有信心，加油，

8、網站建設中怎樣設計構圖才能讓網站更出彩

1、網站運用幾何圖形的切割比例

我們經常說黃金分割比例，其實在網頁設計中我們也可以運用這種方式，通過黃金分割比例，讓用戶感受到設計之美。黃金分割比例被形容自然界最美的幾何分割比。

2、素材應用起到畫龍點睛的效果

好的素材給網站起到點綴頁面設計和表達主題的效果，因此我們在網頁設計中，特別這種構圖設計中，為讓網站更加突出重點，並且是這種效果能加明顯，就需要在網站結構中使用構圖技巧讓網站作為紐帶鏈接其他元素。

3、斜線設計在網站使用屢試不爽

我們在做網站圖片效果的時候，經常遇到這種情況就是在網站使用斜線讓兩個不同的圖片做下內容分割。同樣，我們在網頁設計中也可以採用這種斜線的方式，讓網頁更加富有活力和青春。