網站設計心得體會

第一篇：網站設計心得體會

記得那年那一年我正式成立公司當時還在天河體育西路的時候,心想如果真功夫能夠給我接到手做他們的網站就好了,

想不到在xx年的前一個月朋友就透露說真功夫需要改版,我那時後有點興奮,因爲終於有機會了,我自己負責設計我很幸福的申請投搞真功夫的官方網站設計,

當時競標的公司都必須有邀請競標書纔可以參加,我查了一下參加競標的公司有好多,十幾家公司一同參與競標,他們都是行內頂尖的網站建設服務供應商,要爭取下來真的有點困難,但我還是堅持一試,於是我委託一些行內朋友幫我弄到了那份競標書,也聯繫上了真功夫的網站建設負責人,我們約好了具體面談的時間,那天好緊張,同事們很努力的幫我做好了ppt方案。　

同我一起前往的還有一位合夥,他主要講技術,我主要講設計同一些新的想法,那天去到那裏好忙裏面好忙,在我們之前的還有兩三個供應商,他們已經是提了好幾次方案了,我心想他們會不會已經談得差不多了,心理有點不大有把握的感覺,到我們了,我們在會議室了等着,大概五分鐘後,

有位帶黑邊眼鏡的男人進來了,看起來很有嚴肅,他坐下了同我們聊了會,問你們怎麼會用我們的競標書,我當時不知道怎麼說好,只好說是朋友介紹的,他:"哦"了一下,說:"沒所謂,反正我們要的是能夠提供好作品的供應商,不過你們應該是比較晚來了,他們已經出了好多方案了,你們是否也也什麼方案呢"?

我們把ppt方案拿出來跟他講述了我們的構思同想法,我們的賣點是突出真功夫的"新鮮""便利""互動""體驗"幾個方面,新鮮呢就主要是體現出其食品的確是既新鮮又有營養,另外就是網站形式多樣自由更新變換,給會員有新鮮感,"便利"就是其自己維護便利,"互動"就是充分利用互聯網同網下會員的一中互動活動,"體驗"就是設置一些遊戲給會員親身體驗其品牌文化,從中讓會員在體驗中深入瞭解同認識其品牌意識,深深的記憶在消費者腦裏.

另外由於真功夫的食物主要是以蒸煮爲主的,很有中國特色的一種傳統文化,所以我們設置了一些中國文化的元素在我們的方案當中。

我們大概聊了大概一個多鍾,大家都聊得很開心,但最後他給我一句話讓我壓力更大,他說:"你們作個平面方案過來吧,我對設計的要求很高,雖然我們初次談得不錯,但最終還要看實體,如果你們過來的平面不行的話我們就不必要繼續談下去了.

包括其它供應商也是這樣."當時，我壓力好大,因爲所有的希望都寄託在這一個平面上了,但衝着這一點我決定我要加班就算是不睡不喝也要把他做好,我回家後收集了好多相關的資料,然後做了一個平面過去,要清楚,這個平面是生死稿,行就繼續不行就會前功盡棄,所以當時做這個稿做了我一個通宵,總共做了我26個小時,幸好,反饋回來的不是壞消息,興奮的繼續做深入的方案.我們第二第三次會面了,從中我們的方案逐漸令到他們覺得我們很有實力很有信心做好.

在幾次的會談當中,我們出了好幾款風格平面給他們,在中我們有想過放棄,因爲當時根本還沒確定是否給我們籤合同,不過我堅持還是做下去,因爲我很希望能夠做好這單,畢竟也付出了這麼多,不可能半途而費.幸好最後我們的態度同設計都令他們感到合作的誠意,於是終於把合同給簽了.工作也陸續開展下去了....

他們每到節假日都會做一些活動，我們當然都會幫他們做一些活動推廣.包括活動中的遊戲體驗等.

到最後雖然過程是艱苦的，但結果是開心的。

結束語：萬事都有轉機，只要您堅持到最後就會有好的收穫。

第二篇：網站設計心得體會

西部汽車網設計心得體會

