網站首頁 實用文 書信 面試 實習 實習報告 職場 職責 勵志 名言 熱點
當前位置:人人簡歷網 > 熱點 > 其他文案

製作網頁設計的心得體會11篇 “創意與實用並重——我在網頁設計中的心得體會”

欄目: 其他文案 / 發佈於: / 人氣:1.72W

在網頁設計中,良好的用户體驗和界面設計可以提高用户的留存率和滿意度。在製作網頁設計時,需要注意設計風格、色彩搭配、排版佈局等方面,以實現簡潔、大方、易操作的效果。同時,注意網站的可用性,以便讓用户更好地使用和體驗網站。

製作網頁設計的心得體會11篇 “創意與實用並重——我在網頁設計中的心得體會”

第1篇

在學習網頁製作的這段時間裏,我利用了學習之餘的一切可利用的剩餘時間,全心全意投入到網頁世界,去不斷的學習,去不斷的探索;同時去不斷的充實,去不斷的完善自我,在網絡的天空下逐漸的美化自己的人生!

另外做好主頁也並不是一件容易的事。它包括個人主頁的選題、內容採集整理、圖片的處理、頁面的排版設置、背景及其整套網頁的色調等很多東西。

標題在個人主頁中起着很重要的作用,它在很大程度上決定了你整套個人主頁的定位。一個好的標題必須有概括性、有特色、簡短易記,不要符合自己主頁的主題和風格。

網頁頁面整體的排版設計也是不可忽略了,很重要的一個原則是合理也運用空間,讓自己的網頁井然有序,留下合適空間,會給人輕鬆的感覺。

主頁中不光要有文字,還要適當地加一些圖片。俗話説一圖勝千言,我想它不無道理。一張處理得好的圖片不需再多做解釋,就能使人一目瞭然,讓人去思考,去了解它。

通過這次製作網站的過程,我最大的感受就是制定網站計劃的重要性。一個好的計劃可以詳細制定網站的相關內容,為後面的工作節省很多時間,所以在制定計劃時要有充分的`準備。

我通過整個包括主題的確定,網頁的設計,資料的整和等製作的過程,才更加深入地理解了這些理論。我會懷着濃厚的興趣去學習,與同事之間互相協作學習,學會把理論知識運用到實際中,真正提高我的自主學習能力、協作精神和實踐能力。向着做一個真正意義上的教育技術專業人士的目標前進。

製作網頁設計的心得體會11篇 “創意與實用並重——我在網頁設計中的心得體會” 第2張

第2篇

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

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

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

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

因為需要滾動的文字佔的空間太大,把左邊的那部分表格全部佔滿了,而在實際的網頁預覽中,這個有文字滾動的框只佔了左邊oeasy教你玩轉網頁設計瀏覽的.工具建站程序三分之一,左邊有三分之二留白了。我就想可不可以把文字這樣一層層的放在上面,試了很多方法,在網站查了很多資料,可能因為沒有專業術語作為搜索的關鍵詞,查不到任何相關的資料,試過div標籤,試過不停的拆分表格,最後還是沒有效果。就這樣試着試着,突然想到了層這個概念。於是在佈局中點擊了繪製層,結果成功了,經過一些加工,終於成功的完成左邊的佈局。印象還比較深刻的是插入聲音,記得老師曾經給我們講過很多次怎樣插入聲音,可是等到自己做網頁的時候卻忘記了,於是問其他人,結果居然都忘記了,於是自己在百度上收。

最後終於找到了一個可以使用的代碼,但是在加入聲音路徑時出現了問題。在屬性內加入源文件,結果就是加不進去mp3的音樂文件,然後自己就嘗試加入了一個視頻,記下了路徑格式,然後照着這種格式寫下了指向聲音源文件的路徑,最後成功了。在設計過程中還出現了很多的問題,但通過看書,上網查詢,請教同學等方式,不斷的學習、解決、提高,設計出的網頁不論是外觀還是內容,都在不斷的進步、改善。可以説在自己動手,不斷實踐的過程中,網頁設計水平得到了很大的提高。熱情和執着,我將來設計出的網頁會更加專業,更完善。

第3篇

不知不覺,二個星期的《網頁設計與網站建設》課程的實操即將過去,回顧這一段日子,真的令我體會很深,也學會很多東西,懂得很多以前不懂的東西,也明白了一些事情、

自從第一天接觸《網頁設計與網站建設》課程,我以下定決心要把網頁這門課學好,做出一個優秀的網站、所以我時刻沒有錯過任何學習的機會,無論在課堂上,還是在課外上、更何況這一次實操、回顧今次的實操我覺得我過得很充實,很有意義,因為我可以誠實的説我在實操沒有玩過一次遊戲,我每時每刻都在設計網站,還記得晚上做網站做到一、二點,可能有人會説我傻,但正因為這個傻的行動,令我學會很多東西,學會別人不懂的東西,做出一個令自己滿意的網站,可能跟別人比還需要繼續完善,但我不會因為實操結束,就把網頁設計拋到九霄雲外,我會繼續學習網頁設計技術,把它變為自己的一項特長。

回顧第一天的`《網頁設計與網站建設》課程實操,老師叫我們繼續完善以前設計的網站,做出留言板、註冊的功能。我很快就完成了,但可能我是一個追求完善的人,所以儘管一個網站做好可以馬上交給老師。但我做出一個別人都不贊同的決定,從頭開始做一個網站。因為我覺得以前那個真的不是太好,儘管實操的時間過去了一半,儘管別人對我説你交原來這個不就行了嗎!何必再做一個呢?但真因為我的執著,追求成功,追求完善的人,才會使我今天交出一個令自己滿足的答卷。

