下面是范文網(wǎng)小編收集的網(wǎng)頁設計實驗報告心得體會3篇(網(wǎng)頁設計實驗報告心得體會怎么寫)，供大家閱讀。

網(wǎng)頁設計實驗報告心得體會1

　　作為一個以前從來沒有接觸過互聯(lián)網(wǎng)產(chǎn)品設計的菜鳥級產(chǎn)品設計人員，在沒有人指導，只能自己摸索的情況下設計出并和技術與美工培訓和將網(wǎng)站做出來，其中的艱辛只能自己體會。不過，雖然過程艱辛，但自己的收獲頗大。一直以來希望能夠轉型做互聯(lián)網(wǎng)的產(chǎn)品，但總是沒有機會。這次公司網(wǎng)站的策劃及設計給了自己很好的學習和實踐機會。在這斷斷續(xù)續(xù)的七個月中，自己對于網(wǎng)站的策劃和設計有了一定的認識，也通過實踐的對照，對過去自己看過的產(chǎn)品設計和產(chǎn)品經(jīng)理書籍中的理論有了更加深刻的理解。

　　在此，將在網(wǎng)站設計過程中的一些心得總結如下。雖然對于已經(jīng)身為產(chǎn)品經(jīng)理的人可能沒有用處。但，我想，可能對于那些想要入行，或者希望在自己的公司內部轉入產(chǎn)品行業(yè)的人來說，可能多少有一點點用。

_ 要注意網(wǎng)站的定位

　　任何一個公司或單位，要設計一個網(wǎng)站，都必然有其核心定位，即這個網(wǎng)站設計出來要干什么。這一點對網(wǎng)站的設計具有決定性的影響。如果不能將網(wǎng)站的定位把握好，作為一個設計人員，其工作往往會是無功而返。因此，在網(wǎng)站策劃階段，產(chǎn)品設計人員必須多和上層溝通，甚至多和領導爭辯，通過溝通和爭辯來明晰公司對網(wǎng)站的定位。同時，也可以讓領導對網(wǎng)站的定位更加明晰。只有完成了這一項，其余的策劃和設計工作才應該繼續(xù)進行。

_ 要了解用戶

　　產(chǎn)品經(jīng)理或產(chǎn)品設計人員很容易將自己作為用戶來判斷產(chǎn)品的功能或體驗是否好用，但現(xiàn)實的情況是大部分用戶很可能與產(chǎn)品經(jīng)理所屬的人群差距很大。比如，在網(wǎng)站設計過程中，發(fā)現(xiàn)本網(wǎng)站的使用人群中 竟然有不知道如何注冊網(wǎng)站的人，這這真是出乎意料。但這就是現(xiàn)實。所以，在產(chǎn)品設計的過程中，不能以自己為中心，把自己當做用戶。事實上，很多用戶的互聯(lián)網(wǎng)水平真得沒有達到我們的水平。

_ 明確、牢記目的和需求

　　網(wǎng)站的定位明確后，接下來要明確的是網(wǎng)站設計的目的和要滿足的需求。即：網(wǎng)站整體設計完成要達成什么目的，每個模塊設計完成要達成什么目的。從另一個層面來講，也就是，網(wǎng)站整體要滿足用戶什么需求，每個模塊又要滿足用戶什么需求。同時，在網(wǎng)站的設計過程中，要一直將目的和需求牢記心中，不斷地對照當前的設計是否能夠達到目的或滿足用戶需求。在設計過程中不斷修改不斷調整最終導致偏離目的和需求的情況屢見不鮮。

_ 保持簡潔

　　為什么要簡潔?因為，無論是設計一個網(wǎng)站，還是設計一個其他的產(chǎn)品，都不可能一步到位。尤其在人力物力時間等資源有限的情況下，更是不可能一次性滿足所需求，達成所有目的。因此，在這種情況下，為了確保核心目標和需求的達成，只能也必須優(yōu)先保證核心功能的完成，只上核心模塊或功能。同時，在產(chǎn)品設計的過程中，也要不斷地向同事和領導灌輸這種意識。否則，需求無止境，網(wǎng)站永遠難以完成上線。

_ 注意細節(jié)