其實，在初次知道我們這學期的實踐教學內容是關於網站設計時，我真的很害怕，也很擔心。因爲在這兩年多的大學學習中，雖然我也學習了一些這方面的知識，也編寫過一些簡單的網頁，但是對於那些我弄出來的東西，連我自己也不敢苟同，更別說是讓我設計出一個界面美觀的網站了。所以在聽到老師讓我們設計出一個網站時，我真的是腦袋都大了。

不過還好，老師的要求並不是要求每位同學各做一個，而是要求我們一個班上的幾位同學組成一個小組來完成一個網站。這樣，就好做多了，人多力量大，大家互補其短，互揚其長，難度就降低了很多，大家心裏也有底了。

等組完小組後，我們就開始了我們這個組究竟做那個網站了。後來，經過我們小組的集體商量，我們最終商定製作西部汽車網這個網站。至於爲什麼做這個網站，我們則認爲一方面是因爲這方面的資料比較好收集，另一方面，感覺也比較簡單。不過，即便是這樣，對於我們來說仍然還是很困難，因爲要想做出那樣一個界面美觀的網站，還有很多知識我們不知道。比如網站的創意、風格、整體框架佈局、文字編排、圖片的合理利用，空間的合理安排上面等等，有着許多諸多的要求，需要考慮。

既然困難這麼多，一個人肯定是不可能在這麼短的時間內將這些方面都做完的，於是在接下來，我們大家則根據自己的所長，然後由組長給我們安排了一個方面的內容。

而我呢，由於對網站的界面美化有過一定的學習，於是，我的任務就是關於網站界面美化方面的設計。界面設計即簡單又不簡單，簡單的是界面設計只是在功能設計的基礎上作一些美工設計；不簡單的是，要設計既得好看，又與功能設計很貼切是很考究製作者的美術和平面設計功底的。而我呢，雖然學習過一些這方面的，但要真的做起來，恐怕還差很遠，這就要求我在平常去學習這方面的知識了。

於是在任務安排了以後，我就去學校圖書館借了一些這方面的專業書籍，如平面設計，工業設計等。另外，我還有時間就去那些設計的比較好的網站內去轉一轉，學習其中的優點。這樣，一個多月下來後，雖然仍還有很多不瞭解，但是卻也從中學到了很多。由於我們這個網站要求的並不是很高，所以經過我這一個(本文來源本站：)多月的突擊，也是勉強能行了。

充電完成後，接下來就是真的實踐了。而要做網站的美工，那麼首先要弄的就是網站的logo。logo顧名思義就是站點的標誌圖案，logo最重要的就是用圖形化的方式傳遞網站的定位和經營理念、同時便於人們識別。對於這方面，我可以說是完全沒有經驗。後來真的不知該怎麼辦，只好在網上收集了一些這方面的素材，然後找出了其中一個自己比較好的將其作爲了我們網站的logo。

logo做好了後，我還做了文字的編排以及文字圖形化。在網頁設計中，字體的處理與顏色、版式、圖形化等其他設計元素的處理一樣非常關鍵。而文字圖形化就是將文字用圖片的形式來表現，這種形式在頁面的子欄目裏面最爲常用，因爲它具有突出，同時又美化了

頁面，使頁面更加人性化加強了視覺效果。是文字無法達到的。這樣做了好，網站整體上看起來就好看多了。

另外，我還要強調文字。因爲在我看來，將個別文字作爲頁面的訴求重點，然後通過加粗、加下劃線、加大號字體、加指示性符號、傾斜字體、改變字體顏色等手段有意識地強化文字的視覺效果，使其在頁面整體中顯得出衆而奪目。

最後，我還對網站進行了一些簡單的配色。我先用一種色彩選定指定顏色，然後調整透明度或者飽和度，(說得通俗些就是將色彩變淡或則加深)，產生新的色彩，用於網頁。這樣的頁面看起來色彩統一，有層次感。

總而言之，經過這件事，不禁讓我學習理解了一些網站製作方面的知識，而且讓我深刻的瞭解到團隊合作的重要性，這讓我受益匪淺。

第三篇：行業網站設計的心得體會

行業網站設計心得