包括個人網站主題的確定,前台功能設計與管理、個人網站主頁設計、個人網站留言板、註冊、忘記密碼、搜索等網頁設計與管理。

包括個人網站後台管理功能的設計、後台管理信息系統功能的設計、後台系統權限管理、後台文件管理、個人網站後台管理系統主頁設計。

通常我們發佈一個網站可能以能過域名註冊,但我們也可以利用自己主機,裝了iis別人就可以通過我的ip地址來訪問我的主頁。第一次做的那個網頁我已經發布在上網了。

一個網站做好了,就要對個人網站進行推廣,這是一個電子商務網站必需做得的一步,因為如果你不對你的網站進行推廣,就算你發佈了也沒有人會知道的。

在設計這個網站時真的體會很多東西,從一開始網頁主題的確定,到主頁總體的設計、蒐集資料、前台功能設計與管理、後台功能設計與管理、每個分頁面的設計等。我都一一進行了規劃,因為如果你不規劃好,想做什麼就做什麼,是不會做得好的。因我為體會到這一句話:“機會中屬於有準備的人”。我詳細到一個表格寬度都一一列明。例如:775寬度,分三欄,每一欄佔多少。因為我深深懂得“細微處才見真功夫”。

在這次實操過程中令我印象最深的是做留言板,因為剛好在上一個星期sql數據庫實操做過了,所以今次在做就比較輕鬆,但我以前是經過一個比較長的練習,做完了n次,可能有人會想,肯定是不會才做這麼多次啦!但我想告訴這位同學我每次做得都不是不同的方法。第一次我用的是access數據庫,第二次我用的是sql數據庫加權限管理,第三次我用的是數據源名稱的連接,第四次我用的是自定義連接字符串,第五次……每一次用的方法都是不同的,可能有人會説我傻,會一種方法就行了,還要那麼多嗎?但我想説的就是不是這麼多次的練習,不是之麼多次不同的方法,也就不會造就出今天熟能生巧的我,也不會對同學提出的問題解決到,也不會輕鬆教會同學,因為你自己首先學會,學通,學廣,才能把問題一一的解決。

第4篇

為期兩週的網頁實訓終於結束了。為什麼説終於結束了呢?因為兩個星期做五個網站時間太緊了,我們每天晚上都是加班加點。但是結果是令人欣慰的,我們大都按時按質完成了任務,而且網站是一個比一個做得好!總的來説,還是有很大的收穫。

本次實訓共有五個任務,它們分別是:瀋陽植物園網、開元科技網、家台灣旅遊網、我愛低碳網、博愛助學網。要求是每個網站至少要8個或8個以上的頁面,並運用flash做動畫,用css美化頁面等。

整個實訓的過程可以説是所學知識的一個整理,一個綜合,一個靈活運用。之前我們課堂上學的東西是一個個知識點,比較零散。雖然在實訓之前我們也做過兩個網站,但那是我們小組合作的,所以有些知識點我們並沒有都用到。而這次實訓是自己一個人做網站,做網站的各個環節都要自己親力親為,可以説是一個挑戰,同時也是對知識的一種昇華。它不僅是dreamweaver軟件的熟練操作,也是potoshop、flash軟件的熟練運用。我們需要自己設計網站的logo這就需要運用到potoshop軟件強大的圖形圖像處理功能,需要做出生動的網頁效果,就需要flash做出動態的文字效果和圖片切換效果。

在設計的過程中遇到問題,可以説得是困難重重,這畢竟是第一次獨自設計網站、製作網站,難免會遇到過各種各樣的問題,同時在設計的過程中發現了自己的不足之處,對以前所學過的知識理解得不夠深刻,掌握得不夠牢固,在css的具體應用還不是和很熟練,沒有能完全達到自己預期的效果,還好通過老師的細心指導才能達到最終效果通過這次網頁設計與製作實訓,一定把以前所學過的知識重新温故。

