第一篇：網(wǎng)頁設(shè)計心得（最終版）

網(wǎng)頁設(shè)計心得

現(xiàn)在行業(yè)網(wǎng)站發(fā)展很快，很多站長都準(zhǔn)備在這個領(lǐng)域一展身手，下面這些關(guān)于行業(yè)網(wǎng)站設(shè)計的思路，應(yīng)該對大家有很大幫助。

很多設(shè)計師認(rèn)為做好了企業(yè)網(wǎng)站就一定能夠做好行業(yè)網(wǎng)站的設(shè)計，其實對設(shè)計來說行業(yè)網(wǎng)站和企業(yè)網(wǎng)站的設(shè)計截然不同，對整個網(wǎng)站的創(chuàng)意、風(fēng)格、整體框架布局、文字編排、圖片的合理利用，空間的合理安排上面等??有著許多諸多的要求，需要考慮的面更廣，面對的問題也會更多。

一、網(wǎng)站風(fēng)格/創(chuàng)意

風(fēng)格(style)是抽象的。是指站點(diǎn)的整體形象給瀏覽者的綜合感受。整體形象包括站點(diǎn)的版面布局，色彩，字體，瀏覽方式等。如：我們覺得迪斯尼是生動活潑的而IBM則是專業(yè)嚴(yán)肅的。每一個網(wǎng)站都會給人們留下的不同感受。這里我們需要做到的是根據(jù)網(wǎng)站的定位做出網(wǎng)站特有的風(fēng)格。除此我們還需要在風(fēng)格同一上需要把握一下，其實這個風(fēng)格的統(tǒng)一和傳統(tǒng)的印刷出版物沒什么區(qū)別。你網(wǎng)頁上所有的圖像、文字，包括像背景顏色、區(qū)分線、字體、標(biāo)題、注腳什么的，都要統(tǒng)一風(fēng)格，貫穿全站。這樣子用戶看起來舒服、順暢，會對你的網(wǎng)站留下一個“很專業(yè)”的印象。而企業(yè)網(wǎng)站設(shè)計師往往就缺乏這一點(diǎn)，沒有全局意思。創(chuàng)意，所謂創(chuàng)意就是不拘一格？某些設(shè)計師在做創(chuàng)意的時候大費(fèi)周章，做出來確實不可否認(rèn)很有創(chuàng)意、很別致，但往往對于行業(yè)網(wǎng)站的客戶為什么不能接受呢？此時不要太責(zé)怪客戶的不識貨，應(yīng)該反思，抓住客戶的需求。其實做行業(yè)網(wǎng)站不需要很多大的創(chuàng)意，也不要浪費(fèi)過多的時間去追求如何個性、如何好看，我們只需要一點(diǎn)小小的創(chuàng)意貫穿全站，也許會使網(wǎng)站更生動更具有吸引力、更有思想。

二、網(wǎng)站LOGO

Logo顧名思義就是站點(diǎn)的標(biāo)志圖案，logo最重要的就是用圖形化的方式傳遞網(wǎng)站的定位和經(jīng)營理念、同時便于人們識別。網(wǎng)站logo的設(shè)計過程中一般有以下三種思路：1.直接以網(wǎng)站網(wǎng)址作為logo。2.根據(jù)網(wǎng)站提供的產(chǎn)品/服務(wù)特點(diǎn)展開logo設(shè)計。3.以傳遞網(wǎng)站運(yùn)營商的經(jīng)營理念為特色。

三、視覺流程

人們在閱讀某種信息時，視覺總有一種自然的流動習(xí)慣，先看什么，后看什么，再看什么。在心理學(xué)的研究表明，一般的瀏覽習(xí)慣是從上到下、從左到右，在一個平面上，上松下穩(wěn)而壓抑。同樣，平面的左松右穩(wěn)。所以平面的視覺影響力上方強(qiáng)于下方，左側(cè)強(qiáng)于右側(cè)。

這樣平面的上部和中上部被稱為“最佳視域”，也就是最優(yōu)選的地方。在網(wǎng)頁設(shè)計中一些突出或推薦的信息通常都放在這個位置。當(dāng)然這種視覺流程只是一種感覺并非一種固定的公式，只要符合人們的心理順序和邏輯順序，就可以更為靈活地運(yùn)用，在網(wǎng)頁設(shè)計中，靈活而合理地運(yùn)用直接影響到傳達(dá)信息的準(zhǔn)確與有效性。

四、網(wǎng)頁框架與布局