很多設計師認爲做好了企業網站就一定能夠做好行業網站的設計，其實對設計來說行業網站和企業網站的設計截然不同，對整個網站的創意、風格、整體框架佈局、文字編排、圖片的合理利用，空間的合理安排上面等?有着許多諸多的要求，需要考慮的面更廣，面對的問題也會更多。對於一名優秀的網站設計師來說不能絕不能放過任何一點小細節，本篇文章簡述的是設計師在做行業網站時所需考慮的一些問題。

一、網站風格/創意

風格(style)是抽象的。是指站點的整體形象給瀏覽者的綜合感受。整體形象包括站點的版面佈局，色彩，字體，瀏覽方式等?。如：我們覺得迪斯尼是生動活潑的而ibm則是專業嚴肅的。每一個網站都會給人們留下的不同感受。這裏我們需要做到的是根據網站的定位做出網站特有的風格。除此我們還需要在風格同一上需要把握一下，其實這個風格的統一和傳統的印刷出版物沒什麼區別。你網頁上所有的圖像、文字，包括像背景顏色、區分線、字體、標題、註腳什麼的，都要統一風格，貫穿全站。這樣子用戶看起來舒服、順暢，會對你的網站留下一個“很專業”的印象。而企業網站設計師往往就缺乏這一點，沒有全局意思。創意，所謂創意就是不拘一格？某些設計師在做創意的時候大費周章，做出來確實不可否認很有創意、很別緻，但往往對於行業網站的客戶爲什麼不能接受呢？此時不要太責怪客戶的不識貨，應該反思，抓住客戶的需求。其實做行業網站不需要很多大的創意，也不要浪費過多的時間去追求如何個性、如何好看，我們只需要一點小小的創意貫穿全站，也許會使網站更生動更具有吸引力、更有思想，比如中國現車交易網(2014年此站已經消失)就是一個很好的案例，它把車的外形融入到網站中，使它脫穎而出。

二、網站logo

logo顧名思義就是站點的標誌圖案，logo最重要的就是用圖形化的方式傳遞網站的定位和經營理念、同時便於人們識別。網站logo的設計過程中一般有以下三種思路：1.直接以網站網址作爲logo。2.根據網站提供的產品/服務特點展開logo設計。3.以傳遞網站運營商的經營理念爲特色。如：全球五金網logo()

三、視覺流程

人們在閱讀某種信息時，視覺總有一種自然的流動習慣，先看什麼，後看什麼，再看什麼。在心理學的研究表明，一般的瀏覽習慣是從上到下、從左到右，在一個平面上，上松下穩而壓抑。同樣，平面的左鬆右穩。所以平面的視覺影響力上方強於下方，左側強於右側。這樣平面的上部和中上部被稱爲“最佳視域”，也就是最優選的地方。在網頁設計中一些突出或推薦的信息通常都放在這個位置。當然這種視覺流程只是一種感覺並非一種固定的公式，只要符合人們的心理順序和邏輯順序，就可以更爲靈活地運用，在網頁設計中，靈活而合理地運用直接影響到傳達信息的準確與有效性。

四、網頁框架與佈局

網頁佈局大致可分爲“國”字型、拐角型、“t”字型、“l”字型、綜合框架型、flash型、變化型，在這裏就不做一一論述了。其實在我們在做設計的時候並沒有過多的去考慮什麼形式，比如我們在一張紙看到一個圓形的東西，很容易可以聯想到它像太陽，而有些人則聯想到月亮等等?這都是一種形式比喻，最重要的是抓住客戶的需求，把握網站的定位做處合理的框架佈局。

1． 分辨率

網頁的整體寬度可分爲三種設置形式：百分比、象素、象素+百分比。通常在網站建設中以象素形式最爲常用，行業網站也不列外。我們在設計網頁的時候必定會考慮到分辨率的問題，科技發展到現在我們通常用的是1024*768和800*600的分辨率，現在網絡上很多都是用到

778個象素的寬度，在800的分辨率下面往往使整個網頁很壓抑，有種不透氣的感覺，其實這個寬度是指在800*600的分辨率上網頁的最寬寬度，不代表最佳視覺，不妨試試760~770的象素，不管在1024還是800的分辨率下都可以達到較佳的視覺效果。

2． 合理廣告