兩週網頁設計與製作的實訓課程結束了,回顧這次課程設計實訓,至今我仍感慨頗多。的'確,從選材到開始製作,從理論到實踐,在兩週的實訓日子裏,可以説得是苦多於甜,但是可以學到很多很多的的東西,同時不僅可以鞏固了以前所學過的知識,而且學到了很多在書本上所沒有學到過的知識。更懂得並親身體會到了理論與實際相結合的重要性,只有理論知識是遠遠不夠的,把所學的理論知識與實踐相結合起來,從理論中得出結論,才能真正為掌握技術,從而提高自己的實際動手能力和獨立思考的能力。

第5篇

光陰似箭,日月如梭。轉眼間,愉快而又充實的網頁實習課程結束了,在這幾個月的時間裏,在實訓的過程中 ,讓我嘗試了理論與實踐的結合。網頁設計理論一點點轉化為實踐經驗,模擬網頁實訓變成了真正面對社會的基礎,儘管生澀但在慢慢趨近成熟。豐富的實訓知識,讓我的實習生活充滿驚喜、快樂和充實,當然也少不了網頁設計處理過程中的困難。實習結束了,感覺腦袋裏又注入了新的知識,對網頁設計也有了更深的瞭解,在以後的工作中,希望能用自己瞭解的東西去處理相關的問題,再探究新的問題,使自己和公司不斷進步。

最後談談我個人對自身的職業之路規劃。當然這些還不夠成熟,僅僅是這一個學期的實習帶給我的一點想法,今後我會結合學習生活進一步修正。