　　這次的網(wǎng)站設計師自己第一次設計網(wǎng)站。因此，在設計網(wǎng)站的過程中自然而然地非常關注網(wǎng)站的整個架構，什么模塊放什么地方，模塊之間如何相互聯(lián)系等等。但網(wǎng)站最終出來的結果展示了殘忍的一面。由于在細節(jié)上把握不夠，網(wǎng)站的設計和實現(xiàn)結果和想象中出入很大，甚至一些格式、排版上的問題都出現(xiàn)在了網(wǎng)站的各個地方。自然，最終的結果就是網(wǎng)站成品與原始設計相差甚遠。因此，在產(chǎn)品設計的過程中，作為設計人員，一定不能小看細節(jié)。一定要將細節(jié)想細致，沒有細節(jié)餓網(wǎng)站很容易出問題。

_ 注重邏輯性

　　網(wǎng)站的設計過程中，必須要注意邏輯判斷。對于輸入信息或注冊流程中的每一個環(huán)節(jié)的每一種狀態(tài)都要考慮到。舉一個最簡單的例子，一個輸入框輸入數(shù)據(jù)，有正確的輸入、必然有錯誤的輸入，也必然有空輸入。那么，每種狀態(tài)下系統(tǒng)都要考慮到，也都要有相應的反應。

_ 流程圖很重要。

　　說到邏輯性，就不能不談流程圖。作為梳理邏輯的工具，流程圖非常重要。它不但可以幫助我們梳理每隔一環(huán)節(jié)的不同狀態(tài)，更可以幫助我們和技術進行溝通，確保技術對核心流程的把握。雖然每個技術的邏輯能力都不錯，但在編程的過程中不可能次次幫我們想到邏輯的不合理處。因此，一個合格的流程圖就非常重要了。

_ 沒想清楚的事情不錯

　　即使是一個非常小的網(wǎng)站，也是一個系統(tǒng)，如果需要添加功能或模塊，就需要考慮到方方面面的變動，是一個比較復雜的過程。而若是一個較大的網(wǎng)站，那需要考慮的方面就更多了。因此，在設計過程中要本著一個原則：如果一個功能或模塊沒有想清楚為什么添加，有什么用處，那就不要無謂地添加這類功能或模塊。除了增加技術人員和設計人員的工作量、增加網(wǎng)站的復雜程度外，基本沒有啥好處。

_ 一定要評審

　　評審對于所有的產(chǎn)品設計人員來說都是一場“噩夢”。但是評審可不可以省略呢?不可以。一方面，我們需要通過評審讓大家認可自己的設計。如果對我們的設計不認可，那么在真正執(zhí)行過程中便會有更多的障礙。另一方面，我們需要通過評審收集意見，查漏補缺，找到我們沒有注意到的地方。不過，在評審過程中，我們也一定要做好心理準備，畢竟，讓一大堆人說你設計的這不行那也不行，心里是絕對不會好受的。唯一能夠減少這種情況出現(xiàn)的方法，也許就是盡可能細致地想到各個方面，有充足的理由來說服對方。

_ 一定要寫產(chǎn)品需求文檔。

　　在自己設計網(wǎng)站之前，看過一些產(chǎn)品經(jīng)理方面的書，每本書里都介紹到了產(chǎn)品需求文檔的撰寫，可見產(chǎn)品需求文檔的重要性。但說來奇怪，在自己真正做網(wǎng)站時，由于團隊里人很少，所以自己竟然認為不需要寫產(chǎn)品需求文檔，認為只要當面溝通就可以了。但事實是，沒有需求文檔，很多細節(jié)的東西，自己設計的時候哦想得很好，但過段時間卻模糊了，結果技術人員詢問時只能憑感覺給出解決方案。當然，結果可想而知，出現(xiàn)了很多不應該出現(xiàn)的問題和BUG。這些問題和BUG讓我真正體會到了產(chǎn)品需求文檔的重要性。

_ 要懂得妥協(xié)和聽取意見。

　　在產(chǎn)品設計過程中，經(jīng)常會出現(xiàn)一種情況：產(chǎn)品設計人員或產(chǎn)品經(jīng)理苦思冥想找到一種解決方案或展現(xiàn)形式，可以上級領導或公司管理層不認可。這種情況下，我們常常會因為“自家孩子就是好”的心理而忽略他人的意見，或者堅決不妥協(xié)、不接納他人意見。這樣做非常不利于我們工作的推進。因此，在這種時候，產(chǎn)品人員一要沉下心來，耐心聽取別人的意見，看看是否有可取之處。而是要懂得妥協(xié)，不在非常細節(jié)的地方和領導層較勁，阻礙工作的推進。