在目前一些網站的廣告（彈出廣告、浮動廣告、大廣告、banner廣告、通欄廣告等等?）讓人覺得很煩瑣，更本就不願意來看，有時連你這個網站都不上了，這樣一來網站受到了嚴重的影響、廣告也沒達到廣告的目的。這些問題都是我們在設計網站之前需要考慮、需要規劃的內容之一。

浮動廣告有兩種，第一種是在網頁兩邊空餘的地方可以上下浮動的廣告，第二種是滿屏幕到處隨機移動的廣告。建議能使用第一種的情況下儘量使用第一種，不可避免第二種情況時儘量在數量上控制最多一個就好。如果數量過多會直接影響到用戶的心理、防捱到用戶瀏覽信息,適得其反。首頁廣告不宜過多適中即可。如在註冊或者某個購買步驟的頁面上最好不要出現過多的其他無關的內容讓用戶分心，避免客戶流失等?

3．空間的合理利用

很多的網頁都具有一個特點，用一個字來形容，那就是“塞”，它將各種各樣的信息如文字、圖片、動畫等不加考慮的塞到頁面上，有多少擠多少，不加以規範，導致瀏覽時會遇到很多的不方便，主要就是頁面主次不分，喧賓奪主，要不就是沒有重點，沒有很好的歸類，整體就像各大雜燴。讓人難以找到需要的東西。有的則是一片空白失去平衡，也可以用個“散”字來形容。

並非要把整個頁面塞滿了纔不覺得空，也並非讓整個頁面空曠纔不覺得滿，只要合理的安排、有機的組合，使頁面達到平衡，既使在一邊的部分大面積留空，同樣不會讓人感到空，相反這樣會給人留下廣闊的思考空間，給人回味又達到了視覺效果。

4．文字編排

在網頁設計中，字體的處理與顏色、版式、圖形化等其他設計元素的處理一樣非常關鍵。

4.1文字圖形化

文字圖形化就是將文字用圖片的形式來表現，這種形式在頁面的子欄目裏面最爲常用，因爲它具有突出，同時又美化了頁面，使頁面更加人性化加強了視覺效果。是文字無法達到的。對於通用性的網站弊端就是擴展性不強。

4.2強調文字

如果將個別文字作爲頁面的訴求重點，則可以通過加粗、加下劃線、加大號字體、加指示性符號、傾斜字體、改變字體顏色等手段有意識地強化文字的視覺效果，使其在頁面整體中顯得出衆而奪目。這些方法實際上都是運用了對比的法則。如果在更新頻率低的情況下也可以使用文字圖形化。

五、網站配色

1.用一種色彩。這裏是指先選定一種色彩，然後調整透明度或者飽和度，(說得通俗些就是將色彩變淡或則加深)，產生新的色彩，用於網頁。這樣的頁面看起來色彩統一，有層次感。

2.用兩種色彩。先選定一種色彩，然後選擇它的對比色(在photoshop裏按ctrl+shift+i)再進行微小的調整。整個頁面色彩豐富但不花稍。

3.用一個色系。簡單的說就是用一個感覺的色彩，例如淡藍，淡黃，淡綠；或者土黃，土灰，土藍。也就是在同一色系裏面採用不同的顏色使網頁增加色彩，而又不花，色調統一。這種配色方法在網站設計種最爲常用。

4.灰色在網頁設計中又稱爲“萬能色”，其特點是可以和任何顏色搭配，在使用時把握量避免網頁變灰。

在網頁配色中，儘量控制在三種色彩以內，以避免網頁花、亂、沒有主色的顯現。背景和前

文的對比儘量要大，(絕對不要用花紋繁複的圖案作背景)，以便突出主要文字內容、也使用戶在瀏覽信息的時候不會覺得累。

六、常見問題

6.1分解大型表格

爲了加快網頁的瀏覽速度，儘可能避免用大型表格，因爲瀏覽器必須等待整個表格的內容全部到達客戶端，才能顯示這個表格的內容，而文本或圖像則是一邊下載一邊顯示。同時我們製作網頁時要儘量減少表格的深度、表格複雜化，這一點尤爲重要可直接影響網頁瀏覽速度、又給後面的程序添加帶來了不必要的麻煩。

6.2網站導航要清晰