首先是個人學習,通過實習我認識到利用課堂外的時間也是關鍵,下一步打算結合自己的`興趣,利用課餘時間自我培訓;其次是社會實踐,初步打算是利用假期等時間充分工作,以提高自身實際工作能力為目的,畢竟“想”和“做”是不一樣的,這次實習中我也認識到了這點,平時覺得自己能夠勝任的簡單事情,當真正動手做時卻總不是那麼簡單了;最後,打算結合個人的興趣、價值觀、能力、職業發展傾向做個詳細的職業發展規劃。

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

通過老師的講解和對課本的翻閲,我學習到了一些關於建設網站和製作網頁的知識,對網頁製作的基礎知識也有了一定的掌握。通過dreamweaver製作網頁,我用到了一些基本的功能:圖片插入和對齊設置;文字的格式、顏色、背景顏色的設置等。但是在自己嘗試着做的時候,總是出現這裏那裏的問題。不是圖片不能固定在自己想要的位置,就是滾動文本的顯示區域不知道為什麼撐過了頁面,還有就是不同分辨率、不同瀏覽器都會對瀏覽網頁產生影響。而且在css方面,我總是不太熟悉各種代碼是控制哪些東西的。除了查找解決問題我還總結了經驗。例如:

1、命名站點或者文件夾的的時候一定要注意,最好用相應的英語或者漢語拼音,要見名知意,如圖片文件夾用image或者tu,這樣可以避免頁面調用時不正確的現象發生。

2、調用style時可以單擊鼠標右鍵選擇custon style來調用style標準,也可以在狀態欄中的元素列表上單擊右鍵來調用style。雖然不同的方法達到的效果看似一樣,但實際上產生的html代碼則完全不同。在這個過程中,我同樣認識到網頁設計不是一門學科的獨秀,而是多種課程的綜合,它是flash、photoshop等網頁軟件的綜合應用。例如flash提供了功能齊全的繪圖和編輯圖形工具。可以直接在編輯區裏繪畫,編輯修改非常靈活,它的另一大特點是“交互性”強。在動畫播放時,可以用鼠標或鍵盤對動畫的播放進行控制,可以很直觀的反映出效果。

頁面設計應以美觀、大方、簡潔為原則,保持一致的風格。為了達到最佳的視覺表現效果,應講究整體佈局的合理性,使瀏覽者有一個流暢的視覺體驗。網頁最主要的功能就是給每個上網者提供一種形式,讓他們能夠了解網站提供的信息。要研究網頁設計,就需要站在用户的角度來看。用户是一個網站成敗的關鍵。如果用户要花很多時間進入網站,很有可能他會立即關掉網站,或者網站操作很不方便用户也會馬上離開,這種網站是很失敗的設計,只會讓用户失望的離去。所以網頁容量即包括圖像在內的網頁字節數最好不要超過50k。

還涉及到界面弱化的問題。一個好的界面設計它的界面是弱化的,它突出的是功能,着重體現的是網站業提供給使用者主要是什麼。這就涉及到瀏覽順序、功能分區等等。要讓訪客在0.5秒內就能把握網站的行業性質,1秒內就知道該從哪個地方開始使用這個網站,能點一次的,絕不點第二次。

當然上面説的是大多數功能性網站,對於宣傳展示性網站,諸如加特效的或flash網站,可能就不得不花哨一些,但不能太過分。網站不是動畫片,在效率越來越高,社會心理越來越浮躁的中國,人們的耐心越來越小,心理承受能力越來越低。效果可以體現意境,點到為止。

第6篇

在即將踏入社會,面對競爭激烈的社會環境前,社會實踐對我們即將畢業的研究生來説是必不可少的重要環節,它是正式工作前的一次大閲兵,也是理論與實際相結合並鍛鍊我們動手能力的大好機會,同時為未來的工作打下堅實的基礎。

當踏上實習的這條路上時,首先就是一個角色上的轉換。在學校做設計的時候,每個人往往都會習慣設計院雖然是個異常繁忙的單位,但對於實習生或者新員工來説並不是這樣。新員工往往是剛剛畢業,如果接不到任何方案設計或者施工圖時,上班時就常常處於空閒狀態。這也是我剛到實習單位的困惑——沒有人找我幫忙設計或者畫圖,從早到晚在辦公桌前坐着無所事事是件很尷尬的事情。當然這種事情也沒什麼可以抱怨的,畢竟作為一個學生,一個還沒有真正畢業的學生,還沒有純熟的手法來處理拿到手的任務。其實到實習單位之前就已經想得到,現今的設計院都是以盈利為目的的,院裏不會拿真實的項目來給實習生練手,而正式的員工也沒有很多的時間來為你實習生講解這講解那,所以説沒有什麼事情做也就説得通了。

來這的前兩星期,不知道該做些什麼,什麼也插不上手,只是這裏看看,那裏逛逛,有的時候看看書,看看別人畫的圖,給自己找點事做。

對這一些方面有了大致的瞭解後,我們進行了實際操作--繪圖。繪圖所用程序為auto cad--計算機輔助設計。程序具有二維,三維繪圖功能。我所做的工作就是建築物平,立,剖的二維繪製。繪圖,要先對功能進行了解,再就是熟悉裏面各個工具的用法。繪圖的時候也有步驟:軸線--牆線--門窗--樓梯--屋內佈置--標註。還要一邊繪製一邊修改。剛開始畫一些簡單的房屋平面圖,學着用快捷鍵做圖。在繪製的過程中也遇到一些困難,如弧線與直線的交接,圖形的閉和,樓梯的繪製,在做這些時候經常出現錯誤,影響下一步的操作。在這些操作中,就需要有足夠的細心和耐心去修改。

在所裏作為一個實習生,什麼小活都幹,可以説會有前輩給你活叫你做,有時候別人給你一個平面圖叫你畫立面和剖面,都是設計好的,這樣的活並不簡單,也需要開發大腦資源和充分的想象力,還有要準備多次的修改,好的方案都是在多次修改中完成的,我也不例外。有時候別人給你個小區讓你用ps處理,這都是常見的事,所以學到ps也是當務之急,在這段實習的過程中,ps的水平也得到了提高,關鍵是學習和請教,不會的有高手在,大部分都是精英。這也是方案表達的一種形式。以上這些都是畫圖手段,必不可缺少的,想要提高自己的修養,關鍵要不時的學習,在設計院有好多書,沒有事情做的時候就用看書來提高自己,總之學到東西就行。

在實習的過程中,除了要對所學的理論知識進行實踐之外,還要學會處理人與人之間的關係。在現實的社會中,紛繁複雜的人際利益關係就像是一張張的網,連接着這個社會中的每個人,而當你能夠把這張網不斷地進行擴張,並且保持其完好的狀態,就有在社會中立足的基礎和取得發展的機會。也許我們不必將這個關係看得太複雜和過分重要,畢竟我們才剛從學校裏走出來,要建立良好的人際關係也需要一定的時間慢慢積累和沉澱。由於這次實習時間短暫,因此並沒有多少時間讓我對設計院的同事進行詳盡的交流,一般只能夠把握在每天的吃飯過程中以聊天的方式促進了解。除此之外,在我實習的.這段時間裏,還有兩次聚餐和一次集體户外活動的機會,我也積極參加了,這多少也會增加我與同事之間的交流。能夠在短時間之內認識到了一批設計人員,相信這是我在實習中獲得的寶貴的人際關係資源;但是對於自己在交流上的不夠積極主動以及他們交流的有限性,成為了我在這次實習過程中的失敗教訓的一部分。

第一次到公司實習,剛來的時候心理很沒底,不知道怎樣與別人相處。實習幾天後發現,與同事相處並不難。當你遇到不明白的地方時,你就要多問,在問的同時,就增添了你和同事交流的機會,這樣,不僅問題解決,也很快融入了集體。在這裏,要勤學好問,多與人交流,要以誠待人。

這次的實習帶給我不僅僅是一種社會經驗,更是我人生的一筆財富,更可喜的是我在實習期間還結識了一些好朋友,他們給予我不少的幫助。俗語説:紙上得來終覺淺。沒有把理論用於實踐是學得不深刻的。當今大學教育是以理論為主,能有機會走進設計公司去實習,對我來説是受益匪淺的。我就快畢業走向社會了,相信這次實習對我日後參加工作有幫助。在學習過程中,經理和同事們都給了我莫大的幫助,教會我怎樣用快捷鍵,作圖的過程中如果使用幾個小技巧,確實可以達到事半功倍的效果,讓我在學習中少走彎路。

通過這次實習,在設計方面我感覺自己有了一定的收穫。實習主要是為了我們今後在工作及業務上能力的提高起到了促進的作用,增強了我們今後的競爭力,為我們能在以後立足增添了一塊基石。實習單位的經理也給了我很多機會參與他們的設計是我懂得了很多以前難以解決的問題,將來從事設計工作所要面對的問題。這次實習豐富了我在這方面的知識,使我向更深的層次邁進,對我在今後的社會當中立足有一定的促進作用,但我也認識到,要想做好這方面的工作單靠這短短几個月的實習是不行的,還需要我在平時的學習和工作中一點一滴的積累,不斷豐富自己的經驗才行。

我面前的路還是很漫長的,需要不斷的努力和奮鬥才能真正地走好。我堅信通過這一段時間的實習,所獲得的實踐經驗對我終身受益,在我畢業後的實際工作中將不斷的得到驗證,我會不斷的理解和體會實習中所學到的知識,在未來的工作中我將把我所學到的理論知識和實踐經驗不斷的應用到實際工作來,充分展示自我的個人價值和人生價值。為實現自我的理想和光明的前程努力。感謝前輩們對我的教誨,這次實習除了在專業方面得到了非常大的收穫之外,我還學會了怎樣和同事們友好相處,虛心向他們請教,怎樣與結構、水電專業的人溝通協調。親身經歷和熟悉了設計院的工作程序,開闊了眼界。和設計所的同事在一起,我感覺到非常的快樂和滿足。他們就像是朋友、老師和長輩一樣的幫助和指導我,我內心非常地感謝他們。總之,經過這次實習之後,我從專業技能到為人處事,都真真切切的在現實之中得到了提高。為我今後的工作打下了堅實的基礎。

來棕櫚園林設計有限公司實習的時間裏,使我在思想上有了很大的轉變。以前,在學校裏學知識的時候總是老師往我的頭腦裏灌知識,自己根本沒有那麼強烈的求知慾,當然這完全是我自己懶散的學習態度所決定的,也是由於這樣的學習態度以致使自己的知識太貧乏了,然而到這裏實習後,的確使我的感觸很大,公司員工的學習氣氛特別濃無形中給我營造了一個自己求知的慾望。

在工作之餘大家都在抓緊時間學習,這種刻苦的精神特別讓我敬佩。給我一種特別想融入他們其中的感覺。這將對我以後的人生路上一種很大的推進。只有堅持學習新的知識,才會使自己更加提高,而這裏就有這樣的氣氛。同時這次實習也為我提供了與眾不同的學習方法和學習機會,讓我從傳統的被動授學轉變為主動求學;從死記硬背的模式中脱離出來,轉變為在實踐中學習,增強了領悟、創新和推斷的能力。掌握自學的方法,這些方法的提高是終身受益的,我認為這難得的幾個月讓我真正懂得了工作和學習的基本規律。

在本次實習的時間裏,我深深體會到團隊合作的重要性。這一點我覺得尤其重要,因為我覺得在任何一個團體,如果沒有團隊合作的精神,那麼一個團體就會顯得乏氣。因為團隊就是精神之柱,俗話説:“人心齊,泰山移。”可見團隊合作精神的重要性,所以我覺得發揮團隊精神在具體學習、工作和生活中的運用,可以使我們收到事半功倍的效果。

第7篇

不知不覺我學習整站頁設計也有一段時間了,很高興我能在這計算機深入的社會裏,學習到建設和頁設計的一些知識。絡成了我們獲取知識和信息的一種便捷工具,如今的生活,商業都已經在絡上如火如荼地開展,我認為,學習絡知識,對於生活在絡時代的我們還是很有必要的。接下來我想分享一下我的獨家頁設計學習心得。希望能夠為正在學習頁設計的你們也提供一點幫助。

學習頁設計的過程中,我也成功製作了屬於自己的,通過這一次嘗試,我對計算機有了更深層次得到了解,也有了更濃厚的興趣。尤其是對頁製作的過程與一些技巧手法更有了另外一番瞭解,對頁製作的基礎知識也有了一定的掌握。我覺得,在設計頁之前:

首先必須做到先確定頁設計的內容,因為一個優秀的風站要有一個明確的主題,整個圍繞這個主題,也就是你在頁設計之前要明確你這個有什麼目的.,用來做什麼,所有頁面都是圍繞着這個內容來製作,有了明確的內容對排名有很重要的作用。

其次自然是瞭解你所在行業的客户。要知道用户是一個成敗的關鍵,如果用户要花很多時間進入你很有可能用户會立即關掉你,或者你操作很不方便用户也會馬上離開,這種是很失敗的設計,只會讓用户失望的離開。

我在這次設計頁的過程中,終於體會到做一個頁的主頁不是一件容易的事情,它包括個人主頁的選題、內容採集整理、圖片的處理、頁面的排版設置、背景及其整套頁的色調等很多東西。製作主頁要注意:

要想一個好的標題。標題在個人主頁中起着很重要的作用,它在很大程度上決定了你整套個人主頁的定位。一個好的標題必須有概括性、有特色、簡短易記,不要符合自己主頁的主題和風格。

主頁中不光要有文字,還要適當地加一些圖片。一張好的圖片可以勝過你的千言萬語。也能讓進入你頁的人一目瞭然,產生興趣。

頁頁面整體的排版設計也是不可忽略了,很重要的一個原則是合理也運用空間,讓自己的頁井然有序,留下合適空間,會給人輕鬆的感覺。

當然在做這些內容之前,是要找好資料的,我們可以從報紙,雜誌,光盤等媒體中把相關的資料收集,再加上一定的編輯後就

第8篇

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

在此,將在網站設計過程中的一些心得總結如下。雖然對於已經身為產品經理的人可能沒有用處。但,我想,可能對於那些想要入行,或者希望在自己的公司內部轉入產品行業的人來説,可能多少有一點點用。

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

產品經理或產品設計人員很容易將自己作為用户來判斷產品的功能或體驗是否好用,但現實的情況是大部分用户很可能與產品經理所屬的人羣差距很大。比如,在網站設計過程中,發現本網站的使用人羣中竟然有不知道如何註冊網站的人,這這真是出乎意料。但這就是現實。所以,在產品設計的過程中,不能以自己為中心,把自己當做用户。事實上,很多用户的互聯網水平真得沒有達到我們的水平。

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

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

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

網站的設計過程中,必須要注意邏輯判斷。對於輸入信息或註冊流程中的每一個環節的每一種狀態都要考慮到。舉一個最簡單的例子,一個輸入框輸入數據,有正確的輸入、必然有錯誤的輸入,也必然有空輸入。那麼,每種狀態下系統都要考慮到,也都要有相應的反應。

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

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

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

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

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

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

13、要抱着做完美產品的心態去設計產品。

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

在產品設計或製作的過程中,可能常常會有這種感覺:“好像哪兒不對呀。”以我的經驗來説,這種感覺的出現往往是自己忘掉了一些地方或做的東西中有錯誤,潛意識在提醒我們。所以,在這種情況下,一定要相信自己的直覺,來對相應的模塊或功能進行審查,找出不合理的地方進行修改或彌補。

現實裏,每個公司的資源都是有限的。而做一個網站也好,做一個產品也好,公司能夠提供的資源也是有限的。因此,作為產品經理或設計人員,一定要有現實感。要知道在現有資源情況下,能夠做到什麼程度。比如:不要指望一個拿3000塊工資的美工設計出一流的頁面,也不要指望一個臨時來幫忙上傳資料的同事能夠一步到位地將資料的格式調整到最好的狀態,更不要指望剛畢業的程序員能夠迅速地解決你所提出的bug。一句話,不要指望同事做出超過其能力以外的事情,不要指望公司提供超出其能力範圍外的資源。

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

第9篇

以前我一直在做網頁,不過是在博客上,那裏提供了模板,只需要自己在裏面添舔改改就行了,對一些代碼我更本就看不懂,現在好了,雖然我不是很會,但是可以看懂一些了,也能改一些代碼了。

通過這五週的學習,在老師的精心教導下和同學們的幫助下,以及通過自己在平時的學習和實踐,對asp動態網頁知識有了初步認識。

通過學習asp動態網頁,不但增加了我的知識面,還使我學會了很多以前不會使用的工具,當然這樣還不夠,因為我還有很多需要學習的地方,asp課程雖然上完了,但是在以後的時間裏我一定會繼續努力,爭取做更多的精美的網頁出來。

通過asp動態網頁的`學習還讓我明白了做網頁時頁面不一定要很複雜,但留白的地方不能很多,這樣看起來就不會覺得呆板,反面顯得有層次,比較高檔,而且百看不厭。