_ 要堅定，更要執(zhí)行。

　　當然，在產(chǎn)品設計過程中，也會出現(xiàn)這種情況：我們認為某個功能非常重要，可上級認為不需要，要砍掉;或者，我們認為一個功能或模塊完全沒必要展現(xiàn)，可上級堅持要求添加。這種不可調和的矛盾怎么處理呢?我的建議是：要堅定，更要執(zhí)行。首先，我們要堅定我們的想法和做法，盡量通過種.種方法去說服上級。只要我們的說法和做法有道理，上級應該會同意我們的做法。其次，如果無法說服上級，那么，一旦上級決定如何做，我們則堅決執(zhí)行。雖然我們常說產(chǎn)品是為客戶設計的，但很多時候，產(chǎn)品也是為老板設計的。

_ 要抱著做完美產(chǎn)品的心態(tài)去設計產(chǎn)品。

　　看過很多產(chǎn)品類的書籍，都說完美主義要不得。在這點上，我也同意。但是，從另一個層面來講，在產(chǎn)品設計或構思的過程中，一定要保證做完美產(chǎn)品的心態(tài)去設計。因為，很多時候，即使完美的設計，在通過執(zhí)行的種.種換屆后，也可能變得慘不忍睹，或者最終也就是成為一個及格產(chǎn)品。而如果我們抱著湊乎的心態(tài)來設計產(chǎn)品，那做出來的東西可能真的就沒辦法用了。

_ 要相信自己的直覺

　　在產(chǎn)品設計或制作的過程中，可能常常會有這種感覺：“好像哪兒不對呀?！币晕业慕?jīng)驗來說，這種感覺的出現(xiàn)往往是自己忘掉了一些地方或做的東西中有錯誤，潛意識在提醒我們。所以，在這種情況下，一定要相信自己的直覺，來對相應的模塊或功能進行審查，找出不合理的地方進行修改或彌補。

_ 要看鍋下菜

　　現(xiàn)實里，每個公司的資源都是有限的。而做一個網(wǎng)站也好，做一個產(chǎn)品也好，公司能夠提供的資源也是有限的。因此，作為產(chǎn)品經(jīng)理或設計人員，一定要有現(xiàn)實感。要知道在現(xiàn)有資源情況下，能夠做到什么程度。比如：不要指望一個拿3000塊工資的美工設計出一流的頁面，也不要指望一個臨時來幫忙上傳資料的同事能夠一步到位地將資料的格式調整到最好的狀態(tài)，更不要指望剛畢業(yè)的程序員能夠迅速地解決你所提出的BUG。一句話，不要指望同事做出超過其能力以外的事情，不要指望公司提供超出其能力范圍外的資源。

_ 永遠不要偷懶。

　　最后一條，永遠不要偷懶。我的感受是，偷懶絕對會讓我們在后期多花費更多的時間和精力。不要因為自己懶不想寫產(chǎn)品需求文檔就隨便弄個原型給技術，那樣后期會讓你有無窮BUG去修改;不要因為自己懶或時間緊急就不做評審，否則，一旦領導層看到設計沒有滿足其要求，你可能得重頭再來;不要技術改了BUG你就天真地相信一定是沒問題了，一定要自己確認，否則，過兩天就會有人找你問為什么BUG沒有修改。今天的偷懶往往需要明天的雙倍甚至多倍付出。

網(wǎng)頁設計實驗報告心得體會

網(wǎng)頁設計實驗報告心得體會2

　　轉眼間，已到了期末，學習網(wǎng)頁設計這門課程也要結束了，雖然時間有點短，但是學過這個幾周以后我受益匪淺。

　　記得最初接觸dreamweaver的時候，我很茫然，因為剛接觸陌生的軟件心里會很害怕跟不上老師的進程。剛開始幾節(jié)課，老師講得比較基礎，還能跟得上，漸漸的老師授課的進程開始加速，有些跟不上了，需要下課后自己補上，問老師和周圍的同學。漸漸的，在老師的悉心教導下，我們開始熟悉這個軟件了。老師布置的第一個任務，要求做一個自我形象網(wǎng)站。由于學習的時間較短，老師只要求用PS做好模板即可，任務相對簡單。但也要求設計感強，色彩搭配和諧，并且盡可能的做成實用又符合實際的漂亮網(wǎng)頁。