“您所在位置”在大型網站中是不可缺少的一部分，其作用表明您現在所處在的位置，使用戶不會不知東西南北迷失在網站中。其次還有讀者進入目的頁的點擊次數，不能超過三次。如果三次以上還找不到用戶所要的信息，人家可就沒有耐心陪你玩了！

6.3圖片註解

在很多網站上我們都可以找到一個共同的缺點，當網速慢時有很圖片都無法顯示，又沒有註解使得用戶反感，如在註冊時的按鈕是圖片做的又沒加圖片註解，而導致連註冊都找不到，如果加了註解這些問題也就不成問題了！

6.4系統按鈕

在我們做按鈕的時候，要做成“按鈕”的形式（type="button"），而不要做成“提交表單”的形式（type="submit"），方便以後程序設計。

6.5空鏈接、死鏈接

在一個優秀、專業的網站上是找不到任何一個空鏈接或死鏈接的情況，如果有這種情況會影響到用戶對您網站的評價，所以我們在製作的時候儘量避免，避免辦法就是提前做好鏈接，如果尚未完成的頁面則鏈上“建設中?”的頁面，加以解釋。

6.6導航條

在大型的行業網站裏面主導航條最好是用文字形式，避免使用圖片或flash做導航條、縮小網站擴展性。

6.7網站的擴展性

對於一個行業網站而言，網站的擴展性是相當重要的，隨時都要考慮到網站需求的變化！

網站製作要掌握三種基本的軟件：dreamweaver、photoshop、flash。

dreamweaver用來輸出網頁的代碼編排靜態頁面、css樣式的編寫，然後用於網站後臺代碼的編寫。

photoshop用於網頁效果圖的設計與效果成型的切圖。

flash用於網站一些動畫的實現，像banner動畫，導航動畫等。

要學好網站製作，你應該具備以下知識：能較好地運用網頁三劍客，要懂html、css語言。關於網站的製作教程，我建議你到硅谷動力網站上去看，裏面教你從零開始到網站整站的製作

淺談網站建設心得

一個企業要建立一個成功的網站，需要注意哪些問題呢?域客士在多年的建站經驗中總結到,以下幾方面的問題：

一、找好自己的定位

網站形形色色，但是並不是所有的網站類型都適合你。首先要想明白自己的行業特點，自己想滿足什麼樣的用戶需求，自己想通過網站來做什麼?

二、選擇一個好的域名和空間商

域名非常重要,建議使用簡單的數字或者拼音作爲域名,互聯網上，簡單、易記，纔是致勝的法寶。

三、瞭解搜索引擎營銷的概念

搜索引擎是互聯網的入口。專業的搜索引擎營銷絕不是等網站建成之後再去思考的問題，而應該是從網站策劃階段就應該考慮的問題。網站結構、前端技術、關鍵詞設置、鏈接數量、圖片標籤等等，很多問題都先天性的決定了你的網站是否受搜索引擎爬蟲的歡迎。

四、用戶體驗至上

對網站來說，也就是用戶體驗問題。用戶體驗是檢驗你的網站的唯一標準。

五、網站養成

網站養成其實也是搜索引擎營銷的一個概念。就是說網站就像一個孩子一樣，並不是你把他生下來就萬事大吉了。網站上線以後，你必須每天照顧它，更新新的內容上去，使你的網站不斷的有新的資訊，只有這樣，才能吸引更多的用戶，才能吸引搜索引擎的爬蟲，使你的網站像孩子一樣成長，越長越大，黑板報似的網站建設概念是不行的，永遠要記住，內容纔是王道。

★ 網站設計和網站建設心得

現在都流行做地方門戶網,很多門戶網其實都是個人做的，比如河南，浙江，桂林等，其實有了一款好的網頁程序後,最重要的就是網站的內容和人氣,現在找網絡公司做網站,質量我門先不說 就單價格也上太貴了,還不如買套好的網站程序,買來經營.那麼你們看看一款好的網站程序推薦給你們看看

01、明確內容

如果你想成爲一個網站設計者，並正想建一個網站的話，首先應該考慮網站的內容，包括網站功能和你的用戶需要什麼。你的整個設計都應該圍繞這些方面來進行。

02、抓住用戶