網(wǎng)頁布局大致可分為“國”字型、拐角型、“T”字型、“L”字型、綜合框架型、Flash型、變化型，在這里就不做一一論述了。其實在我們在做設(shè)計的時候并沒有過多的去考慮什么形式，比如我們在一張紙看到一個圓形的東西，很容易可以聯(lián)想到它像太陽，而有些人則聯(lián)想到月亮等等。這都是一種形式比喻，最重要的是抓住客戶的需求，把握網(wǎng)站的定位做處合理的框架布局。

1． 分辨率

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

2． 合理廣告

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

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

3．空間的合理利用

很多的網(wǎng)頁都具有一個特點(diǎn)，用一個字來形容，那就是“塞”，它將各種各樣的信息如文字、圖片、動畫等不加考慮的塞到頁面上，有多少擠多少，不加以規(guī)范，導(dǎo)致瀏覽時會遇到

很多的不方便，主要就是頁面主次不分，喧賓奪主，要不就是沒有重點(diǎn)，沒有很好的歸類，整體就像各大雜燴。讓人難以找到需要的東西。有的則是一片空白失去平衡，也可以用個“散”字來形容。

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

4．文字編排

在網(wǎng)頁設(shè)計中，字體的處理與顏色、版式、圖形化等其他設(shè)計元素的處理一樣非常關(guān)鍵。

4.1文字圖形化

文字圖形化就是將文字用圖片的形式來表現(xiàn)，這種形式在頁面的子欄目里面最為常用，因為它具有突出，同時又美化了頁面，使頁面更加人性化加強(qiáng)了視覺效果。是文字無法達(dá)到的。對于通用性的網(wǎng)站弊端就是擴(kuò)展性不強(qiáng)。

4.2強(qiáng)調(diào)文字

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

第二篇：網(wǎng)頁設(shè)計心得

網(wǎng)頁設(shè)計學(xué)習(xí)心得

姓名：馮宇婷班級：09藝設(shè)一班學(xué)號：0908021006指導(dǎo)老師：葛書河

網(wǎng)頁設(shè)計學(xué)習(xí)心得

隨著社會的發(fā)展，計算機(jī)和網(wǎng)絡(luò)已經(jīng)深入到我們的生活。網(wǎng)頁設(shè)計業(yè)也隨之變成我們當(dāng)代大學(xué)生需要掌握的一項技能。為了符合時代的發(fā)展，學(xué)校也為我們安排了網(wǎng)頁設(shè)計的課程。

通過幾周的學(xué)習(xí)，我掌握了制作網(wǎng)頁的一些基本技能。同時也加深了對photoshop、fireworks這些輔助網(wǎng)頁制作軟件的了解應(yīng)用。

在整個學(xué)習(xí)過程中，老師主要是通過將現(xiàn)有的一些優(yōu)秀網(wǎng)頁作為教程模板，對網(wǎng)頁的制作過程進(jìn)行拆解分析，向我們教授網(wǎng)頁制作的方法和技巧。

在整個網(wǎng)頁制作過程中，表格的構(gòu)思、圖片的處理、超級鏈接的建立，表單的設(shè)立等等，每一個步驟都是需要細(xì)致考量的。

就拿表格來說，在網(wǎng)頁制作中，表格起著至關(guān)重要的作用，是網(wǎng)頁制作的基礎(chǔ)，作為網(wǎng)頁的骨架，決定了網(wǎng)頁的排版。在明確了網(wǎng)頁的主題之后，要考慮的就是表格框架的構(gòu)成。一個好的框架可以使網(wǎng)頁的制作更加簡潔方便，提高制作網(wǎng)頁的效率。

當(dāng)然，網(wǎng)頁制作并不是像想象中的那么簡單，其中讓我覺得比較意外的是圖片的處理。在網(wǎng)頁制作過程中，圖片的插入是吸引網(wǎng)頁閱覽者注意力的主要方式。但是圖片的處理卻比較特殊，插入網(wǎng)頁中的圖片為了能夠在較短的時間內(nèi)被閱覽，就要保證圖片的內(nèi)存很小，所以圖片的像素較低，同時圖片保存的格式也應(yīng)看圖片顏色的實際情況

而定。所要插入的圖片如果需要進(jìn)行調(diào)整，必須要通過別的軟件進(jìn)行處理，同時還要對圖像的大小進(jìn)行估計。這就需要dreamweaver與photoshop的通力合作了。對于我來說，圖片的處理還存在一定的難度，一張圖片處理的好，需要的不僅僅是能夠熟練使用軟件，還需要有創(chuàng)意。