網頁的特點就是要有一副漂亮的背景圖,整個頁面看起來就比較舒服。

網頁的文字要排得整齊緊湊,這樣才能給人一種舒服的感覺。

在網頁適當的地方可以加一些圖片,每張畫面再加一些不同的文字説明和加一些不同的文字效果,再加一些小動畫,這樣網頁會顯得更加的精美。

這次做的網頁雖不是很好看,可是我花了很多時間來按成它,所以呢它對我以後做網頁有很大的幫助。

在此次做網頁的過程中也讓我學到了很多東西,所以呢從我內心來説我是很滿意我的這次經歷,同時也要謝謝老師安排這樣的考試,為什麼呢?因為在製作過程中我不僅學到了書上沒有的東西,也培養了我獨立思考問題的能力,同時還增強了同學之間的團結互助的友誼。

因此,不論從哪個角度來説,老師此次佈置的任務是上大學以來唯一把知識用於實踐的第一回,再一次謝謝你老師。

第10篇

計算機技術的發展使信息事業產生了飛躍,互聯網在信息傳播中扮演了無比重要的角色。從最初簡單的純文本界面到如今五光十色的多媒體界面,網頁設計經過短短十多年的發展,已在世界各地產生了廣泛的影響。作為一門與視覺傳達設計密切相關,並具有功能性的設計藝術,網頁設計始終必須遵循形式與功能的統一性和協調性,藝術與技術的高度統一。