如果用戶不能夠迅速地進入你的網站，或操作不便捷，網站設計就是失敗的。不要讓用戶失望而轉向你的對手的網站。

03、網站升級

時刻注意網站的運行狀況。性能很好的主機隨着訪問人數的增加，可能會運行緩慢。但是，如果你不想失去訪問者的話，一定要仔細計劃好你的升級計劃。

04,點擊規則

聽說過3次點擊規則嗎?對於小型網站，在你的主頁上，沒有任何一條信息，需要點擊次數超過3次的。對於大型網站，使用導航和工具條來改善操作。

05、網站介紹

你應當有一個很清晰的網站介紹，告訴訪問者你的網站能夠提供些什麼，以便訪問者能找到想要的東西。但是，許多設計者都沒有這樣做。有效的導航條和搜索工具使人們很容易找到有用的信息，這對訪問者很重要。告訴訪問者你所提供的正是他們想要的信息。 06,不要用框架

與記數器一樣，框架在網頁上越來越流行。在大多數網站上，在屏幕的左邊有一個框架。但是設計者立刻就發現，在使用框架時產生了許多的問題。使用框架時如果沒有17英寸的顯示屏幾乎不可能顯示整個網站。框架也使得網站內個人主頁不能夠成爲書籤。也許更重要的是，搜索引擎常常被框架混淆，從而不能列出你的網站。

07,在搜索引擎上登記網站

任何一個人發現你的網站的機會都很少，除非你把你的網站在主要的搜索引擎上進行登記。 08,設計一個留言板

瀏覽者願意把時間花在好的網站上，所以最好有一個留言本，這能激勵訪問者再次回到你的網站，還有助於擴充網站內容。

09,測試網站

10,注意留空白。

不要用圖像、文本和不必要的動畫gifs來充斥網頁，即使有足夠的空間，在設計時也應該避免使用。

11,用戶註冊

如果能知道誰瀏覽了網站以及是怎樣瀏覽網站的，那麼就能得到大量有用的信息。但是，要求訪問者在瀏覽網站之前進行註冊，這樣做是要冒風險的，因爲這將趕走一批不願意註冊的人。獲得信息的另一種方法是進行有獎競猜或金錢獎勵，讓用戶能主動填一些信息反饋表。

第四篇：商業網站設計心得體會

商業網站設計心得體會

網頁設計伴隨着網絡的快速發展而快速興起，作爲上網的主要依託，由於人們使用網絡的頻繁而變得非常重要。生活中我每天上網都要接觸到網頁，原來沒有留意過網頁的設計，但是經過這段時間的學習瞭解，現在我打開一個網頁都會習慣性的先看看排版、佈局和色彩運用。

通過老師的講解和對課本的翻閱，我學習到了一些關於建設網站和製作網頁的知識，對網頁製作的基礎知識也有了一定的掌握。通過dreamweaver製作網頁，我用到了一些基本的功能：圖片插入和對齊設置；文字的格式、顏色、背景顏色的設置等。但是在自己嘗試着做的時候，總是出現這裏那裏的問題。不是圖片不能固定在自己想要的位置，就是滾動文本的顯示區域不知道爲什麼撐過了頁面，還有就是不同分辨率、不同瀏覽器都會對瀏覽網頁產生影響。而且在css方面，我總是不太熟悉各種代碼是控制哪些東西的。除了查找解決問題我還總結了經驗。例如：1、命名站點或者文件夾的的時候一定要注意，最好用相應的英語或者漢語拼音，要見名知意，如圖片文件夾用image或者tu，這樣可以避免頁面調用時不正確的現象發生。2、調用style時可以單擊鼠標右鍵選擇custon style來調用style標準，也可以在狀態欄中的元素列表上單擊右鍵來調用style。雖然不同的方法達到的效果看似一樣，但實際上產生的html代碼則完全不同。在這個過程中，我同樣認識到網頁設計不是一門學科的獨秀，而是多種課程的綜合，它是flash、photoshop等網頁軟件的綜合應用。例如flash提供了功能齊全的繪圖和編輯圖形工具。可以直接在編輯區裏繪畫，編輯修改非常靈活，它的另一大特點是“交互性”強。在動畫播放時，可以用鼠標或鍵盤對動畫的播放進行控制，可以很直觀的反映出效果。