在網(wǎng)絡(luò)的世界中，幾乎沒有哪一張網(wǎng)頁是孤獨(dú)存在的。單張的網(wǎng)頁不免顯得單薄，缺少內(nèi)容。為了能夠滿足大眾更多的閱覽需求，將不同網(wǎng)頁中相關(guān)內(nèi)容聯(lián)系在一起變得舉足輕重。此時，超級鏈接就開始發(fā)揮其“說客”作用，將圖片與文字進(jìn)行不同的組合，使網(wǎng)頁形式更加豐富的同時也為閱覽者提供了更大范圍的閱讀量。如果表格和圖片是網(wǎng)頁的血肉，那么超級鏈接就是網(wǎng)頁的靈魂，主導(dǎo)著網(wǎng)頁的擴(kuò)展方向。

通過網(wǎng)頁設(shè)計這門課的學(xué)習(xí)，我已經(jīng)掌握了一些基礎(chǔ)的格式設(shè)定，這讓我受益匪淺。但是那是遠(yuǎn)遠(yuǎn)不夠的，在網(wǎng)頁設(shè)計的過程中，我接觸到的當(dāng)然不是只有這些。其中表單的設(shè)計、css樣式的設(shè)定、代碼的編寫還有很多的內(nèi)容需要我自己去深入學(xué)習(xí)。更多的內(nèi)容都需要我通過不斷練習(xí)和發(fā)現(xiàn)才能真正熟練應(yīng)用。

第三篇：網(wǎng)頁設(shè)計心得

一.充分發(fā)揮動手能力作為網(wǎng)頁設(shè)計的初學(xué)者，我對網(wǎng)頁設(shè)計非常感興趣，一心想設(shè)計出一個美觀、實用、內(nèi)容豐富的個人網(wǎng)頁。這次的教改方案由以前我們單純接受知識變?yōu)橹鲃訁⑴c教學(xué)活動。在這樣的壓力和動力下，通過自己動手、動腦，通過網(wǎng)絡(luò)資源，老師的指導(dǎo)，在不斷發(fā)現(xiàn)問題和解決問題的過程中學(xué)到了很多知識，也增強(qiáng)了我的創(chuàng)作能力和動手能力，在網(wǎng)頁設(shè)計過程中，從構(gòu)思到設(shè)計、完善、維護(hù)，整個過程我都全身心投入，使我真正學(xué)到了網(wǎng)頁設(shè)計的知識。

二.在設(shè)計過程中不斷提高網(wǎng)頁設(shè)計水平在本次網(wǎng)頁設(shè)計中，我不僅學(xué)到了很多關(guān)于網(wǎng)頁設(shè)計方面的知識，也從中學(xué)會了關(guān)于網(wǎng)絡(luò)、編程等方面的知識。我從最初開始運(yùn)用FrontPage設(shè)計網(wǎng)頁，到后來運(yùn)用Dreamweaver、Flash、Fireworks等網(wǎng)軟件設(shè)計網(wǎng)頁，完善網(wǎng)頁。在這個過程中，我通過自學(xué)教材、上網(wǎng)查詢，學(xué)習(xí)了Dreamweaver、Flash、Fireworks等網(wǎng)頁軟件的應(yīng)用，學(xué)會了管理、維護(hù)自己的站點(diǎn)，以及一些簡單動畫、控件的制作等等。在設(shè)計過程中也出現(xiàn)了很多的問題，但通過看書，上網(wǎng)查詢，請教老師等方式，不斷的學(xué)習(xí)、解決、提高，設(shè)計出的網(wǎng)頁不論是外觀還是內(nèi)容，都在不斷的進(jìn)步、改善?？梢哉f在自己動手，不斷實踐的過程中，網(wǎng)頁設(shè)計水平得到了很大的提高。

三.不足之處對于網(wǎng)頁設(shè)計軟件的強(qiáng)大功能運(yùn)用得還不夠。在網(wǎng)頁設(shè)計過程中，由于沒有網(wǎng)頁制作代碼的知識，所以在設(shè)計時 也遇到了很多麻煩，有時插入一個特效腳本也是很麻煩。在網(wǎng)頁制作過程中，想提高設(shè)計水平，想有個理想的網(wǎng)頁，必須學(xué)會代碼的運(yùn)用，我將在以后的學(xué)習(xí)過程中不斷加強(qiáng)這方面的學(xué)習(xí)，希望老師能簡單介紹一下代碼，讓我也對它有個初步的認(rèn)識，以后再加強(qiáng)學(xué)習(xí)也才會有所提高。