網頁設計者在掌握了網站、網頁的構建技術之後,所面臨的關鍵性的問題之一就是網頁的色彩搭配。在五彩繽紛的世界中,色彩是吸引視覺的重要因素。就感覺而言,色彩與形狀相比能夠產生更直接、更強烈的影響。

現代社會,人們每時每刻都要與色彩打交道,追求時尚、體驗消費已經成為一種文化,體現出人們對高品質生活的追求愈加強烈。當我們步入商場、超市的時候,各類琳琅滿目的商品,以優美的造型、鮮豔的色彩展現在我們面前,我們在仔細享受那些獨特造型和美妙色彩的商品時,更容易被那些具有強烈色彩的物品所吸引,這便是色彩的作用,因為顏色在現代設計中具有強烈的視覺感召力和表現力。

對於網頁設計來講,其信息內容的有效傳達是通過各種構成要素的設計來實現的。網頁的構成要素包括文字、圖形、圖像、標誌、色彩等。其中,色彩的設計尤為重要。從一定意義上説,網頁也是一種藝術品,因為它既要求文字的優美流暢,又要求頁面的新穎、整潔,使色彩可以產生強烈的視覺效果,使頁面更加生動。而且瀏覽者在瀏覽網頁時,留下的第一印象就是頁面的色彩設計,它的效果直接影響到閲讀者的瀏覽興趣。因此,色彩設計在網頁中居於十分重要的位置。