頁面設計應以美觀、大方、簡潔爲原則，保持一致的風格。爲了達到最佳的視覺表現效果，應講究整體佈局的合理性，使瀏覽者有一個流暢的視覺體驗。網頁最主要的功能就是給每個上網者提供一種形式，讓他們能夠了解網站提供的信息。要研究網頁設計，就需要站在用戶的角度來看。用戶是一個網站成敗的關鍵。如果用戶要花很多時間進入網站，很有可能他會立即關掉網站，或者網站操作很不方便用戶也會馬上離開，這種網站是很失敗的設計，只會讓用戶失望的離去。所以網頁容量即包括圖像在內的網頁字節數最好不要超過50k。 還涉及到界面弱化的問題。一個好的界面設計它的界面是弱化的，它突出的是功能，着重體現的是網站業提供給使用者主要是什麼。這就涉及到瀏覽順序、功能分區等等。要讓訪客在0.5秒內就能把握網站的行業性質，1秒內就知道該從哪個地方開始使用這個網站，能點一次的，絕不點第二次。當然上面說的是大多數功能性網站，對於宣傳展示性網站，諸如加特效的或flash網站，可能就不得不花哨一些，但不能太過分。網站不是動畫片，在效率越來越高，社會心理越來越浮躁的中國，人們的耐心越來越小，心理承受能力越來越低。效果可以體現意境，點到爲止。

下面簡單介紹下網頁設計的理念和要點。網頁設計理念：（1）內容決定形式：先把內容充實上，再分區塊，再定色調，再處理細節。（2）先整體，後局部，最後迴歸到整體：全局考慮，把能填上的都填上，佔位置。然後定基調，分模塊設計。最後調整不滿意的幾個局部細節。（3）功能決定設計方向: 看網站的用途，決定設計思路。商業性的就要突出贏利目的；政府型的就要突出形象和權威性的文章；教育性的，就要突出師資和課程。 網頁設計的兩大要點是：整體風格和色彩搭配。

一、確定網站的整體風格: 1、將標誌logo，儘可能的放在頁面最突出的位置。2、突出標準色彩。3、總結一句能反映網站精髓的宣傳標語。4、相同類型的圖像採用相同效果，

比如說標題字都採用陰影效果，那麼在網站中出現的所有標題字的陰影效果的設置應該是完全一致的。

二、網頁色彩的搭配: 1、用一種色彩。指選定一種色彩，然後調整透明度或飽和度，這樣頁面看起來色彩統一，有層次感。2、用兩種色彩。先選定一種色彩，然後選擇它的對比色。3、用一個色系。就是用一個感覺的色彩，例如淡藍，淡黃，淡綠；或者土黃，土灰，土藍。在網頁配色中，還要切記一些誤區：1、不要將所有顏色都用到，儘量控制在三至五種色彩以內。2、背景和前文的對比儘量要大(絕對不要用花紋繁複的圖案作背景)，以便突出主要文字內容。

針對我所學的，那麼這次應用到了創意思維，版面設計，色彩配置。圖形創意等方面都很重要，對於網頁設計作爲一種視覺語言，特別講究編排和佈局，雖然主頁的設計不等同於平面設計，但它們有許多相近之處，版式設計通過文字圖形的空間組合，表達出和諧與美。不積跬步，無以至千里。只要我再認真努力的去學習，在今後的閒餘時間學習製作網頁的更多知識以實現自身技能的提高，我堅信將來設計出的網頁會更加專業，更加華麗，使它最終成爲自己的一項技能。

第五篇：企業網站設計心得與體會

企業網站設計心得與體會

很多廣告設計工作室都順帶有網頁設計的業務，成員多是傳統平面設計師，所以在設計網頁的時候，通常帶有很強的平面設計意識。殊不知做平面設計和做企業網站設計是有很多不同的地方。企業網站設計對整個網站的創意、風格、整體框架佈局、文字編排、圖片的合理利用，空間的合理安排上面等?有着許多諸多的要求，需要考慮的面更廣，面對的問題也會更多。本篇文章簡述的是設計師在設計企業網站時所需考慮的一些問題。

一、網站風格/創意