總體來說，通過今次的對網(wǎng)頁設(shè)計的學(xué)習(xí)，有收獲也有遺憾、不足的地方，但我想，我已經(jīng)邁入了網(wǎng)頁設(shè)計的大門，只要我再認(rèn)真努力的去學(xué)習(xí)，去提高，憑借我對網(wǎng)頁設(shè)計的熱情和執(zhí)著，我將來設(shè)計出的網(wǎng)頁會更加專業(yè)，更完善。也希望老師在今后的日子里多指導(dǎo)。

第四篇：網(wǎng)頁設(shè)計心得

網(wǎng)頁設(shè)計心得

一轉(zhuǎn)眼，網(wǎng)頁設(shè)計課程已經(jīng)結(jié)束。這門課程對于我們理工科的學(xué)生來說是非常實用的，只可惜在剛剛學(xué)到一些皮毛就要告別對它的學(xué)習(xí)。

老師給我們布置的期末作業(yè)是制作一個小型網(wǎng)站，下面，讓我介紹一下我們小組制作網(wǎng)頁的一些心得。

我們小組選定的制作主題是軍事，相比起其他的一些小組來說，我們制作的網(wǎng)站雖然涉及的方面比較少，但是卻避免了雜亂無章和內(nèi)容顯淺的情況出現(xiàn)。我們不求大不求多不求廣，卻是求精，求專業(yè)。我們希望能夠用我們小小的力量像螞蟻搬家一樣搭建一個大大的網(wǎng)站。

在制作主頁的時候，我們費(fèi)了較大的周折。整個團(tuán)隊提出了幾個不同的布局方案：A，按歷史的發(fā)展編排主題。B，按最新的軍事科技進(jìn)行系統(tǒng)介紹。C,按各種海軍，陸軍，空軍的發(fā)展史進(jìn)行制作。每種方法都有各自的優(yōu)缺點(diǎn)，最后，我們選擇了比較折中的C方案。于是，在我們的主頁就可以看到這樣一排主題：海軍，空軍，陸軍，十大元帥，軍事趣文

十大元帥和軍事趣文這兩個主題是我們在后期制作中添加進(jìn)去的。我們認(rèn)為新中國建國后的十大元帥為中國的軍事發(fā)展做出了不可磨滅的奉獻(xiàn)，在我們的軍事網(wǎng)站中缺少了他們是怎么都說不過去的。牢記歷史，把握今天，這也是我們的初衷。后來我們又感覺單純討論、介紹軍事和兵器知識實在過于嚴(yán)肅，所以就特別添加了“軍事趣文“這個版塊。

在制作過程中，我們通過動手實踐更加加深了對Front Page 2003的認(rèn)識，同時也鍛煉了我們的操作能力。對于主頁，我們多用表格進(jìn)行排版，因為主頁主要是排放圖片、各版的文字介紹、最新軍事新聞等內(nèi)容。只有使用表格才能使主頁看起來更加整潔規(guī)范。在主頁我們使用的主色調(diào)是黑色和白色。因為我們確定的風(fēng)格以嚴(yán)肅、專業(yè)為主，選擇黑色和白色會看起來會更加嚴(yán)肅。在選擇圖片的時候我們也盡量避免選擇過于花哨的圖片，以配合我們的主題和風(fēng)格。

我制作的板塊是軍事圖片和軍事趣文。在安放圖片的時候我選擇使用“圖片庫”組件，這樣讓可以讓圖片看起來更加整潔美觀，不會顯得雜亂無章。使用幻燈片的形式播放頁可以增加網(wǎng)頁打開的速度，也能讓瀏覽者感受到我們的用心。在軍事趣味版塊我也花了很多心思去收集考證資料。在網(wǎng)上，隨便就能搜索到很多軍事方面的趣文。但是，為了突出我們的網(wǎng)站的專業(yè)性，我在選擇資料方面還是比較謹(jǐn)慎的。一些有傷領(lǐng)導(dǎo)人形象，無法考證的無稽之談是堅決不不要，敗壞人民軍隊名聲的堅決不要。我的目的只有一個，全力打造我們專業(yè)的軍事網(wǎng)站。雖然短短的幾十個課時就這樣結(jié)束，但是我們今后學(xué)習(xí)網(wǎng)頁制作的步伐卻不會停止。在今后的日子里，我們?nèi)詴孕袑W(xué)習(xí)網(wǎng)頁設(shè)計內(nèi)容，我們的目標(biāo)是力圖全面掌握網(wǎng)站制作知識，努力完善我們制作的網(wǎng)站，最終讓我們的網(wǎng)站真正上網(wǎng)，打造全中國最專業(yè)的軍事網(wǎng)站！

