第一篇:網(wǎng)頁設(shè)計心得體會
跟學(xué)習(xí)別的東西一樣,學(xué)習(xí)網(wǎng)頁設(shè)計也需要興趣,所謂的興趣也不是三分鐘熱度,是一種執(zhí)著。
學(xué)習(xí)網(wǎng)頁設(shè)計需要耐心,如果你沒有耐心,你學(xué)不好網(wǎng)頁設(shè)計,應(yīng)為當(dāng)你碰到一個問題時,如果不能立刻
得到問題的答案,你可能需要很長時間去解決,我就碰到過一個問題,用了半個月時間才解決。
學(xué)習(xí)網(wǎng)頁設(shè)計需要堅持,堅持不斷的學(xué)習(xí),因為設(shè)計網(wǎng)頁的軟件在不斷的更新,你不斷的學(xué)習(xí)
不要掉入技術(shù)的陷阱,你的網(wǎng)頁設(shè)計技術(shù)一流,你對軟件的掌握程度已經(jīng)達到一定水平,但是你設(shè)計的網(wǎng)
頁確不堪目睹,這是因為網(wǎng)頁設(shè)計是是介于平面設(shè)計和編程技術(shù)兩者之間的"邊緣科學(xué)."不僅涉及到美學(xué),
心理學(xué),平面構(gòu)成,色彩搭配等平面設(shè)計的方面的知識,還涉及到html,javascript,css,asp,php等編程語言
技術(shù)方面的知識.只有綜合運用多種知識,才能設(shè)計出視聽特效,動感十足,富于個性的www.seogis.comwww.seogis.comweaver制作網(wǎng)頁,我用到了一些基本的功能:圖片插入和對齊設(shè)置;文字的格式、顏色、背景顏色的設(shè)置等。但是在自己嘗試著做的時候,總是出現(xiàn)這里那里的問題。不是圖片不能固定在自己想要的位置,就是滾動文本的顯示區(qū)域不知道為什么撐過了頁面,還有就是不同分辨率、不同瀏覽器都會對瀏覽網(wǎng)頁產(chǎn)生影響。而且在css方面,我總是不太熟悉各種代碼是控制哪些東西的。除了查找解決問題我還總結(jié)了經(jīng)驗。例如:1、命名站點或者文件夾的的時候一定要注意,最好用相應(yīng)的英語或者漢語拼音,要見名知意,如圖片文件夾用image或者tu,這樣可以避免頁面調(diào)用時不正確的現(xiàn)象發(fā)生。2、調(diào)用style時可以單擊鼠標(biāo)右鍵選擇custon style來調(diào)用style標(biāo)準(zhǔn),也可以在狀態(tài)欄中的元素列表上單擊右鍵來調(diào)用style。雖然不同的方法達到的效果看似一樣,但實際上產(chǎn)生的html代碼則完全不同。在這個過程中,我同樣認(rèn)識到網(wǎng)頁設(shè)計不是一門學(xué)科的獨秀,而是多種課程的綜合,它是flash、photoshop等網(wǎng)頁軟件的綜合應(yīng)用。例如flash提供了功能齊全的繪圖和編輯圖形工具?梢灾苯釉诰庉媴^(qū)里繪畫,編輯修改非常靈活,它的另一大特點是“交互性”強。在動畫播放時,可以用鼠標(biāo)或鍵盤對動畫的播放進行控制,可以很直觀的反映出效果。 頁面設(shè)計應(yīng)以美觀、大方、簡潔為原則,保持一致的風(fēng)格。為了達到最佳的視覺表現(xiàn)效果,應(yīng)講究整體布局的合理性,使瀏覽者有一個流暢的視覺體驗。網(wǎng)頁最主要的功能就是給每個上網(wǎng)者提供一種形式,讓他們能夠了解網(wǎng)站提供的信息。要研究網(wǎng)頁設(shè)計,就需要站在用戶的角度來看。用戶是一個網(wǎng)站成敗的關(guān)鍵。如果用戶要花很多時間進入網(wǎng)站,很有可能他會立即關(guān)掉網(wǎng)站,或者網(wǎng)站操作很不方便用戶也會馬上離開,這種網(wǎng)站是很失敗的設(shè)計,只會讓用戶失望的離去。所以網(wǎng)頁容量即包括圖像在內(nèi)的網(wǎng)頁字節(jié)數(shù)最好不要超過50k。
- 1 -
還涉及到界面弱化的問題。一個好的界面設(shè)計它的界面是弱化的,它突出的是功能,著重體現(xiàn)的是網(wǎng)站業(yè)提供給使用者主要是什么。這就涉及到瀏覽順序、功能分區(qū)等等。要讓訪客在0.5秒內(nèi)就能把握網(wǎng)站的行業(yè)性質(zhì),1秒內(nèi)就知道該從哪個地方開始使用這個網(wǎng)站,能點一次的,絕不點第二次。當(dāng)然上面說的是大多數(shù)功能性網(wǎng)站,對于宣傳展示性網(wǎng)站,諸如加特效的或flash網(wǎng)站,可能就不得不花哨一些,但不能太過分。網(wǎng)站不是動畫片,在效率越來越高,社會心理越來越浮躁的中國,人們的耐心越來越小,心理承受能力越來越低。效果可以體現(xiàn)意境,點到為止。
下面簡單介紹下網(wǎng)頁設(shè)計的理念和要點。網(wǎng)頁設(shè)計理念:(1)內(nèi)容決定形式:先把內(nèi)容充實上,再分區(qū)塊,再定色調(diào),再處理細節(jié)。(2)先整體,后局部,最后回歸到整體:全局考慮,把能填上的都填上,占位置。然后定基調(diào),分模塊設(shè)計。最后調(diào)整不滿意的幾個局部細節(jié)。(3)功能決定設(shè)計方向: 看網(wǎng)站的用途,決定設(shè)計思路。商業(yè)性的就要突出贏利目的;政府型的就要突出形象和權(quán)威性的文章;教育性的,就要突出師資和課程。 網(wǎng)頁設(shè)計的兩大要點是:整體風(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、用兩種色彩。先選定一種色彩,然后選擇它的對比色。3、用一個色系。就是用一個感覺的色彩,例如淡藍,淡黃,淡綠;或者土黃,土灰,土藍。在網(wǎng)頁配色中,還要切記一些誤區(qū):1、不要將所有顏色都用到,盡量控制在三至五種色彩以內(nèi)。2、背景和前文的對比盡量要大(絕對不要用花紋繁復(fù)的圖案作背景),以便突出主要文字內(nèi)容。
不積跬步,無以至千里。我已經(jīng)在老師的指引下邁入了網(wǎng)頁設(shè)計的大門,在今后的閑余時間繼續(xù)認(rèn)真學(xué)習(xí)制作網(wǎng)頁的更多知識以實現(xiàn)自身技能的提高。
第五篇:網(wǎng)頁設(shè)計心得體會報告
心得體會之網(wǎng)頁設(shè)計 網(wǎng)頁設(shè)計心得體會報告
網(wǎng)頁設(shè)計伴隨著網(wǎng)絡(luò)的快速發(fā)展而快速興起,作為上網(wǎng)的主要依托,由于人們使用網(wǎng)絡(luò)的頻繁而變得非常重要。生活中我每天上網(wǎng)都要接觸到網(wǎng)頁,原來沒有留意過網(wǎng)頁的設(shè)計,但是經(jīng)過這段時間的學(xué)習(xí)了解,現(xiàn)在我打開一個網(wǎng)頁都會習(xí)慣性的先看看排版、布局和色彩運用。
通過老師的講解和對課本的翻閱,我學(xué)習(xí)到了一些關(guān)于建設(shè)網(wǎng)站和制作網(wǎng)頁的知識,對網(wǎng)頁制作的基礎(chǔ)知識也有了一定的掌握。通過dreamweaver制作網(wǎng)頁,我用到了一些基本的功能:圖片插入和對齊設(shè)置;文字的格式、顏色、背景顏色的設(shè)置等。但是在自己嘗試著做的時候,總是出現(xiàn)這里那里的問題。不是圖片不能固定在自己想要的位置,就是滾動文本的顯示區(qū)域不知道為什么撐過了頁面,還有就是不同分辨率、不同瀏覽器都會對瀏覽網(wǎng)頁產(chǎn)生影響。而且在css方面,我總是不太熟悉各種代碼是控制哪些東西的。除了查找解決問題我還總結(jié)了經(jīng)驗。例如:1、命名站點或者文件夾的的時候一定要注意,最好用相應(yīng)的英語或者漢語拼音,要見名知意,如圖片文件夾用image或者tu,這樣可以避免頁面調(diào)用時不正確的現(xiàn)象發(fā)生。2、調(diào)用style時可以單擊鼠標(biāo)右鍵選擇custon style來調(diào)用style標(biāo)準(zhǔn),也可以在狀態(tài)欄中的元素列表上單擊右鍵來調(diào)用style。雖然不同的方法達到的效果看似一樣,但實際上產(chǎn)生的html代碼則完全不同。在這個過程中,我同樣認(rèn)識到網(wǎng)頁設(shè)計不是一門學(xué)科的獨秀,而是多種課程的綜合,它是flash、photoshop等網(wǎng)頁軟件的綜合應(yīng)用。例如flash提供了功能齊全的繪圖和編輯圖形工具?梢灾苯釉诰庉媴^(qū)里繪畫,編輯修改非常靈活,它的另一大特點是“交互性”強。在動畫播放時,可以用鼠標(biāo)或鍵盤對動畫的播放進行控制,可以很直觀的反映出效果。 頁面設(shè)計應(yīng)以美觀、大方、簡潔為原則,保持一致的風(fēng)格。為了達到最佳的視覺表現(xiàn)效果,應(yīng)講究整體布局的合理性,使瀏覽者有一個流暢的視覺體驗。網(wǎng)頁最主要的功能就是給每個上網(wǎng)者提供一種形式,讓他們能夠了解網(wǎng)站提供的信息。要研究網(wǎng)頁設(shè)計,就需要站在用戶的角度來看。用戶是一個網(wǎng)站成敗的關(guān)鍵。如果用戶要花很多時間進入網(wǎng)站,很有可能他會立即關(guān)掉網(wǎng)站,或者網(wǎng)站操作很不方便用戶也會馬上離開,這種網(wǎng)站是很失敗的設(shè)計,只會讓用戶失望的離去。所以網(wǎng)頁容量即包括圖像在內(nèi)的網(wǎng)頁字節(jié)數(shù)最好不要超過50k。
- 1 -
還涉及到界面弱化的問題。一個好的界面設(shè)計它的界面是弱化的,它突出的是功能,著重體現(xiàn)的是網(wǎng)站業(yè)提供給使用者主要是什么。這就涉及到瀏覽順序、功能分區(qū)等等。要讓訪客在0.5秒內(nèi)就能把握網(wǎng)站的行業(yè)性質(zhì),1秒內(nèi)就知道該從哪個地方開始使用這個網(wǎng)站,能點一次的,絕不點第二次。當(dāng)然上面說的是大多數(shù)功能性網(wǎng)站,對于宣傳展示性網(wǎng)站,諸如加特效的或flash網(wǎng)站,可能就不得不花哨一些,但不能太過分。網(wǎng)站不是動畫片,在效率越來越高,社會心理越來越浮躁的中國,人們的耐心越來越小,心理承受能力越來越低。效果可以體現(xiàn)意境,點到為止。
下面簡單介紹下網(wǎng)頁設(shè)計的理念和要點。網(wǎng)頁設(shè)計理念:(1)內(nèi)容決定形式:先把內(nèi)容充實上,再分區(qū)塊,再定色調(diào),再處理細節(jié)。(2)先整體,后局部,最后回歸到整體:全局考慮,把能填上的都填上,占位置。然后定基調(diào),分模塊設(shè)計。最后調(diào)整不滿意的幾個局部細節(jié)。(3)功能決定設(shè)計方向: 看網(wǎng)站的用途,決定設(shè)計思路。商業(yè)性的就要突出贏利目的;政府型的就要突出形象和權(quán)威性的文章;教育性的,就要突出師資和課程。
網(wǎng)頁設(shè)計的兩大要點是:整體風(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、用兩種色彩。先選定一種色彩,然后選擇它的對比色。3、用一個色系。就是用一個感覺的色彩,例如淡藍,淡黃,淡綠;或者土黃,土灰,土藍。在網(wǎng)頁配色中,還要切記一些誤區(qū):1、不要將所有顏色都用到,盡量控制在三至五種色彩以內(nèi)。2、背景和前文的對比盡量要大(絕對不要用花紋繁復(fù)的圖案作背景),以便突出主要文字內(nèi)容。
針對我所學(xué)的平面設(shè)計方向,那么這次應(yīng)用到了創(chuàng)意思維,版面設(shè)計,色彩配置。圖形創(chuàng)意等方面都很重要,對于網(wǎng)頁設(shè)計作為一種視覺語言,特別講究編排和布局,雖然主頁的設(shè)計不等同于平面設(shè)計,但它們有許多相近之處,版式設(shè)
- 2 -
計通過文字圖形的空間組合,表達出和諧與美。不積跬步,無以至千里。我已經(jīng)在老師的指引下邁入了網(wǎng)頁設(shè)計的大門,在今后的閑余時間繼續(xù)認(rèn)真學(xué)習(xí)制作網(wǎng)頁的更多知識以實現(xiàn)自身技能的提高。
- 3 -
來源:網(wǎng)絡(luò)整理 免責(zé)聲明:本文僅限學(xué)習(xí)分享,如產(chǎn)生版權(quán)問題,請聯(lián)系我們及時刪除。