風格(style)是抽象的。是指站點的整體形象給瀏覽者的綜合感受。整體形象包括站點的版面佈局，色彩，字體，瀏覽方式等?。如：我們覺得迪斯尼是生動活潑的而ibm則是專業嚴肅的。每一個網站都會給人們留下的不同感受。這裏我們需要做到的是根據網站的定位做出網站特有的風格。

除此我們還需要在風格同一上需要把握一下，其實這個風格的統一和傳統的印刷出版物沒什麼區別。你網頁上所有的圖像、文字，包括像背景顏色、區分線、字體、標題、註腳什麼的，都要統一風格，貫穿全站。這樣子用戶看起來舒服、順暢，會對你的網站留下一個“很專業”的印象。其實設計企業網站不需要很多大的創意，也不要浪費過多的時間去追求如何個性、如何好看，我們只需要一點小小的創意貫穿全站，也許會使網站更生動更具有吸引力、更有思想。

二、網站logo

logo顧名思義就是站點的標誌圖案，logo最重要的就是用圖形化的方式傳遞網站的定位和經營理念、同時便於人們識別。網站logo的設計過程中一般有以下三種思路：1.直接以網站網址作爲logo。2.根據網站提供的產品/服務特點展開logo設計。3.以傳遞網站運營商的經營理念爲特色。

三、視覺流程

人們在閱讀某種信息時，視覺總有一種自然的流動習慣，先看什麼，後看什麼，再看什麼。在心理學的研究表明，一般的瀏覽習慣是從上到下、從左到右，在一個平面上，上松下穩而壓抑。同樣，平面的左鬆右穩。所以平面的視覺影響力上方強於下方，左側強於右側。這樣平面的上部和中上部被稱爲“最佳視域”，也就是最優選的地方。在網頁設計中一些突出或推薦的信息通常都放在這個位置。當然這種視覺流程只是一種感覺並非一種固定的公式，只要符合人們的心理順序和邏輯順序，就可以更爲靈活地運用，在網頁設計中，靈活而合理地運用直接影響到傳達信息的準確與有效性。

四、網頁框架與佈局

網頁佈局大致可分爲“國”字型、拐角型、“t”字型、“l”字型、綜合框架型、flash型、變化型，在這裏就不做一一論述了

其實在我們在做設計的時候並沒有過多的去考慮什麼形式，比如我們在一張紙看到一個圓形的東西，很容易可以聯想到它像太陽，而有些人則聯想到月亮等等?這都是一種形式比喻，最重要的是抓住客戶的需求，把握網站的定位做處合理的框架佈局。

1． 分辨率

網頁的整體寬度可分爲三種設置形式：百分比、象素、象素+百分比。通常在網站建設中以象素形式最爲常用，行業網站也不列外。我們在設計網頁的時候必定會考慮到分辨率的問題，科技發展到現在我們通常用的是1024*768和800*600的分辨率，現在網絡上很多都是用到778個象素的寬度，在800的分辨率下面往往使整個網頁很壓抑，有種不透氣的感覺，其實這個寬度是指在800*600的分辨率上網頁的最寬寬度，不代表最佳視覺，不妨試試760-770的像素，不管在1024還是800的分辨率下都可以達到較佳的視覺效果。

2． 合理廣告

在目前一些網站的廣告（彈出廣告、浮動廣告、大廣告、banner廣告、通欄廣告等等?）讓人覺得很煩瑣，更本就不願意來看，有時連你這個網站都不上了，這樣一來網站受到了嚴重的影響、廣告也沒達到廣告的目的。這些問題都是我們在設計網站之前需要考慮、需要規劃的內容之一。

浮動廣告有兩種，第一種是在網頁兩邊空餘的地方可以上下浮動的廣告，第二種是滿屏幕到處隨機移動的廣告。建議能使用第一種的情況下儘量使用第一種，不可避免第二種情況時儘量在數量上控制最

多一個就好。如果數量過多會直接影響到用戶的心理、防捱到用戶瀏覽信息，適得其反。首頁廣告不宜過多適中即可。如在註冊或者某個購買步驟的頁面上最好不要出現過多的其他無關的內容讓用戶分心，避免客戶流失等。