　　第二個網(wǎng)頁設計老師要求相對較高，用dreamweaver做一個比較接近真實的網(wǎng)頁，還要做一個二級頁面。于是開始收集各方面的資料。確定了主題就開始布局了。最開始使用了一個表格，然后在表格內進行拆分合并處理，接著就把通過ps處理出來一個版頭并且把修改過大小的圖片放進去了。

　　中間時預覽，問題出現(xiàn)了，發(fā)現(xiàn)版頭與下面的圖片文字之間出現(xiàn)了很大的一段距離，但是在軟件中已經(jīng)把距離縮小為0了，多次嘗試后沒有效果。最后想到可以另外再加一個表格，把版頭放在一個表格內面，這樣問題就解決了。預覽是效果還不錯。但是總覺得首頁做得太普通，一次瀏覽學長做的網(wǎng)頁時，覺得他們的文字滾動窗口做得效果做得不錯，于是想借見一下。就決定把自己網(wǎng)站的左邊修改修改。復制了他的代碼，把上面的內容修改成我的網(wǎng)站需要的文字。本以為可以輕松的完成，但是卻出現(xiàn)大問題了。

　　因為需要滾動的文字占的空間太大，把左邊的那部分表格全部占滿了，而在實際的網(wǎng)頁預覽中，這個有文字滾動的框只占了左邊Oeasy教你玩轉網(wǎng)頁設計瀏覽的工具建站程序三分之一，左邊有三分之二留白了。我就想可不可以把文字這樣一層層的放在上面，試了很多方法，在網(wǎng)站查了很多資料，可能因為沒有專業(yè)術語作為搜索的關鍵詞，查不到任何相關的資料，試過div標簽，試過不停的拆分表格，最后還是沒有效果。就這樣試著試著，突然想到了層這個概念。于是在布局中點擊了繪制層，結果成功了，經(jīng)過一些加工，終于成功的完成左邊的布局。印象還比較深刻的是插入聲音，記得老師曾經(jīng)給我們講過很多次怎樣插入聲音，可是等到自己做網(wǎng)頁的時候卻忘記了，于是問其他人，結果居然都忘記了，于是自己在百度上收。最后終于找到了一個可以使用的代碼，但是在加入聲音路徑時出現(xiàn)了問題。在屬性內加入源文件，結果就是加不進去MP3的音樂文件，然后自己就嘗試加入了一個視頻，記下了路徑格式，然后照著這種格式寫下了指向聲音源文件的路徑，最后成功了。在設計過程中還出現(xiàn)了很多的問題，但通過看書，上網(wǎng)查詢，請教同學等方式，不斷的學習、解決、提高，設計出的網(wǎng)頁不論是外觀還是內容，都在不斷的進步、改善?？梢哉f在自己動手，不斷實踐的過程中，網(wǎng)頁設計水平得到了很大的提高。熱情和執(zhí)著，我將來設計出的網(wǎng)頁會更加專業(yè)，更完善。

網(wǎng)頁設計實驗報告心得體會3

　　現(xiàn)在，計算機和網(wǎng)絡已經(jīng)深入到了我們生活中的方方面面，也已經(jīng)成了生活中不可缺少的一部分，網(wǎng)絡成了我們獲取知識和信息的一種便捷工具，現(xiàn)在的網(wǎng)民也在不斷的增多，所以，了解和學習網(wǎng)絡知識是我們作為一名大學生迫切所需的。我通過這一學期的學習，對網(wǎng)頁設計有了初步的認識和了解，并基本掌握了Dreamweaver的應用。

　　在學習了網(wǎng)頁設計的同時，我更加深入的了解了關于計算機和網(wǎng)絡的知識。基于對計算機基礎與C語言的基本掌握，學習網(wǎng)頁設計的基礎部分便顯得較為輕松。雖然如此，在設計過程中依然出現(xiàn)了很多的問題，但通過看書，上網(wǎng)查詢，等方式，不斷的學習、解決、提高，設計出的網(wǎng)頁不論是外觀還是內容，都在不斷的進步、改善。可以說在自己動手，不斷實踐的過程中，網(wǎng)頁設計水平得到了很大的提高。