非常感謝盧老師對我們指導(dǎo)，謝謝！

第五篇：網(wǎng)頁設(shè)計心得

學(xué)習(xí)網(wǎng) 頁 設(shè) 計 的 心 得

學(xué)院：班級：姓名：學(xué)號：

新的一學(xué)期又開始了，本來對電腦操作之類的課程學(xué)起來有點(diǎn)困難的我，毅然決然的報了這門網(wǎng)絡(luò)設(shè)計課程。我不禁對該門課程產(chǎn)生了濃厚的興趣。平時，總是在寢室里開網(wǎng)頁逛淘寶，看各種的電視劇，但是，仔細(xì)一想他們的制作原理，還真讓我有所好奇呢。于是呢，我就進(jìn)入了這門課程的學(xué)習(xí)。

這學(xué)一門學(xué)科重在入門，跟學(xué)習(xí)別的東西一樣，學(xué)習(xí)網(wǎng)頁設(shè)計也需要興趣，所謂的興趣也不是三分鐘熱度，是一種執(zhí)著。通過Dreamweaver作為制作軟件，只需要用到軟件中的一些基本的功能：圖片插入和對齊設(shè)置；文字的格式、顏色、背景顏色的設(shè)置等就可以制作出一個簡單的網(wǎng)頁。通過個人網(wǎng)頁的制作最終把自己的網(wǎng)頁上傳到互聯(lián)網(wǎng)上，那種成就感是無法用語言形容的。

學(xué)習(xí)網(wǎng)頁設(shè)計需要耐心，如果你沒有耐心，你學(xué)不好網(wǎng)頁設(shè)計，應(yīng)為當(dāng)你碰到一個問題時，如果不能立刻得到問題的答案，你可能需要很長時間去解決，我就碰到過一個問題，用了半個月時間才解決。還好在這期間有老師進(jìn)行耐心的指導(dǎo)。不得不很慚愧的說，很多時候老師講完一遍之后，我仍然會因為一些細(xì)節(jié)上的問題，而導(dǎo)致之后的步驟難以進(jìn)行，或者是不能顯示出應(yīng)有的效果。這是我很頭疼。我也曾經(jīng)放棄過，覺得這門學(xué)科無聊又難懂，可能我天生就不是學(xué)習(xí)這塊的料兒。但是，老師從來沒有放棄過哪個同學(xué)，面對著頻頻出錯的我們，一直都耐心講解，并且?guī)椭覀兘鉀Q困難，老師的熱心，對學(xué)術(shù)專研的認(rèn)真嚴(yán)謹(jǐn)?shù)膽B(tài)度深深地印在我的腦海里。老師時常微笑著替我們解答，這讓我感覺如沐春風(fēng)。感覺自己上了大學(xué)兩年了，很少有老

師這樣的關(guān)注我，上課睡覺，玩手機(jī)是常有的事情，但是，自從上了這一門課開始，我好想找到了自我一般。不再是那個進(jìn)入大學(xué)之后懵懵懂懂，自暴自棄，對自己完全沒有約束任由自己隨心所欲的自己了，我感受到了人與人之間的相互理解包容，我在老師的鼓勵中，感受到了動力的源泉。我想到了最初，那時，我剛剛進(jìn)入大學(xué)對未來的一切都有著美好的盼望，但是，慢慢地都被現(xiàn)實磨干凈了，不再是那個每天開開心心有目標(biāo)有理想知道自己想要做什么的我。那么從現(xiàn)在開始的我就從做好網(wǎng)頁設(shè)計的每一步開始，仔仔細(xì)細(xì)，認(rèn)認(rèn)真真，完成自己最初的夢想。做一個積極向上陽光的人。

我想學(xué)習(xí)一門學(xué)科不單單是這門學(xué)科的基礎(chǔ)內(nèi)容，更重要的是它讓我感受到了生活的真正意義，這是我受益匪淺。更加感謝老師，或許很難想象，但是他就是這樣的影響了我的生活。所以，在今后的閑余時間，我將會學(xué)習(xí)制作網(wǎng)頁的更多知識，使它成為自己的一項技能。