- 相關(guān)推薦
網(wǎng)頁設(shè)計(jì)心得范文（精選12篇）
我們?cè)谝恍┦虑樯鲜艿絾l(fā)后，應(yīng)該馬上記錄下來，寫一篇心得體會(huì)，如此就可以提升我們寫作能力了。那么好的心得體會(huì)都具備一些什么特點(diǎn)呢？下面是小編為大家整理的網(wǎng)頁設(shè)計(jì)心得范文，歡迎大家分享。
網(wǎng)頁設(shè)計(jì)心得 篇1
在學(xué)習(xí)網(wǎng)頁制作的這段時(shí)間里，我利用了學(xué)習(xí)之余的一切可利用的剩余時(shí)間，全心全意投入到網(wǎng)頁世界，去不斷的學(xué)習(xí)，去不斷的探索；同時(shí)去不斷的充實(shí)，去不斷的完善自己，在網(wǎng)絡(luò)的天空下逐漸的美化自己的人生！
另外做好主頁也并不是一件容易的事。它包括個(gè)人主頁的選題、內(nèi)容采集整理、圖片的處理、頁面的排版設(shè)置、背景及其整套網(wǎng)頁的色調(diào)等很多東西。
標(biāo)題在個(gè)人主頁中起著很重要的作用，它在很大程度上決定了你整套個(gè)人主頁的定位。一個(gè)好的標(biāo)題必須有概括性、有特色、簡短易記，不要符合自己主頁的主題和風(fēng)格。
網(wǎng)頁頁面整體的排版設(shè)計(jì)也是不可忽略了，很重要的一個(gè)原則是合理也運(yùn)用空間，讓自己的網(wǎng)頁井然有序，留下合適空間，會(huì)給人輕松的感覺。
主頁中不光要有文字，還要適當(dāng)?shù)丶右恍﹫D片。俗話說一圖勝千言，我想它不無道理。一張?zhí)幚淼煤玫膱D片不需再多做解釋，就能使人一目了然，讓人去思考，去了解它。
通過這次制作網(wǎng)站的過程，我最大的感受就是制定網(wǎng)站計(jì)劃的重要性。一個(gè)好的計(jì)劃可以詳細(xì)制定網(wǎng)站的相關(guān)內(nèi)容，為后面的工作節(jié)省很多時(shí)間，所以在制定計(jì)劃時(shí)要有充分的準(zhǔn)備。
我通過整個(gè)包括主題的確定，網(wǎng)頁的設(shè)計(jì)，資料的整和等制作的過程，才更加深入地理解了這些理論。我會(huì)懷著濃厚的興趣去學(xué)習(xí)，與同事之間互相協(xié)作學(xué)習(xí)，學(xué)會(huì)把理論知識(shí)運(yùn)用到實(shí)際中，真正提高我的自主學(xué)習(xí)能力、協(xié)作精神和實(shí)踐能力。向著做一個(gè)真正意義上的教育技術(shù)專業(yè)人士的目標(biāo)前進(jìn)。
網(wǎng)頁設(shè)計(jì)心得 篇2
轉(zhuǎn)瞬之間，半個(gè)學(xué)期又接近尾聲，在李導(dǎo)師的精心輔導(dǎo)下，度過了這個(gè)富有生機(jī)，富有朝氣的學(xué)期。學(xué)到了很多做夢(mèng)也不會(huì)遇到的如此奇特的有趣知識(shí)，對(duì)于我來講是一個(gè)很好的鍛煉和充實(shí)的機(jī)會(huì)。
俗話說的好書山有路勤為徑，學(xué)海無涯苦作舟。在這一絕世佳句的鼓動(dòng)下，我把握了工作之余的一切可利用的剩余時(shí)間，全心全意投入到網(wǎng)頁世界，去不斷的學(xué)習(xí)，去不斷的收索；同時(shí)去不斷的充實(shí)，去不斷的完善自己，在網(wǎng)絡(luò)的天空下逐漸的美化自己的人生！
在學(xué)習(xí)網(wǎng)頁制作的過程中，我深深體會(huì)到一點(diǎn)有付出，就終有回報(bào)，你的付出與你的回報(bào)終究是成正比的。經(jīng)過了多少漫漫長路，經(jīng)過了多少忘我的投入，經(jīng)過了多少波折，我的網(wǎng)頁與眾人見面了。當(dāng)我第一眼在網(wǎng)絡(luò)下一覽我的個(gè)人主頁，我是多么的激動(dòng)，多么的興奮，就像多年未見的老同學(xué)，一種講不出道不明的感覺。
我在制作主頁中的心得體會(huì)總結(jié)：
做好主頁，并不是一件容易的事，它包括個(gè)人主頁的選題、內(nèi)容采集整理、圖片的處理、頁面的排版設(shè)置、背景及其整套網(wǎng)頁的色調(diào)等很多東西。
1.標(biāo)題
在個(gè)人主頁中標(biāo)題起著很重要的作用，它在很大程度上決定了你整套個(gè)人主頁的定位。一個(gè)好的標(biāo)題必須有概括性、簡短，有特色、容易記，還要符合自己主頁的主題和風(fēng)格，決不要取一個(gè)名不符實(shí)的好名字，別人第一次上了當(dāng)，下次再也不會(huì)光顧了。
2.內(nèi)容的采集
選好標(biāo)題后，開始采集內(nèi)容，內(nèi)容必須與標(biāo)題相符，在采集內(nèi)容的過程中，應(yīng)注重特色，所謂特色應(yīng)該是有一些自己的東西。個(gè)人主頁中的特色，應(yīng)該突出自己的個(gè)性，把自己的興趣、愛好盡情地發(fā)揮出來，因?yàn)樵诰W(wǎng)絡(luò)上不受限制。主頁就是在網(wǎng)絡(luò)上的一個(gè)小小家園，在那里，可以放上自己喜歡的任何東西，包括你自己平時(shí)喜歡一些文章，一些好聽的歌，一些好的動(dòng)畫作品。把這些內(nèi)容按類別進(jìn)行分類，設(shè)置欄目，讓人一目了然，在欄目上不要設(shè)置太多，最好不要超過十個(gè)，層次上最好少于五層。
3.圖片
做個(gè)人主頁不能只用文字，必須在主頁上適當(dāng)?shù)丶右恍﹫D片，增加可看性，俗話說一圖勝千言，我想不無道理，一張?zhí)幚淼煤玫膱D片不需要多做任何解釋，就能讓人一目了然，讓人去思考，去了解它。當(dāng)然處理得不好的以及無關(guān)緊要的圖片最好不要放上去，否則讓人覺得是累贅，同時(shí)也影響網(wǎng)頁的傳輸速度。圖片不僅要好看，還要在保證圖片質(zhì)量的情況下盡量縮小圖片的大小(即字節(jié)數(shù))，在目前網(wǎng)絡(luò)傳輸速度不是很快的情況下，圖片的大小在很大程度上影響了網(wǎng)頁的傳輸速度。那么如何精簡圖片的大小呢，一般來說，圖片顏色較少的及在256色以內(nèi)的最好把它處理成gif圖像格式，如果是一些色彩比較豐富的圖片，最好把它處理成jpg圖像格式，因?yàn)間if和jpg各有各的壓縮優(yōu)勢(shì)，應(yīng)根據(jù)具體的圖片來選擇壓縮比。
4.網(wǎng)頁排版
網(wǎng)頁頁面整體的排版設(shè)計(jì)也是不可忽略的，要讓讀者在狹小的電腦屏幕上閱讀，很重要的一個(gè)原則是合理地運(yùn)用空間，讓自己的網(wǎng)頁井井有條，留下必要的空白，人覺得很輕松。不要把整個(gè)網(wǎng)頁都填得密密實(shí)實(shí)的，沒有一點(diǎn)空隙，這樣會(huì)給人一種壓抑感。
5.背景
網(wǎng)頁的背景并不一定非要用白色，選用的背景應(yīng)該和整套頁面的色調(diào)相協(xié)調(diào)。合理的應(yīng)用色彩是非常關(guān)鍵的。
6.其它
如果想自己的網(wǎng)頁更有特色一些，可適當(dāng)?shù)丶右恍┚W(wǎng)頁制作的技巧，諸如聲音、動(dòng)態(tài)網(wǎng)頁、java、applet等，當(dāng)然這些小技巧最好不要加太多，它會(huì)影響網(wǎng)頁的下載速度。
等個(gè)人主頁做得差不多了，可別忘了在個(gè)人主頁上放一個(gè)留言板、一個(gè)計(jì)數(shù)器。前者能及時(shí)獲得參觀者的意見和建議，及時(shí)得到網(wǎng)友反饋的信息，最好能做到有問必答，用行動(dòng)去贏得更多的訪問者；后者能讓知道主頁參觀者的統(tǒng)計(jì)數(shù)據(jù)，可以及時(shí)調(diào)整設(shè)計(jì)，適應(yīng)不同的瀏覽器和參觀者的要求。
7.宣傳
昨天，網(wǎng)頁與我無緣，那是因?yàn)樯咸觳唤o我們一個(gè)見面的機(jī)會(huì)！
今天，網(wǎng)頁與我相識(shí)，與我相知，成為我的一個(gè)最真誠的朋友，那時(shí)因?yàn)槔顚?dǎo)師的辛勤栽培！
明天，網(wǎng)頁與我一生相伴，終身相隨，那是因?yàn)槲翌I(lǐng)悟了什么是一個(gè)網(wǎng)絡(luò)，整個(gè)世界。
總而言之，我將用畢生的精力，心血去換取網(wǎng)絡(luò)中最燦爛的那顆夜明珠，在網(wǎng)頁的藍(lán)圖里，我將記下人生不朽的個(gè)人詩篇。
網(wǎng)頁設(shè)計(jì)心得 篇3
在經(jīng)濟(jì)迅速發(fā)展的今天，internet顯得更為重要它是人們發(fā)布信息與傳遞信息的重要渠道，為了與社會(huì)發(fā)展同步，為了讓我們成為真正的技術(shù)性人才。學(xué)校在本周為我們安排了維持三周的網(wǎng)頁制作專用周是實(shí)習(xí)，讓我們把平時(shí)所學(xué)知識(shí)運(yùn)用到實(shí)習(xí)中做到真正的學(xué)以致用而不只是紙上談兵。通過本周的實(shí)習(xí)使我獲得了更多的新知識(shí)同時(shí)也使我使我認(rèn)識(shí)到了自己在學(xué)習(xí)上的許多不足。
近三個(gè)星期的實(shí)訓(xùn)將要結(jié)束，其中的酸甜苦辣我會(huì)在今后的日子里不斷地去咀嚼，去回味，去探索。從制作網(wǎng)頁過程中，我學(xué)到了新的美化網(wǎng)頁的方法，運(yùn)用了更多以前未運(yùn)用的技巧。這使我學(xué)到了更多的知識(shí)，并且為我自己在制作網(wǎng)頁這方面積累了一些經(jīng)驗(yàn)。這些將是我人生中的一次重要的經(jīng)歷，將是我今后走上社會(huì)后的一筆巨大的財(cái)富。這次實(shí)習(xí)的收獲對(duì)我來說有不少，我自己感覺在知識(shí)、技能等方面都有了不少的收獲�？傮w來說這次是對(duì)我的綜合素質(zhì)的培養(yǎng)，鍛煉和提高。
網(wǎng)頁設(shè)計(jì)心得 篇4
一連上了兩個(gè)星期的網(wǎng)頁實(shí)訓(xùn)課，可以說學(xué)到很多以前沒有學(xué)到的東西。雖然在大一的時(shí)候我們的專業(yè)出開設(shè)了網(wǎng)頁設(shè)計(jì)課，但感覺這兩個(gè)星期學(xué)到的遠(yuǎn)遠(yuǎn)比以前學(xué)一個(gè)學(xué)期的要多，要豐富。
每一天都有新的內(nèi)容要學(xué)，讓人感覺很興奮，很高興，恨不得馬上就把它給學(xué)會(huì)。通過這次實(shí)訓(xùn)使我更熟練掌握dreamweaver、flash、fireworks、photoshop等軟件的功能和應(yīng)用。不但如此，更增加了同學(xué)間的友誼，陪養(yǎng)了彼此間的團(tuán)結(jié)。
在這期間，每一天老師都會(huì)發(fā)一些素材和實(shí)訓(xùn)給我們，首先是網(wǎng)頁素材的準(zhǔn)備，在網(wǎng)上查看一些網(wǎng)頁背景和背景顏色搭配，讓我了解到網(wǎng)頁的顏色不能多過3種色彩。接下來的幾天再結(jié)合自己的網(wǎng)頁來進(jìn)行策劃，在做首頁之前，先用圖紙把網(wǎng)頁的結(jié)構(gòu)畫出來，內(nèi)容和結(jié)構(gòu)都想清楚用fireworks把網(wǎng)頁設(shè)計(jì)出來，再切割圖片，把它們導(dǎo)成html格式在dreamweaver中進(jìn)行進(jìn)一步的編輯。
我們的網(wǎng)站主要是圍繞宿舍而展開的一串活動(dòng)、人物等，宿舍給我們一種很溫馨、很快樂的感覺，所以我們決定將這次的網(wǎng)頁名叫funnyroom。主題確定好了，那么分工出就明確了，我們組有三個(gè)人，兩個(gè)人負(fù)責(zé)找素材，另一個(gè)美術(shù)好的就負(fù)責(zé)網(wǎng)頁的頁面設(shè)計(jì)，但是我們始終不是學(xué)美術(shù)方面的，所以色彩方面搭配的不是很好，后來采用了色彩比較清新自然的綠色來作為首頁的主色調(diào)，讓人第一眼看上去就有難忘的感覺。而從第二頁開始就采用粉色為主色調(diào)，讓人可以感受到我們的主題，因?yàn)槭醉摵推渌念伾灰粯�，所以我們就把首頁�?dāng)作是過渡頁，第二頁開始才是網(wǎng)頁的內(nèi)容。為了增加網(wǎng)頁的新鮮感和活潑感，還適當(dāng)在添加一些透明flash和一些網(wǎng)頁特效。在這實(shí)訓(xùn)的時(shí)間里面，我們分工合作，共同努力，對(duì)網(wǎng)頁反復(fù)調(diào)試和修改，特別是對(duì)于fireworks軟件不那么熟悉，有很多的實(shí)例都要看過老師的演示才會(huì)明白，不過這也恰恰讓我學(xué)到更多。雖然中途難不免會(huì)有因?yàn)橐庖姷牟缓隙l(fā)生一些小小的爭吵，但我覺得不影響我們的網(wǎng)頁設(shè)計(jì)，反而會(huì)因?yàn)檫@些不同的意見而重新學(xué)到更多的知識(shí)。
網(wǎng)頁設(shè)計(jì)心得 篇5
通過這次實(shí)訓(xùn)對(duì)這門課程的學(xué)習(xí)，做好網(wǎng)頁，并不是一件容易的事，它包括網(wǎng)頁的選題、內(nèi)容采集整理、圖片的處理、頁面的排版設(shè)置、背景及其整套網(wǎng)頁的色調(diào)等很多東西。所以我得出一下總結(jié)：
一、準(zhǔn)備資料和挑選符合目的主題的合適素材
做網(wǎng)頁當(dāng)然要收集、準(zhǔn)備資料。在網(wǎng)上多轉(zhuǎn)轉(zhuǎn)，看到什么漂亮的網(wǎng)頁，把它保存起來，作為以后自己設(shè)計(jì)主頁時(shí)的參考。另外，還包括搜集美化主頁可能要用到的各種材料，如背景、小動(dòng)畫圖標(biāo)等等�？梢栽谟脖P上建一個(gè)文件夾，下分“圖片、聲音、動(dòng)畫”等文件夾，養(yǎng)成上網(wǎng)時(shí)看到有創(chuàng)意、新鮮的圖像，就按鼠標(biāo)右鍵存入你硬盤相應(yīng)文件夾的習(xí)慣，時(shí)間一長就擁有了一個(gè)可觀的圖庫，等做網(wǎng)頁時(shí)隨手拈來或加以修改就成你自己的東西了。
二、規(guī)劃好整個(gè)網(wǎng)站
主頁的設(shè)計(jì)應(yīng)以醒目優(yōu)先，應(yīng)該令人一目了然，切勿堆砌太多不必要的細(xì)節(jié)，或使畫面過于復(fù)雜。切記，頁面給人的第一觀感最為重要！在網(wǎng)上到處瀏覽網(wǎng)站的人很多，如果你的主頁給人的第一印像沒有吸引力，很難令他們深入觀賞，而且他們恐怕再也不會(huì)訪問你的網(wǎng)站了。
三、善用圖片，增強(qiáng)藝術(shù)效果
我記得老師說過網(wǎng)頁的迷人之處之一，要算它上面能點(diǎn)綴許多漂亮的圖片。精美的圖片設(shè)計(jì)，可以使自己的網(wǎng)頁增輝不少，令人過目不忘。圖片的內(nèi)容應(yīng)有一定的實(shí)際作用，切忌虛飾浮夸，同時(shí)還要注意與文字的顏色搭配。最佳的圖像集美觀與資訊于一身。
四、善于借鑒他人主頁制作中的設(shè)計(jì)技巧
由于在網(wǎng)上用瀏覽器瀏覽任何主頁時(shí)，都能查看到該主頁制作時(shí)所編寫的絕大部分網(wǎng)頁編程源代碼。因此，如果想知道并掌握一些優(yōu)秀的主頁采用的設(shè)計(jì)技巧，試著將其源代碼調(diào)出來仔細(xì)揣摩，并模仿著一步一步去實(shí)現(xiàn)。
最后感謝老師多日來的辛勤教導(dǎo)！
網(wǎng)頁設(shè)計(jì)心得 篇6
網(wǎng)頁設(shè)計(jì)伴隨著網(wǎng)絡(luò)的快速發(fā)展而快速興起，作為上網(wǎng)的主要依托，由于人們使用網(wǎng)絡(luò)的頻繁而變得非常重要。生活中我每天上網(wǎng)都要接觸到網(wǎng)頁，原來沒有留意過網(wǎng)頁的設(shè)計(jì)，但是經(jīng)過這段時(shí)間的學(xué)習(xí)了解，現(xiàn)在我打開一個(gè)網(wǎng)頁都會(huì)習(xí)慣性的先看看排版、布局和色彩運(yùn)用。
通過老師的講解和對(duì)課本的翻閱，我學(xué)習(xí)到了一些關(guān)于建設(shè)網(wǎng)站和制作網(wǎng)頁的知識(shí)，對(duì)網(wǎng)頁制作的基礎(chǔ)知識(shí)也有了一定的掌握。通過Dreamweaver制作網(wǎng)頁，我用到了一些基本的功能：圖片插入和對(duì)齊設(shè)置；文字的格式、顏色、背景顏色的設(shè)置等。但是在自己嘗試著做的時(shí)候，總是出現(xiàn)這里那里的問題。不是圖片不能固定在自己想要的位置，就是滾動(dòng)文本的顯示區(qū)域不知道為什么撐過了頁面，還有就是不同分辨率、不同瀏覽器都會(huì)對(duì)瀏覽網(wǎng)頁產(chǎn)生影響。而且在CSS方面，我總是不太熟悉各種代碼是控制哪些東西的。除了查找解決問題我還總結(jié)了經(jīng)驗(yàn)。例如：
1、命名站點(diǎn)或者文件夾的的時(shí)候一定要注意，最好用相應(yīng)的英語或者漢語拼音，要見名知意，如圖片文件夾用image或者tu，這樣可以避免頁面調(diào)用時(shí)不正確的現(xiàn)象發(fā)生。
2、調(diào)用Style時(shí)可以單擊鼠標(biāo)右鍵選擇CustonStyle來調(diào)用Style標(biāo)準(zhǔn)，也可以在狀態(tài)欄中的元素列表上單擊右鍵來調(diào)用Style。雖然不同的方法達(dá)到的效果看似一樣，但實(shí)際上產(chǎn)生的HTML代碼則完全不同。在這個(gè)過程中，我同樣認(rèn)識(shí)到網(wǎng)頁設(shè)計(jì)不是一門學(xué)科的獨(dú)秀，而是多種課程的綜合，它是Flash、Photoshop等網(wǎng)頁軟件的綜合應(yīng)用。例如Flash提供了功能齊全的繪圖和編輯圖形工具�？梢灾苯釉诰庉媴^(qū)里繪畫，編輯修改非常靈活，它的另一大特點(diǎn)是“交互性”強(qiáng)。在動(dòng)畫播放時(shí)，可以用鼠標(biāo)或鍵盤對(duì)動(dòng)畫的播放進(jìn)行控制，可以很直觀的反映出效果。頁面設(shè)計(jì)應(yīng)以美觀、大方、簡潔為原則，保持一致的風(fēng)格。為了達(dá)到最佳的視覺表現(xiàn)效果，應(yīng)講究整體布局的合理性，使瀏覽者有一個(gè)流暢的視覺體驗(yàn)。網(wǎng)頁最主要的功能就是給每個(gè)上網(wǎng)者提供一種形式，讓他們能夠了解網(wǎng)站提供的信息。要研究網(wǎng)頁設(shè)計(jì)，就需要站在用戶的角度來看。用戶是一個(gè)網(wǎng)站成敗的關(guān)鍵。如果用戶要花很多時(shí)間進(jìn)入網(wǎng)站，很有可能他會(huì)立即關(guān)掉網(wǎng)站，或者網(wǎng)站操作很不方便用戶也會(huì)馬上離開，這種網(wǎng)站是很失敗的設(shè)計(jì)，只會(huì)讓用戶失望的離去。所以網(wǎng)頁容量即包括圖像在內(nèi)的網(wǎng)頁字節(jié)數(shù)最好不要超過50K。
還涉及到界面弱化的問題。一個(gè)好的界面設(shè)計(jì)它的界面是弱化的，它突出的是功能，著重體現(xiàn)的是網(wǎng)站業(yè)提供給使用者主要是什么。這就涉及到瀏覽順序、功能分區(qū)等等。要讓訪客在0.5秒內(nèi)就能把握網(wǎng)站的行業(yè)性質(zhì)，1秒內(nèi)就知道該從哪個(gè)地方開始使用這個(gè)網(wǎng)站，能點(diǎn)一次的，絕不點(diǎn)第二次。當(dāng)然上面說的是大多數(shù)功能性網(wǎng)站，對(duì)于宣傳展示性網(wǎng)站，諸如加特效的或Flash網(wǎng)站，可能就不得不花哨一些，但不能太過分。網(wǎng)站不是動(dòng)畫片，在效率越來越高，社會(huì)心理越來越浮躁的中國，人們的耐心越來越小，心理承受能力越來越低。效果可以體現(xiàn)意境，點(diǎn)到為止。
下面簡單介紹下網(wǎng)頁設(shè)計(jì)的理念和要點(diǎn)。
網(wǎng)頁設(shè)計(jì)理念：
�。�1）內(nèi)容決定形式：先把內(nèi)容充實(shí)上，再分區(qū)塊，再定色調(diào)，再處理細(xì)節(jié)。
�。�2）先整體，后局部，最后回歸到整體：全局考慮，把能填上的'都填上，占位置。然后定基調(diào)，分模塊設(shè)計(jì)。最后調(diào)整不滿意的幾個(gè)局部細(xì)節(jié)。
�。�3）功能決定設(shè)計(jì)方向：看網(wǎng)站的用途，決定設(shè)計(jì)思路。商業(yè)性的就要突出贏利目的；政府型的就要突出形象和權(quán)威性的文章；教育性的，就要突出師資和課程。
網(wǎng)頁設(shè)計(jì)的兩大要點(diǎn)是：整體風(fēng)格和色彩搭配。
一、確定網(wǎng)站的整體風(fēng)格：
1、將標(biāo)志logo，盡可能的放在頁面最突出的位置。
2、突出標(biāo)準(zhǔn)色彩。
3、總結(jié)一句能反映網(wǎng)站精髓的宣傳標(biāo)語。
4、相同類型的圖像采用相同效果，比如說標(biāo)題字都采用陰影效果，那么在網(wǎng)站中出現(xiàn)的所有標(biāo)題字的陰影效果的設(shè)置應(yīng)該是完全一致的。
二、網(wǎng)頁色彩的搭配：
1、用一種色彩。指選定一種色彩，然后調(diào)整透明度或飽和度，這樣頁面看起來色彩統(tǒng)一，有層次感。
2、用兩種色彩。先選定一種色彩，然后選擇它的對(duì)比色。
3、用一個(gè)色系。就是用一個(gè)感覺的色彩，例如淡藍(lán)，淡黃，淡綠；或者土黃，土灰，土藍(lán)。
在網(wǎng)頁配色中，還要切記一些誤區(qū)：
1、不要將所有顏色都用到，盡量控制在三至五種色彩以內(nèi)。
2、背景和前文的對(duì)比盡量要大（絕對(duì)不要用花紋繁復(fù)的圖案作背景），以便突出主要文字內(nèi)容。
針對(duì)我所學(xué)的平面設(shè)計(jì)方向，那么這次應(yīng)用到了創(chuàng)意思維，版面設(shè)計(jì)，色彩配置。圖形創(chuàng)意等方面都很重要，對(duì)于網(wǎng)頁設(shè)計(jì)作為一種視覺語言，特別講究編排和布局，雖然主頁的設(shè)計(jì)不等同于平面設(shè)計(jì)，但它們有許多相近之處，版式設(shè)計(jì)通過文字圖形的空間組合，表達(dá)出和諧與美。不積跬步，無以至千里。我已經(jīng)在老師的指引下邁入了網(wǎng)頁設(shè)計(jì)的大門，在今后的閑余時(shí)間繼續(xù)認(rèn)真學(xué)習(xí)制作網(wǎng)頁的更多知識(shí)以實(shí)現(xiàn)自身技能的提高。
網(wǎng)頁設(shè)計(jì)心得 篇7
現(xiàn)在，計(jì)算機(jī)和網(wǎng)絡(luò)已經(jīng)深入到了我們生活中的方方面面，也已經(jīng)成了生活中不可缺少的一部分，網(wǎng)絡(luò)成了我們獲取知識(shí)和信息的一種便捷工具，現(xiàn)在的網(wǎng)民也在不斷的增多，所以，了解和學(xué)習(xí)網(wǎng)絡(luò)知識(shí)是我們作為一名大學(xué)生迫切所需的，我利用寒假的時(shí)間，對(duì)網(wǎng)頁設(shè)計(jì)進(jìn)行了初步的認(rèn)識(shí)和了解，并基本掌握Dreamweaver的應(yīng)用。
通過對(duì)網(wǎng)頁設(shè)計(jì)書籍的翻閱，我學(xué)習(xí)到了一些關(guān)于建設(shè)網(wǎng)站和制作網(wǎng)頁的知識(shí)，在實(shí)踐查閱資料時(shí)，對(duì)flash也有所了解。我還了解了一些基礎(chǔ)的網(wǎng)絡(luò)技術(shù)。通過學(xué)習(xí)，我對(duì)計(jì)算機(jī)有了更深層次得到了解，也有了更濃厚的興趣。尤其是對(duì)網(wǎng)頁制作的過程與一些技巧手法更有了另外一番了解，對(duì)網(wǎng)頁制作的基礎(chǔ)知識(shí)也有了一定的掌握。在這個(gè)過程中，我同樣認(rèn)識(shí)到網(wǎng)頁設(shè)計(jì)不是一門學(xué)科的獨(dú)秀，而是多種課程的綜合，他是、Flash、Fireworks等網(wǎng)頁軟件的綜合應(yīng)用。
下面闡述一下我在翻閱《Dreamweaver》時(shí)的一些關(guān)于網(wǎng)頁設(shè)計(jì)的見解。在具體的制作一個(gè)網(wǎng)頁時(shí)我了解到一個(gè)優(yōu)秀的網(wǎng)頁設(shè)計(jì)應(yīng)該具備一些基本原則。
首先，要確定網(wǎng)頁設(shè)計(jì)的內(nèi)容一個(gè)優(yōu)秀的風(fēng)站要有一個(gè)明確的主題。整個(gè)網(wǎng)站圍繞這個(gè)主題，也就是你在網(wǎng)頁設(shè)計(jì)之前要明確你這個(gè)網(wǎng)站有什么目的，用來做什么，所有頁面都是圍繞著這個(gè)內(nèi)容來制作，有了明確的內(nèi)容對(duì)排名有很重要的作用；其次，要了解你網(wǎng)站所在行業(yè)的客戶，及你的網(wǎng)頁屬于哪個(gè)類別。用戶是一個(gè)網(wǎng)站成敗的關(guān)鍵，如果用戶要花很多時(shí)間進(jìn)入你網(wǎng)站很有可能用戶會(huì)立即關(guān)掉你網(wǎng)站，或者你網(wǎng)站操作很不方便用戶也會(huì)馬上離開，這種網(wǎng)站是很失敗的設(shè)計(jì)，只會(huì)讓用戶失望的離去。
在完成以上的基本內(nèi)容之后網(wǎng)頁的基本框架便成形成了，下面要開始的便是優(yōu)化工作，內(nèi)容是整個(gè)網(wǎng)頁的核心。在網(wǎng)頁設(shè)計(jì)之前必須明確網(wǎng)頁的內(nèi)容安排。優(yōu)秀網(wǎng)頁設(shè)計(jì)是要建立在平凡的基礎(chǔ)上的。然后在具體的規(guī)劃一個(gè)網(wǎng)頁時(shí)，可以用樹狀結(jié)構(gòu)先把每個(gè)頁面的內(nèi)容大綱列出來，尤其要制作一個(gè)大的網(wǎng)站 (有很多頁面) 的時(shí)候，特別需要把這個(gè)架構(gòu)規(guī)劃好，也要考慮到以后可能的擴(kuò)充性，免得做好以后又要一改再改整個(gè)網(wǎng)站的架構(gòu)，很浪費(fèi)時(shí)間和財(cái)力。大綱列出來后，還必須考慮每個(gè)頁面之間的鏈接關(guān)系。是星形，樹形，或是網(wǎng)形鏈接。這也是判別一個(gè)網(wǎng)站優(yōu)劣的重要標(biāo)志。鏈接混亂，層次不清的站點(diǎn)會(huì)造成瀏覽困難，影響內(nèi)容的發(fā)揮�？蚣芏ㄏ聛砹耍缓箝_始一步一步有條理，有次序地做來，就胸有成竹得多，也會(huì)為主頁將來發(fā)展打下良好的基礎(chǔ)。下一步，就以動(dòng)手制作具體內(nèi)容了，題材選定，框架選定，接下來就開始往主頁里面填內(nèi)容。
如果是個(gè)人主頁，有能力的人完全可以靠自己來創(chuàng)作所有的內(nèi)容。大部分人的方法是：從報(bào)紙，雜志，光盤等媒體中把相關(guān)的資料收集整理，再加上一定的編輯后就可以了。另外一個(gè)好的方法是從網(wǎng)絡(luò)上收集，您只要到搜索引擎上查找相應(yīng)的關(guān)鍵字，就可以找到一大堆的資料。在準(zhǔn)備材料的時(shí)候我們可以用一些小的動(dòng)畫和動(dòng)態(tài)圖片，F(xiàn)lash提供了功能齊全的繪圖和編輯圖形工具�？梢灾苯釉诰庉媴^(qū)里繪畫，編輯修改非常靈活，它的另一大特點(diǎn)是“交互性”強(qiáng)。在動(dòng)畫播放時(shí)，可以用鼠標(biāo)或鍵盤對(duì)動(dòng)畫的播放進(jìn)行控制，效果可以很直觀的反映出來。然后是開始正式制作主頁。通過Dreamweaver作為制作軟件，只需要用到軟件中的一些基本的功能：圖片插入和對(duì)齊設(shè)置；文字的格式、顏色、背景顏色的設(shè)置等就可以制作出一個(gè)簡單的網(wǎng)頁。
總體來說，通過這個(gè)假期對(duì)網(wǎng)頁設(shè)計(jì)的學(xué)習(xí)，有收獲也有遺憾。但是，我已經(jīng)邁入了網(wǎng)頁設(shè)計(jì)的大門，只要我再認(rèn)真努力的去學(xué)習(xí)，在今后的閑余時(shí)間學(xué)習(xí)制作網(wǎng)頁的更多知識(shí)以實(shí)現(xiàn)自身技能的提高，我堅(jiān)信將來設(shè)計(jì)出的網(wǎng)頁會(huì)更加專業(yè)，更加華麗，使它最終成為自己的一項(xiàng)技能。
網(wǎng)頁設(shè)計(jì)心得 篇8
本學(xué)期的網(wǎng)業(yè)設(shè)計(jì)課程，開展了動(dòng)態(tài)思維訓(xùn)練教學(xué)活動(dòng)，對(duì)于我們學(xué)生來說，可以激發(fā)學(xué)習(xí)興趣，調(diào)動(dòng)學(xué)習(xí)的自覺性，自己動(dòng)腦、動(dòng)手，動(dòng)口，運(yùn)用網(wǎng)絡(luò)資源，結(jié)合教材及老師的指導(dǎo)，通過自身的實(shí)踐，創(chuàng)作出積聚個(gè)人風(fēng)格、個(gè)性的個(gè)人網(wǎng)頁�？傮w來說，整個(gè)學(xué)期的學(xué)習(xí)過程，我學(xué)會(huì)了很多知識(shí)，雖然過程比較艱辛，但在INTENET領(lǐng)域中，有了一個(gè)展示自己的空間，我覺得很開心、很有成就感。
一、充分發(fā)揮動(dòng)手能力
作為網(wǎng)頁設(shè)計(jì)的初學(xué)者，我對(duì)網(wǎng)頁設(shè)計(jì)非常感興趣，一心想設(shè)計(jì)出一個(gè)美觀、實(shí)用、內(nèi)容豐富的個(gè)人網(wǎng)頁。本學(xué)期的教改方案由以前學(xué)生單純接受知識(shí)變?yōu)橹鲃?dòng)參與教學(xué)活動(dòng)。在這樣的壓力和動(dòng)力下，通過自己動(dòng)手、動(dòng)腦，通過網(wǎng)絡(luò)資源，老師的指導(dǎo)，在不斷發(fā)現(xiàn)問題和解決問題的過程中學(xué)到了很多知識(shí)，也增強(qiáng)了我的創(chuàng)作能力和動(dòng)手能力，在網(wǎng)頁設(shè)計(jì)過程中，從構(gòu)思到設(shè)計(jì)、完善、維護(hù)，整個(gè)過程我都全身心投入，使我真正學(xué)到了網(wǎng)頁設(shè)計(jì)的知識(shí)。
二、在設(shè)計(jì)過程中不斷提高網(wǎng)頁設(shè)計(jì)水平
在本次網(wǎng)頁設(shè)計(jì)中，我不僅學(xué)到了很多關(guān)于網(wǎng)頁設(shè)計(jì)方面的知識(shí)，也從中學(xué)會(huì)了關(guān)于網(wǎng)絡(luò)、編程等方面的知識(shí)。我從最初開始運(yùn)用FrontPage設(shè)計(jì)網(wǎng)頁，到后來運(yùn)用Dreamweaver、Flash、Fireworks等網(wǎng)軟件設(shè)計(jì)網(wǎng)頁，完善網(wǎng)頁。在這個(gè)過程中，我通過自學(xué)教材、上網(wǎng)查詢，學(xué)習(xí)了Dreamweaver、Flash、Fireworks等網(wǎng)頁軟件的應(yīng)用，學(xué)會(huì)了管理、維護(hù)自己的站點(diǎn)，以及一些簡單動(dòng)畫、控件的制作等等。在設(shè)計(jì)過程中也出現(xiàn)了很多的問題，但通過看書，上網(wǎng)查詢，請(qǐng)教老師等方式，不斷的學(xué)習(xí)、解決、提高，設(shè)計(jì)出的網(wǎng)頁不論是外觀還是內(nèi)容，都在不斷的進(jìn)步、改善�？梢哉f在自己動(dòng)手，不斷實(shí)踐的過程中，網(wǎng)頁設(shè)計(jì)水平得到了很大的提高。
三、不足之處
由于平時(shí)工作比較繁忙，學(xué)習(xí)時(shí)間比較少，對(duì)于網(wǎng)頁設(shè)計(jì)軟件的強(qiáng)大功能運(yùn)用得還不夠。在網(wǎng)頁設(shè)計(jì)過程中，由于沒有網(wǎng)頁制作代碼的知識(shí)，所以在設(shè)計(jì)時(shí)也遇到了很多麻煩，有時(shí)插入一個(gè)特效腳本也是很麻煩。在網(wǎng)頁制作過程中，想提高設(shè)計(jì)水平，想有個(gè)理想的網(wǎng)頁，必須學(xué)會(huì)代碼的運(yùn)用，我將在以后的學(xué)習(xí)過程中不斷加強(qiáng)這方面的學(xué)習(xí)，希望老師能簡單介紹一下代碼，讓我也對(duì)它有個(gè)初步的認(rèn)識(shí)，以后再加強(qiáng)學(xué)習(xí)也才會(huì)有所提高。
總體來說，通過今次的對(duì)網(wǎng)頁設(shè)計(jì)的學(xué)習(xí)，有收獲也有遺憾、不足的地方，但我想，我已經(jīng)邁入了網(wǎng)頁設(shè)計(jì)的大門，只要我再認(rèn)真努力的去學(xué)習(xí)，去提高，憑借我對(duì)網(wǎng)頁設(shè)計(jì)的熱情和執(zhí)著，我將來設(shè)計(jì)出的網(wǎng)頁會(huì)更加專業(yè)，更完善。也希望老師在今后的日子里多指導(dǎo)。
網(wǎng)頁設(shè)計(jì)心得 篇9
一、實(shí)訓(xùn)意義
網(wǎng)頁設(shè)計(jì)與制作綜合實(shí)訓(xùn)是教學(xué)過程中重要的實(shí)踐性教學(xué)環(huán)節(jié)。它是根據(jù)專業(yè)教學(xué)計(jì)劃的要求。在教師的指導(dǎo)下對(duì)學(xué)生進(jìn)行網(wǎng)頁制作專業(yè)技能的訓(xùn)練，培養(yǎng)學(xué)生綜合運(yùn)用理論知識(shí)分析和解決實(shí)際問題的能力，實(shí)現(xiàn)由理論知識(shí)向操作技能的培養(yǎng)過程。因此加強(qiáng)實(shí)踐教學(xué)環(huán)節(jié)，搞好實(shí)訓(xùn)教學(xué)，對(duì)實(shí)現(xiàn)本專業(yè)的培養(yǎng)目標(biāo)，提高學(xué)生的綜合素質(zhì)有著重要的作用。
二、實(shí)訓(xùn)目的
1、通過綜合實(shí)訓(xùn)進(jìn)一步鞏固，深化和加強(qiáng)學(xué)生的理論知識(shí)于專業(yè)技能。
(1)掌握規(guī)劃網(wǎng)站的內(nèi)容結(jié)構(gòu)，目錄結(jié)構(gòu)，鏈接結(jié)構(gòu)的方法。
(2)熟練掌握網(wǎng)頁制作軟件Dreamweaver8和基本操作和使用技能。
(3)掌握頁面的整體控制和頭部內(nèi)容設(shè)置的方法。
(4)熟練掌握網(wǎng)頁頁面布局的各種方法。
(5)熟練掌握在網(wǎng)頁中輸入，設(shè)置標(biāo)題和正文文字的方法。
(6)熟練掌握在網(wǎng)頁中插入圖像，F(xiàn)lash動(dòng)畫和背景音樂的方法。
(7)熟練建立各種形式的超級(jí)鏈接的方法。
(8)掌握表單網(wǎng)頁制作方法。
(9)掌握網(wǎng)頁特效制作方法。
(10)掌握網(wǎng)站測(cè)試的方法。
2、訓(xùn)練和培養(yǎng)學(xué)生獲取信息和處理信息的能力，充分培養(yǎng)和提高學(xué)生的動(dòng)手能力，學(xué)會(huì)通過網(wǎng)站、書籍、素材光盤等方式收集所需的文字資料、圖像資料、Flash動(dòng)畫和網(wǎng)頁特效等。
3、培養(yǎng)學(xué)生運(yùn)用所學(xué)的理論知識(shí)和技能解決網(wǎng)站開發(fā)過程中所遇到的實(shí)際問題的能力及基本工作素質(zhì)。
4、培養(yǎng)學(xué)生理論聯(lián)系實(shí)際的工作作風(fēng)，嚴(yán)肅認(rèn)真的科學(xué)態(tài)度以及獨(dú)立工作的能力，樹立自信心。
三、實(shí)訓(xùn)步驟
1、定義站點(diǎn)
2、設(shè)定網(wǎng)頁屬性和文本格式
3、從大到小把結(jié)構(gòu)設(shè)計(jì)好
4、輸入主要內(nèi)容并進(jìn)行排版
5、檢查并保存
四、實(shí)訓(xùn)心得
兩周的實(shí)訓(xùn)轉(zhuǎn)瞬即逝，在這短暫的時(shí)間里，我們?cè)诶蠋煹闹笇?dǎo)和幫助下，對(duì)于網(wǎng)頁設(shè)計(jì)與制作有了進(jìn)一步的了解。
在這兩周內(nèi)，同學(xué)們每天都按時(shí)完成老師留下的作業(yè)，對(duì)于自己以前不理解的東西，通過老師的重新講解、指導(dǎo)和自己的練習(xí)，對(duì)其有了很好的了解；對(duì)于我們看不懂的一些內(nèi)容，通過與同學(xué)協(xié)商和聽老師的講解來理解并掌握它。在這兩周的實(shí)訓(xùn)里，我發(fā)現(xiàn)了許多自己以前沒有注意到的問題，在flash制作方面，有很多是自己以前沒注意過的，通過老師的講解和同學(xué)的幫助，我了解到一些新的東西并對(duì)網(wǎng)頁設(shè)計(jì)與制作有了更深的興趣，如falsh制作與運(yùn)用、網(wǎng)站的基本制作、超鏈接的設(shè)置等；我們對(duì)網(wǎng)頁設(shè)計(jì)與制作方面的知識(shí)有了一定的認(rèn)識(shí)，為我們以后對(duì)網(wǎng)站的學(xué)習(xí)和運(yùn)用有很大的幫助。
通過實(shí)訓(xùn)，我們把網(wǎng)頁設(shè)計(jì)與制作中涉及到的理論和實(shí)踐更好的結(jié)合起來，我對(duì)網(wǎng)頁設(shè)計(jì)與制作這本書有了更深的理解，在flash制作方面有了很大提高，操作能力也得到了增強(qiáng)，使我們了解到無論做什么事都要有足夠的耐心，還要認(rèn)真細(xì)心。在做題時(shí)要對(duì)自己做過得東西進(jìn)行仔細(xì)的檢查，同時(shí)也使我了解到同學(xué)之間要相互協(xié)作、共同努力。
網(wǎng)頁設(shè)計(jì)心得 篇10
為期兩周的網(wǎng)頁實(shí)訓(xùn)終于結(jié)束了。為什么說終于結(jié)束了呢？因?yàn)閮蓚�(gè)星期做五個(gè)網(wǎng)站時(shí)間太緊了，我們每天晚上都是加班加點(diǎn)。但是結(jié)果是令人欣慰的，我們大都按時(shí)按質(zhì)完成了任務(wù)，而且網(wǎng)站是一個(gè)比一個(gè)做得好！總的來說，還是有很大的收獲。
本次實(shí)訓(xùn)共有五個(gè)任務(wù)，它們分別是：沈陽植物園網(wǎng)、開元科技網(wǎng)、家臺(tái)灣旅游網(wǎng)、我愛低碳網(wǎng)、博愛助學(xué)網(wǎng)。要求是每個(gè)網(wǎng)站至少要8個(gè)或8個(gè)以上的頁面，并運(yùn)用flash做動(dòng)畫，用css美化頁面等。
整個(gè)實(shí)訓(xùn)的過程可以說是所學(xué)知識(shí)的一個(gè)整理，一個(gè)綜合，一個(gè)靈活運(yùn)用。之前我們課堂上學(xué)的東西是一個(gè)個(gè)知識(shí)點(diǎn)，比較零散。雖然在實(shí)訓(xùn)之前我們也做過兩個(gè)網(wǎng)站，但那是我們小組合作的，所以有些知識(shí)點(diǎn)我們并沒有都用到。而這次實(shí)訓(xùn)是自己一個(gè)人做網(wǎng)站，做網(wǎng)站的各個(gè)環(huán)節(jié)都要自己親力親為，可以說是一個(gè)挑戰(zhàn)，同時(shí)也是對(duì)知識(shí)的一種升華。它不僅是dreamweaver軟件的熟練操作，也是potoshop、flash軟件的熟練運(yùn)用。我們需要自己設(shè)計(jì)網(wǎng)站的logo這就需要運(yùn)用到potoshop軟件強(qiáng)大的圖形圖像處理功能，需要做出生動(dòng)的網(wǎng)頁效果，就需要flash做出動(dòng)態(tài)的文字效果和圖片切換效果。
在設(shè)計(jì)的過程中遇到問題，可以說得是困難重重，這畢竟是第一次獨(dú)自設(shè)計(jì)網(wǎng)站、制作網(wǎng)站，難免會(huì)遇到過各種各樣的問題，同時(shí)在設(shè)計(jì)的過程中發(fā)現(xiàn)了自己的不足之處，對(duì)以前所學(xué)過的知識(shí)理解得不夠深刻，掌握得不夠牢固，在css的具體應(yīng)用還不是和很熟練，沒有能完全達(dá)到自己預(yù)期的效果，還好通過老師的細(xì)心指導(dǎo)才能達(dá)到最終效果通過這次網(wǎng)頁設(shè)計(jì)與制作實(shí)訓(xùn)，一定把以前所學(xué)過的知識(shí)重新溫故。
兩周網(wǎng)頁設(shè)計(jì)與制作的實(shí)訓(xùn)課程結(jié)束了，回顧這次課程設(shè)計(jì)實(shí)訓(xùn)，至今我仍感慨頗多。的確，從選材到開始制作，從理論到實(shí)踐，在兩周的實(shí)訓(xùn)日子里，可以說得是苦多于甜，但是可以學(xué)到很多很多的的東西，同時(shí)不僅可以鞏固了以前所學(xué)過的知識(shí)，而且學(xué)到了很多在書本上所沒有學(xué)到過的知識(shí)。更懂得并親身體會(huì)到了理論與實(shí)際相結(jié)合的重要性，只有理論知識(shí)是遠(yuǎn)遠(yuǎn)不夠的，把所學(xué)的理論知識(shí)與實(shí)踐相結(jié)合起來，從理論中得出結(jié)論，才能真正為掌握技術(shù)，從而提高自己的實(shí)際動(dòng)手能力和獨(dú)立思考的能力。
網(wǎng)頁設(shè)計(jì)心得 篇11
跟學(xué)習(xí)別的東西一樣，學(xué)習(xí)網(wǎng)頁設(shè)計(jì)也需要興趣，所謂的興趣也不是三分鐘熱度，是一種執(zhí)著。
學(xué)習(xí)網(wǎng)頁設(shè)計(jì)需要耐心，如果你沒有耐心，你學(xué)不好網(wǎng)頁設(shè)計(jì)，應(yīng)為當(dāng)你碰到一個(gè)問題時(shí)，如果不能立刻得到問題的答案，你可能需要很長時(shí)間去解決，我就碰到過一個(gè)問題，用了半個(gè)月時(shí)間才解決。
學(xué)習(xí)網(wǎng)頁設(shè)計(jì)需要堅(jiān)持，堅(jiān)持不斷的學(xué)習(xí)，因?yàn)樵O(shè)計(jì)網(wǎng)頁的軟件在不斷的更新，你不斷的學(xué)習(xí)，不要掉入技術(shù)的陷阱，你的網(wǎng)頁設(shè)計(jì)技術(shù)一流，你對(duì)軟件的掌握程度已經(jīng)達(dá)到一定水平，但是你設(shè)計(jì)的網(wǎng)頁確不堪目睹，這是因?yàn)榫W(wǎng)頁設(shè)計(jì)是是介于平面設(shè)計(jì)和編程技術(shù)兩者之間的"邊緣科學(xué)。"不僅涉及到美學(xué)，心理學(xué)，平面構(gòu)成，色彩搭配等平面設(shè)計(jì)的方面的知識(shí)，還涉及到html，javascript，css，asp，php等編程語言技術(shù)方面的知識(shí)。只有綜合運(yùn)用多種知識(shí)，才能設(shè)計(jì)出視聽特效，動(dòng)感十足，富于個(gè)性的web頁面，才能全面展現(xiàn)互聯(lián)網(wǎng)這一新型媒體的獨(dú)特魅力和多維空間的超強(qiáng)功能。
注重實(shí)用，個(gè)人認(rèn)為網(wǎng)頁設(shè)計(jì)應(yīng)該注重實(shí)用性，因?yàn)樗亲屓藶g覽的，是用戶可以撫摸，可以評(píng)論，可以交互的。我提倡簡單的美。
網(wǎng)頁設(shè)計(jì)心得 篇12
作為一個(gè)以前從來沒有接觸過互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)的菜鳥級(jí)產(chǎn)品設(shè)計(jì)人員，在沒有人指導(dǎo)，只能自己摸索的情況下設(shè)計(jì)出并和技術(shù)與美工培訓(xùn)和將網(wǎng)站做出來，其中的艱辛只能自己體會(huì)。不過，雖然過程艱辛，但自己的收獲頗大。一直以來希望能夠轉(zhuǎn)型做互聯(lián)網(wǎng)的產(chǎn)品，但總是沒有機(jī)會(huì)。這次公司網(wǎng)站的策劃及設(shè)計(jì)給了自己很好的學(xué)習(xí)和實(shí)踐機(jī)會(huì)。在這斷斷續(xù)續(xù)的七個(gè)月中，自己對(duì)于網(wǎng)站的策劃和設(shè)計(jì)有了一定的認(rèn)識(shí)，也通過實(shí)踐的對(duì)照，對(duì)過去自己看過的產(chǎn)品設(shè)計(jì)和產(chǎn)品經(jīng)理書籍中的理論有了更加深刻的理解。
在此，將在網(wǎng)站設(shè)計(jì)過程中的一些心得總結(jié)如下。雖然對(duì)于已經(jīng)身為產(chǎn)品經(jīng)理的人可能沒有用處。但，我想，可能對(duì)于那些想要入行，或者希望在自己的公司內(nèi)部轉(zhuǎn)入產(chǎn)品行業(yè)的人來說，可能多少有一點(diǎn)點(diǎn)用。
1、要注意網(wǎng)站的定位
任何一個(gè)公司或單位，要設(shè)計(jì)一個(gè)網(wǎng)站，都必然有其核心定位，即這個(gè)網(wǎng)站設(shè)計(jì)出來要干什么。這一點(diǎn)對(duì)網(wǎng)站的設(shè)計(jì)具有決定性的影響。如果不能將網(wǎng)站的定位把握好，作為一個(gè)設(shè)計(jì)人員，其工作往往會(huì)是無功而返。因此，在網(wǎng)站策劃階段，產(chǎn)品設(shè)計(jì)人員必須多和上層溝通，甚至多和領(lǐng)導(dǎo)爭辯，通過溝通和爭辯來明晰公司對(duì)網(wǎng)站的定位。同時(shí)，也可以讓領(lǐng)導(dǎo)對(duì)網(wǎng)站的定位更加明晰。只有完成了這一項(xiàng)，其余的策劃和設(shè)計(jì)工作才應(yīng)該繼續(xù)進(jìn)行。
2、要了解用戶
產(chǎn)品經(jīng)理或產(chǎn)品設(shè)計(jì)人員很容易將自己作為用戶來判斷產(chǎn)品的功能或體驗(yàn)是否好用，但現(xiàn)實(shí)的情況是大部分用戶很可能與產(chǎn)品經(jīng)理所屬的人群差距很大。比如，在網(wǎng)站設(shè)計(jì)過程中，發(fā)現(xiàn)本網(wǎng)站的使用人群中竟然有不知道如何注冊(cè)網(wǎng)站的人，這這真是出乎意料。但這就是現(xiàn)實(shí)。所以，在產(chǎn)品設(shè)計(jì)的過程中，不能以自己為中心，把自己當(dāng)做用戶。事實(shí)上，很多用戶的互聯(lián)網(wǎng)水平真得沒有達(dá)到我們的水平。
3、明確、牢記目的和需求
網(wǎng)站的定位明確后，接下來要明確的是網(wǎng)站設(shè)計(jì)的目的和要滿足的需求。即：網(wǎng)站整體設(shè)計(jì)完成要達(dá)成什么目的，每個(gè)模塊設(shè)計(jì)完成要達(dá)成什么目的。從另一個(gè)層面來講，也就是，網(wǎng)站整體要滿足用戶什么需求，每個(gè)模塊又要滿足用戶什么需求。同時(shí)，在網(wǎng)站的設(shè)計(jì)過程中，要一直將目的和需求牢記心中，不斷地對(duì)照當(dāng)前的設(shè)計(jì)是否能夠達(dá)到目的或滿足用戶需求。在設(shè)計(jì)過程中不斷修改不斷調(diào)整最終導(dǎo)致偏離目的和需求的情況屢見不鮮。
4、保持簡潔
為什么要簡潔？因?yàn)椋瑹o論是設(shè)計(jì)一個(gè)網(wǎng)站，還是設(shè)計(jì)一個(gè)其他的產(chǎn)品，都不可能一步到位。尤其在人力物力時(shí)間等資源有限的情況下，更是不可能一次性滿足所需求，達(dá)成所有目的。因此，在這種情況下，為了確保核心目標(biāo)和需求的達(dá)成，只能也必須優(yōu)先保證核心功能的完成，只上核心模塊或功能。同時(shí)，在產(chǎn)品設(shè)計(jì)的過程中，也要不斷地向同事和領(lǐng)導(dǎo)灌輸這種意識(shí)。否則，需求無止境，網(wǎng)站永遠(yuǎn)難以完成上線。
5、注意細(xì)節(jié)
這次的網(wǎng)站設(shè)計(jì)師自己第一次設(shè)計(jì)網(wǎng)站。因此，在設(shè)計(jì)網(wǎng)站的過程中自然而然地非常關(guān)注網(wǎng)站的整個(gè)架構(gòu)，什么模塊放什么地方，模塊之間如何相互聯(lián)系等等。但網(wǎng)站最終出來的結(jié)果展示了殘忍的一面。由于在細(xì)節(jié)上把握不夠，網(wǎng)站的設(shè)計(jì)和實(shí)現(xiàn)結(jié)果和想象中出入很大，甚至一些格式、排版上的問題都出現(xiàn)在了網(wǎng)站的各個(gè)地方。自然，最終的結(jié)果就是網(wǎng)站成品與原始設(shè)計(jì)相差甚遠(yuǎn)。因此，在產(chǎn)品設(shè)計(jì)的過程中，作為設(shè)計(jì)人員，一定不能小看細(xì)節(jié)。一定要將細(xì)節(jié)想細(xì)致，沒有細(xì)節(jié)餓網(wǎng)站很容易出問題。
6、注重邏輯性
網(wǎng)站的設(shè)計(jì)過程中，必須要注意邏輯判斷。對(duì)于輸入信息或注冊(cè)流程中的每一個(gè)環(huán)節(jié)的每一種狀態(tài)都要考慮到。舉一個(gè)最簡單的例子，一個(gè)輸入框輸入數(shù)據(jù)，有正確的輸入、必然有錯(cuò)誤的輸入，也必然有空輸入。那么，每種狀態(tài)下系統(tǒng)都要考慮到，也都要有相應(yīng)的反應(yīng)。
7、流程圖很重要。
說到邏輯性，就不能不談流程圖。作為梳理邏輯的工具，流程圖非常重要。它不但可以幫助我們梳理每隔一環(huán)節(jié)的不同狀態(tài)，更可以幫助我們和技術(shù)進(jìn)行溝通，確保技術(shù)對(duì)核心流程的把握。雖然每個(gè)技術(shù)的邏輯能力都不錯(cuò)，但在編程的過程中不可能次次幫我們想到邏輯的不合理處。因此，一個(gè)合格的流程圖就非常重要了。
8、沒想清楚的事情不錯(cuò)
即使是一個(gè)非常小的網(wǎng)站，也是一個(gè)系統(tǒng)，如果需要添加功能或模塊，就需要考慮到方方面面的變動(dòng)，是一個(gè)比較復(fù)雜的過程。而若是一個(gè)較大的網(wǎng)站，那需要考慮的方面就更多了。因此，在設(shè)計(jì)過程中要本著一個(gè)原則：如果一個(gè)功能或模塊沒有想清楚為什么添加，有什么用處，那就不要無謂地添加這類功能或模塊。除了增加技術(shù)人員和設(shè)計(jì)人員的工作量、增加網(wǎng)站的復(fù)雜程度外，基本沒有啥好處。
9、一定要評(píng)審
評(píng)審對(duì)于所有的產(chǎn)品設(shè)計(jì)人員來說都是一場“噩夢(mèng)”。但是評(píng)審可不可以省略呢？不可以。一方面，我們需要通過評(píng)審讓大家認(rèn)可自己的設(shè)計(jì)。如果對(duì)我們的設(shè)計(jì)不認(rèn)可，那么在真正執(zhí)行過程中便會(huì)有更多的障礙。另一方面，我們需要通過評(píng)審收集意見，查漏補(bǔ)缺，找到我們沒有注意到的地方。不過，在評(píng)審過程中，我們也一定要做好心理準(zhǔn)備，畢竟，讓一大堆人說你設(shè)計(jì)的這不行那也不行，心里是絕對(duì)不會(huì)好受的。唯一能夠減少這種情況出現(xiàn)的方法，也許就是盡可能細(xì)致地想到各個(gè)方面，有充足的理由來說服對(duì)方。
10、一定要寫產(chǎn)品需求文檔。
在自己設(shè)計(jì)網(wǎng)站之前，看過一些產(chǎn)品經(jīng)理方面的書，每本書里都介紹到了產(chǎn)品需求文檔的撰寫，可見產(chǎn)品需求文檔的重要性。但說來奇怪，在自己真正做網(wǎng)站時(shí)，由于團(tuán)隊(duì)里人很少，所以自己竟然認(rèn)為不需要寫產(chǎn)品需求文檔，認(rèn)為只要當(dāng)面溝通就可以了。但事實(shí)是，沒有需求文檔，很多細(xì)節(jié)的東西，自己設(shè)計(jì)的時(shí)候哦想得很好，但過段時(shí)間卻模糊了，結(jié)果技術(shù)人員詢問時(shí)只能憑感覺給出解決方案。當(dāng)然，結(jié)果可想而知，出現(xiàn)了很多不應(yīng)該出現(xiàn)的問題和BUG。這些問題和BUG讓我真正體會(huì)到了產(chǎn)品需求文檔的重要性。
11、要懂得妥協(xié)和聽取意見。
在產(chǎn)品設(shè)計(jì)過程中，經(jīng)常會(huì)出現(xiàn)一種情況：產(chǎn)品設(shè)計(jì)人員或產(chǎn)品經(jīng)理苦思冥想找到一種解決方案或展現(xiàn)形式，可以上級(jí)領(lǐng)導(dǎo)或公司管理層不認(rèn)可。這種情況下，我們常常會(huì)因?yàn)椤白约液⒆泳褪呛谩钡男睦矶雎运说囊庖�，或者�?jiān)決不妥協(xié)、不接納他人意見。這樣做非常不利于我們工作的推進(jìn)。因此，在這種時(shí)候，產(chǎn)品人員一要沉下心來，耐心聽取別人的意見，看看是否有可取之處。而是要懂得妥協(xié)，不在非常細(xì)節(jié)的地方和領(lǐng)導(dǎo)層較勁，阻礙工作的推進(jìn)。
12、要堅(jiān)定，更要執(zhí)行。
當(dāng)然，在產(chǎn)品設(shè)計(jì)過程中，也會(huì)出現(xiàn)這種情況：我們認(rèn)為某個(gè)功能非常重要，可上級(jí)認(rèn)為不需要，要砍掉；或者，我們認(rèn)為一個(gè)功能或模塊完全沒必要展現(xiàn)，可上級(jí)堅(jiān)持要求添加。這種不可調(diào)和的矛盾怎么處理呢？我的建議是：要堅(jiān)定，更要執(zhí)行。首先，我們要堅(jiān)定我們的想法和做法，盡量通過種種方法去說服上級(jí)。只要我們的說法和做法有道理，上級(jí)應(yīng)該會(huì)同意我們的做法。其次，如果無法說服上級(jí)，那么，一旦上級(jí)決定如何做，我們則堅(jiān)決執(zhí)行。雖然我們常說產(chǎn)品是為客戶設(shè)計(jì)的，但很多時(shí)候，產(chǎn)品也是為老板設(shè)計(jì)的。
13、要抱著做完美產(chǎn)品的心態(tài)去設(shè)計(jì)產(chǎn)品。
看過很多產(chǎn)品類的書籍，都說完美主義要不得。在這點(diǎn)上，我也同意。但是，從另一個(gè)層面來講，在產(chǎn)品設(shè)計(jì)或構(gòu)思的過程中，一定要保證做完美產(chǎn)品的心態(tài)去設(shè)計(jì)。因?yàn)�，很多時(shí)候，即使完美的設(shè)計(jì)，在通過執(zhí)行的種種換屆后，也可能變得慘不忍睹，或者最終也就是成為一個(gè)及格產(chǎn)品。而如果我們抱著湊乎的心態(tài)來設(shè)計(jì)產(chǎn)品，那做出來的東西可能真的就沒辦法用了。
14、要相信自己的直覺
在產(chǎn)品設(shè)計(jì)或制作的過程中，可能常常會(huì)有這種感覺：“好像哪兒不對(duì)呀�！币晕业慕�(jīng)驗(yàn)來說，這種感覺的出現(xiàn)往往是自己忘掉了一些地方或做的東西中有錯(cuò)誤，潛意識(shí)在提醒我們。所以，在這種情況下，一定要相信自己的直覺，來對(duì)相應(yīng)的模塊或功能進(jìn)行審查，找出不合理的地方進(jìn)行修改或彌補(bǔ)。
15、要看鍋下菜
現(xiàn)實(shí)里，每個(gè)公司的資源都是有限的。而做一個(gè)網(wǎng)站也好，做一個(gè)產(chǎn)品也好，公司能夠提供的資源也是有限的。因此，作為產(chǎn)品經(jīng)理或設(shè)計(jì)人員，一定要有現(xiàn)實(shí)感。要知道在現(xiàn)有資源情況下，能夠做到什么程度。比如：不要指望一個(gè)拿3000塊工資的美工設(shè)計(jì)出一流的頁面，也不要指望一個(gè)臨時(shí)來幫忙上傳資料的同事能夠一步到位地將資料的格式調(diào)整到最好的狀態(tài)，更不要指望剛畢業(yè)的程序員能夠迅速地解決你所提出的BUG。一句話，不要指望同事做出超過其能力以外的事情，不要指望公司提供超出其能力范圍外的資源。
16、永遠(yuǎn)不要偷懶。
最后一條，永遠(yuǎn)不要偷懶。我的感受是，偷懶絕對(duì)會(huì)讓我們?cè)诤笃诙嗷ㄙM(fèi)更多的時(shí)間和精力。不要因?yàn)樽约簯胁幌雽懏a(chǎn)品需求文檔就隨便弄個(gè)原型給技術(shù)，那樣后期會(huì)讓你有無窮BUG去修改；不要因?yàn)樽约簯谢驎r(shí)間緊急就不做評(píng)審，否則，一旦領(lǐng)導(dǎo)層看到設(shè)計(jì)沒有滿足其要求，你可能得重頭再來；不要技術(shù)改了BUG你就天真地相信一定是沒問題了，一定要自己確認(rèn)，否則，過兩天就會(huì)有人找你問為什么BUG沒有修改。今天的偷懶往往需要明天的雙倍甚至多倍付出。
【網(wǎng)頁設(shè)計(jì)心得】相關(guān)文章：
網(wǎng)頁設(shè)計(jì)實(shí)習(xí)心得01-10
網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)心得12-22
網(wǎng)頁設(shè)計(jì)心得(15篇)12-24
網(wǎng)頁設(shè)計(jì)實(shí)習(xí)心得范文02-01
網(wǎng)頁設(shè)計(jì)畢業(yè)實(shí)習(xí)心得06-18