1.色彩的.鮮明性。網頁的色彩要鮮明突出,容易引人注目。

2.色彩的獨特性。要有與眾不同的色彩,使得學習者對網頁具有深刻的印象。

3.色彩的合適性。色彩和你表達的內容相適合。如用粉色體現女性主題網頁的柔性。

4.色彩的聯想性。不同色彩會產生不同的聯想,藍色想到天空,黑色想到黑夜,紅色想到喜事等,選擇色彩要和網頁的內涵相關聯。

當一個網頁作品色調決定了之後,就應該考慮它的主次關係和色彩搭配,而不能平均的使用色彩。色彩面積大小是直接影響色調的重要因素,色彩搭配首先要考慮大面積色彩的安排。決定了畫面中的主色,往往就決定了它的調子和方向,接下來就是要考慮用什麼顏色來調配它們之間的比重,並確定調和到什麼程度,才能符合自己策劃的畫面的氛圍。得體的色彩表現和藝術處理,能在瀏覽者的視覺中產生奪目的效果。同時,色彩的運用要考慮內容的需要,用不同色彩對比的效果來表達不同內容和思想。

運用相同色系色彩。這種搭配易於使網頁色彩趨於一致,使網頁色彩達到網頁和諧統一的效果,因而是一種風險極小的搭配方法,缺點是容易造成頁面的單調,因此往往利用局部加入對比色來增加變化,如局部使用對比色彩的圖片等。