　　通過對網(wǎng)頁設計書籍的翻閱，我學習到了一些關于建設網(wǎng)站和制作網(wǎng)頁的知識，在實踐查閱資料時，對flash也有所了解。我還了解了一些基礎的網(wǎng)絡技術。通過學習，我對計算機有了更深層次得到了解，也有了更濃厚的興趣。尤其是對網(wǎng)頁制作的過程與一些技巧手法更有了另外一番了解，對網(wǎng)頁制作的基礎知識也有了一定的掌握。在這個過程中，我同樣認識到網(wǎng)頁設計不是一門學科的獨秀，而是多種課程的綜合，他是Flash、Fireworks等網(wǎng)頁軟件的綜合應用。

　　下面闡述一下我在設計我的網(wǎng)站時的一些關于網(wǎng)頁設計的見解。在具體的制作時我了解到一個優(yōu)秀的網(wǎng)頁設計應該具備一些基本原則。

　　首先，要確定網(wǎng)頁設計的內容，一個優(yōu)秀的風站要有一個明確的主題。整個網(wǎng)站圍繞這個主題,也就是你在網(wǎng)頁設計之前要明確你這個網(wǎng)站有什么目的,用來做什么，所有頁面都是圍繞著這個內容來制作，有了明確的內容對排名有很重要的作用;其次，要了解你網(wǎng)站所在行業(yè)的客戶，及你的網(wǎng)頁屬于哪個類別。用戶是一個網(wǎng)站成敗的關鍵,如果用戶要花很多時間進入你網(wǎng)站很有可能用戶會立即關掉你網(wǎng)站,或者你網(wǎng)站操作很不方便用戶也會馬上離開,這種網(wǎng)站是很失敗的設計,只會讓用戶失望的離去.

　　在完成以上的基本內容之后網(wǎng)頁的基本框架便成形成了。下面要開始的便是優(yōu)化工作。

　　內容是整個網(wǎng)頁的核心。在網(wǎng)頁設計之前必須明確網(wǎng)頁的內容安排。優(yōu)秀網(wǎng)頁設計是要建立在平凡的基礎上的。然后在具體的規(guī)劃一個網(wǎng)頁時，可以用樹狀結構先把每個頁面的內容大綱列出來，尤其要制作一個大的網(wǎng)站 (有很多頁面) 的時候，特別需要把這個架構規(guī)劃好，也要考慮到以后可能的擴充性，免得做好以后又要一改再改整個網(wǎng)站的架構，很浪費時間和財力。大綱列出來后，還必須考慮每個頁面之間的鏈接關系。是星形，樹形，或是網(wǎng)形鏈接。這也是判別一個網(wǎng)站優(yōu)劣的重要標志。鏈接混亂，層次不清的站點會造成瀏覽困難，影響內容的發(fā)揮。 框架定下來了，然后開始一步一步有條理，有次序地做來，就胸有成竹得多，也會為主頁將來發(fā)展打下良好的基礎。下一步，就以動手制作具體內容了，題材選定，框架選定，接下來就開始往主頁里面填內容。

　　如果是個人主頁，有能力的人完全可以靠自己來創(chuàng)作所有的內容。大部分人的方法是：從報紙，雜志，光盤等媒體中把相關的資料收集整理，再加上一定的編輯后就可以了。 另外一個好的方法是從網(wǎng)絡上收集，您只要到搜索引擎上查找相應的關鍵字，就可以找到一大堆的資料。在準備材料的時候我們可以用一些小的動畫和動態(tài)圖片，F(xiàn)lash提供了功能齊全的繪圖和編輯圖形工具。可以直接在編輯區(qū)里繪畫，編輯修改非常靈活，它的另一大特點是“交互性”強。在動畫播放時，可以用鼠標或鍵盤對動畫的播放進行控制，效果可以很直觀的反映出來。然后是開始正式制作主頁。 通過Dreamweaver作為制作軟件，只需要用到軟件中的一些基本的功能：圖片插入和對齊設置;文字的格式、顏色、背景顏色的設置等就可以制作出一個簡單的網(wǎng)頁。

　　總體來說，通過這個學期對網(wǎng)頁設計的學習，有收獲也有遺憾。但是，我已經(jīng)邁入了網(wǎng)頁設計的大門，只要我再認真努力的去學習，在今后的閑余時間學習制作網(wǎng)頁的更多知識以實現(xiàn)自身技能的提高，我堅信將來設計出的網(wǎng)頁會更加專業(yè)，更加華麗，使它最終成為自己的一項技能。

網(wǎng)頁設計實驗報告心得體會3篇(網(wǎng)頁設計實驗報告心得體會怎么寫)相關文章：