運用對比或互補色。這種方式可以使色彩關係豐富多樣,諧調、悦目,容易達到活潑、運動的網頁效果,特別適合體現輕鬆素材的網站,在設計時需要注意主體色彩的運用,以一種或兩種色彩占主導地位,再用相異的色彩作為陪襯、點綴和調節。

使用黑、白、灰的特殊作用。黑、白、灰的對比作用既強烈有效,又微妙而耐人尋味,不能因為它“無彩”而有所忽略,它們在畫面中充當過渡色,能夠以色彩的中性使畫面調和,以自身的單調使畫面豐富,使色彩搭配技術更上一層樓。

網頁設計要與網站的色彩相統一,是指在整個網站中,色彩的含義始終保持一致,不過多改變,在整個網頁佈局中,各區域的背景色,各種按鈕的顏色應基本不變,在同一區域中,顏色的運用更應該保持一致。

網站色彩的運用要與內容主題相統一,是指在設計網頁時,一定要根據內容確定一個色彩基調,如內容活潑的常用鮮豔、亮麗的色調。政治類的常用暖色調,它對於烘托主題思想,表現環境氣氛,構成一定的情境有重要作用。

要通過色彩的對比,使網頁內容主次分明、層次清晰,比如所以淺色背景用深色字,深色背景用淺色字,用鮮豔色彩作為活動中的前景,以冷色,暗色、淺色作為背景等。

1.對多數網頁特別是有大面積文字的網頁來説,應採用白色或淺色的背景,如淺灰色、淡黃色、淺藍色或淺綠色,文字採用黑色或深顏色;

2.避免在淺色背景使用明亮顏色的文字,因為這樣文字會很難辨認;

3.深顏色背景上使用淺色的文字是一種很好的組合,但是如果不是特別需要,應留作那些需要引起瀏覽者特別注意的小塊區域和場合,比如標題圖形等;

4.使用黑色背景許多時候顯得太沉重,可以考慮使用深灰色、深藍、栗色等;

5.白色、淺灰色、淺藍色、淺綠色、淺褐色很適合作為深色背景上的文字顏色;

6.大的、粗體的文字比常規尺寸的文字更適合使用;較強的顏色,可考慮鮮紅色,橙色,明亮的藍色,但注意不要濫用。

網頁色彩設計已經不只是一般的美工,而是綜合了許多其他學科的實踐應用領域,它涉及美學、光學、心理學、教育學和民俗學等多門學科。因此,網頁的色彩設計需要有更高的要求。準確的、有創意的色彩設計,對網站的宣傳推廣有事半功倍的作用。

第11篇

橙色又稱之為橙黃或者是橘色,它的穿透力僅次於紅色,色感較紅色更暖。在網頁設計中橙色是十分活潑的色彩,給人以華貴而温暖、興奮而熱烈、歡樂與活力的感覺,也是令人振奮的顏色。

橙色在網頁中的使用範圍非常廣泛,可以通過變換色調營造出不同分氣氛,不僅僅能表現出青春活力,也能達到一個穩重的效果。橙色的波長居於紅和黃之間,具有健康、富有活力、勇敢自由等象徵意義,為了讓大家對橙色有更好的理解,下面分別對不同類型網頁進行分析。

整個頁面以橙色為主,通過不同明度和純度的“黃”進行調和,頁面非常融洽而不顯單調。很好的'突出了的圖片,食品圖片色調也是相近的,故不會非常的突兀。而利用白色將網頁分層,有層次感。

整個頁面是利用深橙和淺黃色的搭配來展現的,使頁面看起來更加的温暖,深色的鋪墊,黃色的文字,達到一種突出而不突兀的視覺效果,賦予了網站生命力。

這一個案例使用的顏色相對較多,而橙色的導航輔佐明度較高的卡其色,不會顯得非常凌亂,反而更加有特色,很活潑。加上利用一些綠色的按鈕來點綴頁面,頁面就顯得不那麼單調,有萬橙之中一點綠的視覺效果。

頁面用的色彩相對較雜,但讓人感覺亂中有序。大家可以注意到,頁面都是採用深紅色作為文字,而橙色出現在紅色文字的附近,例如頂部的橙底紅字,大標題紅色小標題橙色,這些元素就使頁面亂中有序。

總結:橙色運用的非常多,調整飽和度、純度都可以達到非常好的視覺效果,當然在視覺衝擊力的同時,可適當採用少許對比色調和緩和於視覺,從而削弱視覺的疲勞度。