第一篇：網(wǎng)站設(shè)計(jì)心得體會(huì)

記得那年那一年我正式成立公司當(dāng)時(shí)還在天河體育西路的時(shí)候,心想如果真功夫能夠給我接到手做他們的網(wǎng)站就好了,想不到在XX年的前一個(gè)月朋友就透露說(shuō)真功夫需要改版,我那時(shí)后有點(diǎn)興奮,因?yàn)榻K于有機(jī)會(huì)了,我自己負(fù)責(zé)設(shè)計(jì)我很幸福的申請(qǐng)投搞真功夫的官方網(wǎng)站設(shè)計(jì),當(dāng)時(shí)競(jìng)標(biāo)的公司都必須有邀請(qǐng)競(jìng)標(biāo)書才可以參加,我查了一下參加競(jìng)標(biāo)的公司有好多,十幾家公司一同參與競(jìng)標(biāo),他們都是行內(nèi)頂尖的網(wǎng)站建設(shè)服務(wù)供應(yīng)商,要爭(zhēng)取下來(lái)真的有點(diǎn)困難,但我還是堅(jiān)持一試,于是我委托一些行內(nèi)朋友幫我弄到了那份競(jìng)標(biāo)書,也聯(lián)系上了真功夫的網(wǎng)站建設(shè)負(fù)責(zé)人,我們約好了具體面談的時(shí)間,那天好緊張,同事們很努力的幫我做好了ppt方案。

同我一起前往的還有一位合伙,他主要講技術(shù),我主要講設(shè)計(jì)同一些新的想法,那天去到那里好忙里面好忙,在我們之前的還有兩三個(gè)供應(yīng)商,他們已經(jīng)是提了好幾次方案了,我心想他們會(huì)不會(huì)已經(jīng)談得差不多了,心理有點(diǎn)不大有把握的感覺(jué),到我們了,我們?cè)跁?huì)議室了等著,大概五分鐘后,有位帶黑邊眼鏡的男人進(jìn)來(lái)了,看起來(lái)很有嚴(yán)肅,他坐下了同我們聊了會(huì),問(wèn)你們?cè)趺磿?huì)用我們的競(jìng)標(biāo)書,我當(dāng)時(shí)不知道怎么說(shuō)好,只好說(shuō)是朋友介紹的,他:“哦”了一下,說(shuō):“沒(méi)所謂,反正我們要的是能夠提供好作品的供應(yīng)商,不過(guò)你們應(yīng)該是比較晚來(lái)了,他們已經(jīng)出了好多方案了,你們是否也也什么方案呢”?

我們把ppt方案拿出來(lái)跟他講述了我們的構(gòu)思同想法,我們的賣點(diǎn)是突出真功夫的“新鮮”“便利”“互動(dòng)”“體驗(yàn)”幾個(gè)方面,新鮮呢就主要是體現(xiàn)出其食品的確是既新鮮又有營(yíng)養(yǎng),另外就是網(wǎng)站形式多樣自由更新變換,給會(huì)員有新鮮感,“便利”就是其自己維護(hù)便利,“互動(dòng)”就是充分利用互聯(lián)網(wǎng)同網(wǎng)下會(huì)員的一中互動(dòng)活動(dòng),“體驗(yàn)”就是設(shè)置一些游戲給會(huì)員親身體驗(yàn)其品牌文化,從中讓會(huì)員在體驗(yàn)中深入了解同認(rèn)識(shí)其品牌意識(shí),深深的記憶在消費(fèi)者腦里.另外由于真功夫的食物主要是以蒸煮為主的,很有中國(guó)特色的一種傳統(tǒng)文化,所以我們?cè)O(shè)置了一些中國(guó)文化的元素在我們的方案當(dāng)中。

我們大概聊了大概一個(gè)多鐘,大家都聊得很開心,但最后他給我一句話讓我壓力更大,他說(shuō):“你們作個(gè)平面方案過(guò)來(lái)吧,我對(duì)設(shè)計(jì)的要求很高,雖然我們初次談得不錯(cuò),但最終還要看實(shí)體,如果你們過(guò)來(lái)的平面不行的話我們就不必要繼續(xù)談下去了.包括其它供應(yīng)商也是這樣.”當(dāng)時(shí)，我壓力好大,因?yàn)樗械南Ｍ技耐性谶@一個(gè)平面上了,但沖著這一點(diǎn)我決定我要加班就算是不睡不喝也要把他做好,我回家后收集了好多相關(guān)的資料,然后做了一個(gè)平面過(guò)去,要清楚,這個(gè)平面是生死稿,行就繼續(xù)不行就會(huì)前功盡棄,所以當(dāng)時(shí)做這個(gè)稿做了我一個(gè)通宵,總共做了我26個(gè)小時(shí),幸好,反饋回來(lái)的不是壞消息,興奮的繼續(xù)做深入的方案.我們第二第三次會(huì)面了,從中我們的方案逐漸令到他們覺(jué)得我們很有實(shí)力很有信心做好.在幾次的會(huì)談當(dāng)中,我們出了好幾款風(fēng)格平面給他們,在中我們有想過(guò)放棄,因?yàn)楫?dāng)時(shí)根本還沒(méi)確定是否給我們簽合同,不過(guò)我堅(jiān)持還是做下去,因?yàn)槲液芟Ｍ軌蜃龊眠@單,畢竟也付出了這么多,不可能半途而費(fèi).幸好最后我們的態(tài)度同設(shè)計(jì)都令他們感到合作的誠(chéng)意,于是終于把合同給簽了.工作也陸續(xù)開展下去了....他們每到節(jié)假日都會(huì)做一些活動(dòng)，我們當(dāng)然都會(huì)幫他們做一些活動(dòng)推廣.包括活動(dòng)中的游戲體驗(yàn)等.到最后雖然過(guò)程是艱苦的，但結(jié)果是開心的。

結(jié)束語(yǔ)：萬(wàn)事都有轉(zhuǎn)機(jī)，只要您堅(jiān)持到最后就會(huì)有好的收獲。

第二篇：網(wǎng)站設(shè)計(jì)心得體會(huì)

西部汽車網(wǎng)設(shè)計(jì)心得體會(huì)

其實(shí)，在初次知道我們這學(xué)期的實(shí)踐教學(xué)內(nèi)容是關(guān)于網(wǎng)站設(shè)計(jì)時(shí)，我真的很害怕，也很擔(dān)心。因?yàn)樵谶@兩年多的大學(xué)學(xué)習(xí)中，雖然我也學(xué)習(xí)了一些這方面的知識(shí)，也編寫過(guò)一些簡(jiǎn)單的網(wǎng)頁(yè)，但是對(duì)于那些我弄出來(lái)的東西，連我自己也不敢茍同，更別說(shuō)是讓我設(shè)計(jì)出一個(gè)界面美觀的網(wǎng)站了。所以在聽到老師讓我們?cè)O(shè)計(jì)出一個(gè)網(wǎng)站時(shí)，我真的是腦袋都大了。

不過(guò)還好，老師的要求并不是要求每位同學(xué)各做一個(gè)，而是要求我們一個(gè)班上的幾位同學(xué)組成一個(gè)小組來(lái)完成一個(gè)網(wǎng)站。這樣，就好做多了，人多力量大，大家互補(bǔ)其短，互揚(yáng)其長(zhǎng)，難度就降低了很多，大家心里也有底了。

等組完小組后，我們就開始了我們這個(gè)組究竟做那個(gè)網(wǎng)站了。后來(lái)，經(jīng)過(guò)我們小組的集體商量，我們最終商定制作西部汽車網(wǎng)這個(gè)網(wǎng)站。至于為什么做這個(gè)網(wǎng)站，我們則認(rèn)為一方面是因?yàn)檫@方面的資料比較好收集，另一方面，感覺(jué)也比較簡(jiǎn)單。不過(guò)，即便是這樣，對(duì)于我們來(lái)說(shuō)仍然還是很困難，因?yàn)橐胱龀瞿菢右粋€(gè)界面美觀的網(wǎng)站，還有很多知識(shí)我們不知道。比如網(wǎng)站的創(chuàng)意、風(fēng)格、整體框架布局、文字編排、圖片的合理利用，空間的合理安排上面等等，有著許多諸多的要求，需要考慮。

既然困難這么多，一個(gè)人肯定是不可能在這么短的時(shí)間內(nèi)將這些方面都做完的，于是在接下來(lái)，我們大家則根據(jù)自己的所長(zhǎng)，然后由組長(zhǎng)給我們安排了一個(gè)方面的內(nèi)容。而我呢，由于對(duì)網(wǎng)站的界面美化有過(guò)一定的學(xué)習(xí)，于是，我的任務(wù)就是關(guān)于網(wǎng)站界面美化方面的設(shè)計(jì)。界面設(shè)計(jì)即簡(jiǎn)單又不簡(jiǎn)單，簡(jiǎn)單的是界面設(shè)計(jì)只是在功能設(shè)計(jì)的基礎(chǔ)上作一些美工設(shè)計(jì)；不簡(jiǎn)單的是，要設(shè)計(jì)既得好看，又與功能設(shè)計(jì)很貼切是很考究制作者的美術(shù)和平面設(shè)計(jì)功底的。而我呢，雖然學(xué)習(xí)過(guò)一些這方面的，但要真的做起來(lái)，恐怕還差很遠(yuǎn)，這就要求我在平常去學(xué)習(xí)這方面的知識(shí)了。

于是在任務(wù)安排了以后，我就去學(xué)校圖書館借了一些這方面的專業(yè)書籍，如平面設(shè)計(jì)，工業(yè)設(shè)計(jì)等。另外，我還有時(shí)間就去那些設(shè)計(jì)的比較好的網(wǎng)站內(nèi)去轉(zhuǎn)一轉(zhuǎn)，學(xué)習(xí)其中的優(yōu)點(diǎn)。這樣，一個(gè)多月下來(lái)后，雖然仍還有很多不了解，但是卻也從中學(xué)到了很多。由于我們這個(gè)網(wǎng)站要求的并不是很高，所以經(jīng)過(guò)我這一個(gè)多月的突擊，也是勉強(qiáng)能行了。

充電完成后，接下來(lái)就是真的實(shí)踐了。而要做網(wǎng)站的美工，那么首先要弄的就是網(wǎng)站的Logo。Logo顧名思義就是站點(diǎn)的標(biāo)志圖案，logo最重要的就是用圖形化的方式傳遞網(wǎng)站的定位和經(jīng)營(yíng)理念、同時(shí)便于人們識(shí)別。對(duì)于這方面，我可以說(shuō)是完全沒(méi)有經(jīng)驗(yàn)。后來(lái)真的不知該怎么辦，只好在網(wǎng)上收集了一些這方面的素材，然后找出了其中一個(gè)自己比較好的將其作為了我們網(wǎng)站的logo。

Logo做好了后，我還做了文字的編排以及文字圖形化。在網(wǎng)頁(yè)設(shè)計(jì)中，字體的處理與顏色、版式、圖形化等其他設(shè)計(jì)元素的處理一樣非常關(guān)鍵。而文字圖形化就是將文字用圖片的形式來(lái)表現(xiàn)，這種形式在頁(yè)面的子欄目里面最為常用，因?yàn)樗哂型怀?，同時(shí)又美化了頁(yè)面，使頁(yè)面更加人性化加強(qiáng)了視覺(jué)效果。是文字無(wú)法達(dá)到的。這樣做了好，網(wǎng)站整體上看起來(lái)就好看多了。

另外，我還要強(qiáng)調(diào)文字。因?yàn)樵谖铱磥?lái)，將個(gè)別文字作為頁(yè)面的訴求重點(diǎn)，然后通過(guò)加粗、加下劃線、加大號(hào)字體、加指示性符號(hào)、傾斜字體、改變字體顏色等手段有意識(shí)地強(qiáng)化文字的視覺(jué)效果，使其在頁(yè)面整體中顯得出眾而奪目。

最后，我還對(duì)網(wǎng)站進(jìn)行了一些簡(jiǎn)單的配色。我先用一種色彩選定指定顏色，然后調(diào)整透明度或者飽和度，(說(shuō)得通俗些就是將色彩變淡或則加深)，產(chǎn)生新的色彩，用于網(wǎng)頁(yè)。這樣的頁(yè)面看起來(lái)色彩統(tǒng)一，有層次感。

總而言之，經(jīng)過(guò)這件事，不禁讓我學(xué)習(xí)理解了一些網(wǎng)站制作方面的知識(shí)，而且讓我深刻的了解到團(tuán)隊(duì)合作的重要性，這讓我受益匪淺。

第三篇：國(guó)外優(yōu)秀設(shè)計(jì)網(wǎng)站

國(guó)外優(yōu)秀設(shè)計(jì)網(wǎng)站,幾個(gè)國(guó)外優(yōu)秀平面設(shè)計(jì)網(wǎng)站推薦

Design is Kinky(.hk)

香港一間專業(yè)的平面設(shè)計(jì)公司

DESIKNER()

芬蘭設(shè)計(jì)師antti的個(gè)人網(wǎng)站，網(wǎng)站充滿著游樂(lè)場(chǎng)般的有趣點(diǎn)子，簡(jiǎn)單干凈中透露著北國(guó)幽默。DHKY()

為你生命披上繽紛的色彩….開門見山道出了它的野望。除了強(qiáng)烈風(fēng)格，更別忽略作品中史詩(shī)般的意涵。Dieselmarketing()

加拿大一間廣告媒體設(shè)計(jì)公司,其公司主要提供以行銷市場(chǎng)契合的形象服務(wù)DIGIT()

這是一個(gè)用數(shù)字來(lái)延伸自然的工作室，他們的創(chuàng)作理念是在數(shù)字世界里保有大自然的元素，其干凈、樸實(shí)的畫面讓人有如置身于鄉(xiāng)村草原中的感覺(jué)，有許多的昆蟲環(huán)繞四周doodie.com()

【doodie.com】鎖定以「便便」為主題，相較于大多數(shù)動(dòng)畫網(wǎng)站的漫無(wú)目的賣弄荒謬戲謔，就顯得明確有特色。

eBoy()

一群德國(guó)人所組的網(wǎng)頁(yè)設(shè)計(jì)團(tuán)隊(duì)。作品充滿玩具積木對(duì)象和彷佛超合金制的角色---不容錯(cuò)過(guò)的游戲風(fēng)格。elixirstudio()

溫哥華設(shè)計(jì)師arnaud的個(gè)人網(wǎng)站。乍觀之下讓人以為來(lái)到荷蘭航空公司網(wǎng)站。不過(guò)，透站內(nèi)兩個(gè)作品，作者成功傳達(dá)出其不凡的觀點(diǎn)與精湛的功力。不難看出其設(shè)計(jì)概念皆是源自于運(yùn)輸工具。相當(dāng)有趣哦！eneri()

Fatoe是一個(gè)視覺(jué)媒體設(shè)計(jì)網(wǎng)站,站長(zhǎng)喜歡采用符號(hào),數(shù)字,影像的復(fù)合拼貼來(lái)創(chuàng)作,造就了一種新的視覺(jué)風(fēng)格,而這樣的風(fēng)格也漸漸流行了起來(lái),網(wǎng)站內(nèi)除了收集站長(zhǎng)的作品外,還有許多視覺(jué)設(shè)計(jì)相關(guān)的網(wǎng)站,對(duì)于喜愛(ài)視覺(jué)設(shè)計(jì)的人,蠻值得逛逛的.fel(004km.cn

單看這幕后班底就知道infourm的厲害。miniml.com帶起的pixel font潮流，估計(jì)還會(huì)流行幾年。http://

hse7en3的名氣不亞于其競(jìng)爭(zhēng)對(duì)手。去年此網(wǎng)站被quorporation收購(gòu)，重新整頓后很有大型網(wǎng)站的風(fēng)格。無(wú)奈一直鐘情的舊版h73，在新站里已找不到一點(diǎn)痕跡。今天發(fā)現(xiàn)h73這個(gè)url重新運(yùn)作，特來(lái)推薦。http://

聞名一時(shí)的threeoh重整之後﹐這兩天又重見天日。目前網(wǎng)站內(nèi)容不多﹐不少連結(jié)仍未做好。但憑他的實(shí)力估計(jì)能在短期內(nèi)回復(fù)昔日光彩﹐請(qǐng)大家拭目以待

第四篇：行業(yè)網(wǎng)站設(shè)計(jì)的心得體會(huì)

行業(yè)網(wǎng)站設(shè)計(jì)心得

很多設(shè)計(jì)師認(rèn)為做好了企業(yè)網(wǎng)站就一定能夠做好行業(yè)網(wǎng)站的設(shè)計(jì)，其實(shí)對(duì)設(shè)計(jì)來(lái)說(shuō)行業(yè)網(wǎng)站和企業(yè)網(wǎng)站的設(shè)計(jì)截然不同，對(duì)整個(gè)網(wǎng)站的創(chuàng)意、風(fēng)格、整體框架布局、文字編排、圖片的合理利用，空間的合理安排上面等?有著許多諸多的要求，需要考慮的面更廣，面對(duì)的問(wèn)題也會(huì)更多。對(duì)于一名優(yōu)秀的網(wǎng)站設(shè)計(jì)師來(lái)說(shuō)不能絕不能放過(guò)任何一點(diǎn)小細(xì)節(jié)，本篇文章簡(jiǎn)述的是設(shè)計(jì)師在做行業(yè)網(wǎng)站時(shí)所需考慮的一些問(wèn)題。

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

風(fēng)格(style)是抽象的。是指站點(diǎn)的整體形象給瀏覽者的綜合感受。整體形象包括站點(diǎn)的版面布局，色彩，字體，瀏覽方式等?。如：我們覺(jué)得迪斯尼是生動(dòng)活潑的而IBM則是專業(yè)嚴(yán)肅的。每一個(gè)網(wǎng)站都會(huì)給人們留下的不同感受。這里我們需要做到的是根據(jù)網(wǎng)站的定位做出網(wǎng)站特有的風(fēng)格。除此我們還需要在風(fēng)格同一上需要把握一下，其實(shí)這個(gè)風(fēng)格的統(tǒng)一和傳統(tǒng)的印刷出版物沒(méi)什么區(qū)別。你網(wǎng)頁(yè)上所有的圖像、文字，包括像背景顏色、區(qū)分線、字體、標(biāo)題、注腳什么的，都要統(tǒng)一風(fēng)格，貫穿全站。這樣子用戶看起來(lái)舒服、順暢，會(huì)對(duì)你的網(wǎng)站留下一個(gè)“很專業(yè)”的印象。而企業(yè)網(wǎng)站設(shè)計(jì)師往往就缺乏這一點(diǎn)，沒(méi)有全局意思。

創(chuàng)意，所謂創(chuàng)意就是不拘一格？某些設(shè)計(jì)師在做創(chuàng)意的時(shí)候大費(fèi)周章，做出來(lái)確實(shí)不可否認(rèn)很有創(chuàng)意、很別致，但往往對(duì)于行業(yè)網(wǎng)站的客戶為什么不能接受呢？此時(shí)不要太責(zé)怪客戶的不識(shí)貨，應(yīng)該反思，抓住客戶的需求。其實(shí)做行業(yè)網(wǎng)站不需要很多大的創(chuàng)意，也不要浪費(fèi)過(guò)多的時(shí)間去追求如何個(gè)性、如何好看，我們只需要一點(diǎn)小小的創(chuàng)意貫穿全站，也許會(huì)使網(wǎng)站更生動(dòng)更具有吸引力、更有思想，比如中國(guó)現(xiàn)車交易網(wǎng)(2005年此站已經(jīng)消失)就是一個(gè)很好的案例，它把車的外形融入到網(wǎng)站中，使它脫穎而出。

二、網(wǎng)站LOGO

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

三、視覺(jué)流程

人們?cè)陂喿x某種信息時(shí)，視覺(jué)總有一種自然的流動(dòng)習(xí)慣，先看什么，后看什么，再看什么。在心理學(xué)的研究表明，一般的瀏覽習(xí)慣是從上到下、從左到右，在一個(gè)平面上，上松下穩(wěn)而壓抑。同樣，平面的左松右穩(wěn)。所以平面的視覺(jué)影響力上方強(qiáng)于下方，左側(cè)強(qiáng)于右側(cè)。這樣平面的上部和中上部被稱為“最佳視域”，也就是最優(yōu)選的地方。在網(wǎng)頁(yè)設(shè)計(jì)中一些突出或推薦的信息通常都放在這個(gè)位置。當(dāng)然這種視覺(jué)流程只是一種感覺(jué)并非一種固定的公式，只要符合人們的心理順序和邏輯順序，就可以更為靈活地運(yùn)用，在網(wǎng)頁(yè)設(shè)計(jì)中，靈活而合理地運(yùn)用直接影響到傳達(dá)信息的準(zhǔn)確與有效性。

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

網(wǎng)頁(yè)布局大致可分為“國(guó)”字型、拐角型、“T”字型、“L”字型、綜合框架型、Flash型、變化型，在這里就不做一一論述了。其實(shí)在我們?cè)谧鲈O(shè)計(jì)的時(shí)候并沒(méi)有過(guò)多的去考慮什么形式，比如我們?cè)谝粡埣埧吹揭粋€(gè)圓形的東西，很容易可以聯(lián)想到它像太陽(yáng)，而有些人則聯(lián)想到月亮等等?這都是一種形式比喻，最重要的是抓住客戶的需求，把握網(wǎng)站的定位做處合理的框架布局。1． 分辨率

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

在目前一些網(wǎng)站的廣告（彈出廣告、浮動(dòng)廣告、大廣告、banner廣告、通欄廣告等等?）讓人覺(jué)得很煩瑣，更本就不愿意來(lái)看，有時(shí)連你這個(gè)網(wǎng)站都不上了，這樣一來(lái)網(wǎng)站受到了嚴(yán)重的影響、廣告也沒(méi)達(dá)到廣告的目的。這些問(wèn)題都是我們?cè)谠O(shè)計(jì)網(wǎng)站之前需要考慮、需要規(guī)劃的內(nèi)容之一。浮動(dòng)廣告有兩種，第一種是在網(wǎng)頁(yè)兩邊空余的地方可以上下浮動(dòng)的廣告，第二種是滿屏幕到處隨機(jī)移動(dòng)的廣告。建議能使用第一種的情況下盡量使用第一種，不可避免第二種情況時(shí)盡量在數(shù)量上控制最多一個(gè)就好。如果數(shù)量過(guò)多會(huì)直接影響到用戶的心理、防挨到用戶瀏覽信息,適得其反。首頁(yè)廣告不宜過(guò)多適中即可。如在注冊(cè)或者某個(gè)購(gòu)買步驟的頁(yè)面上最好不要出現(xiàn)過(guò)多的其他無(wú)關(guān)的內(nèi)容讓用戶分心，避免客戶流失等? 3．空間的合理利用

很多的網(wǎng)頁(yè)都具有一個(gè)特點(diǎn)，用一個(gè)字來(lái)形容，那就是“塞”，它將各種各樣的信息如文字、圖片、動(dòng)畫等不加考慮的塞到頁(yè)面上，有多少擠多少，不加以規(guī)范，導(dǎo)致瀏覽時(shí)會(huì)遇到很多的不方便，主要就是頁(yè)面主次不分，喧賓奪主，要不就是沒(méi)有重點(diǎn)，沒(méi)有很好的歸類，整體就像各大雜燴。讓人難以找到需要的東西。有的則是一片空白失去平衡，也可以用個(gè)“散”字來(lái)形容。

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

4．文字編排

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

文字圖形化就是將文字用圖片的形式來(lái)表現(xiàn)，這種形式在頁(yè)面的子欄目里面最為常用，因?yàn)樗哂型怀觯瑫r(shí)又美化了頁(yè)面，使頁(yè)面更加人性化加強(qiáng)了視覺(jué)效果。是文字無(wú)法達(dá)到的。對(duì)于通用性的網(wǎng)站弊端就是擴(kuò)展性不強(qiáng)。4.2強(qiáng)調(diào)文字

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

五、網(wǎng)站配色

1.用一種色彩。這里是指先選定一種色彩，然后調(diào)整透明度或者飽和度，(說(shuō)得通俗些就是將色彩變淡或則加深)，產(chǎn)生新的色彩，用于網(wǎng)頁(yè)。這樣的頁(yè)面看起來(lái)色彩統(tǒng)一，有層次感。2.用兩種色彩。先選定一種色彩，然后選擇它的對(duì)比色(在Photoshop里按ctrl+shift+I)再進(jìn)行微小的調(diào)整。整個(gè)頁(yè)面色彩豐富但不花稍。

3.用一個(gè)色系。簡(jiǎn)單的說(shuō)就是用一個(gè)感覺(jué)的色彩，例如淡藍(lán)，淡黃，淡綠；或者土黃，土灰，土藍(lán)。也就是在同一色系里面采用不同的顏色使網(wǎng)頁(yè)增加色彩，而又不花，色調(diào)統(tǒng)一。這種配色方法在網(wǎng)站設(shè)計(jì)種最為常用。4.灰色在網(wǎng)頁(yè)設(shè)計(jì)中又稱為“萬(wàn)能色”，其特點(diǎn)是可以和任何顏色搭配，在使用時(shí)把握量避免網(wǎng)頁(yè)變灰。

在網(wǎng)頁(yè)配色中，盡量控制在三種色彩以內(nèi)，以避免網(wǎng)頁(yè)花、亂、沒(méi)有主色的顯現(xiàn)。背景和前文的對(duì)比盡量要大，(絕對(duì)不要用花紋繁復(fù)的圖案作背景)，以便突出主要文字內(nèi)容、也使用戶在瀏覽信息的時(shí)候不會(huì)覺(jué)得累。

六、常見問(wèn)題 6.1分解大型表格

為了加快網(wǎng)頁(yè)的瀏覽速度，盡可能避免用大型表格，因?yàn)闉g覽器必須等待整個(gè)表格的內(nèi)容全部到達(dá)客戶端，才能顯示這個(gè)表格的內(nèi)容，而文本或圖像則是一邊下載一邊顯示。同時(shí)我們制作網(wǎng)頁(yè)時(shí)要盡量減少表格的深度、表格復(fù)雜化，這一點(diǎn)尤為重要可直接影響網(wǎng)頁(yè)瀏覽速度、又給后面的程序添加帶來(lái)了不必要的麻煩。

6.2網(wǎng)站導(dǎo)航要清晰

“您所在位置”在大型網(wǎng)站中是不可缺少的一部分，其作用表明您現(xiàn)在所處在的位置，使用戶不會(huì)不知東西南北迷失在網(wǎng)站中。其次還有讀者進(jìn)入目的頁(yè)的點(diǎn)擊次數(shù)，不能超過(guò)三次。如果三次以上還找不到用戶所要的信息，人家可就沒(méi)有耐心陪你玩了！6.3圖片注解

在很多網(wǎng)站上我們都可以找到一個(gè)共同的缺點(diǎn)，當(dāng)網(wǎng)速慢時(shí)有很圖片都無(wú)法顯示，又沒(méi)有注解使得用戶反感，如在注冊(cè)時(shí)的按鈕是圖片做的又沒(méi)加圖片注解，而導(dǎo)致連注冊(cè)都找不到，如果加了注解這些問(wèn)題也就不成問(wèn)題了！6.4系統(tǒng)按鈕

在我們做按鈕的時(shí)候，要做成“按鈕”的形式（type=“button”），而不要做成“提交表單”的形式（type=“submit”），方便以后程序設(shè)計(jì)。6.5空鏈接、死鏈接

在一個(gè)優(yōu)秀、專業(yè)的網(wǎng)站上是找不到任何一個(gè)空鏈接或死鏈接的情況，如果有這種情況會(huì)影響到用戶對(duì)您網(wǎng)站的評(píng)價(jià)，所以我們?cè)谥谱鞯臅r(shí)候盡量避免，避免辦法就是提前做好鏈接，如果尚未完成的頁(yè)面則鏈上“建設(shè)中?”的頁(yè)面，加以解釋。6.6導(dǎo)航條

在大型的行業(yè)網(wǎng)站里面主導(dǎo)航條最好是用文字形式，避免使用圖片或Flash做導(dǎo)航條、縮小網(wǎng)站擴(kuò)展性。6.7網(wǎng)站的擴(kuò)展性

對(duì)于一個(gè)行業(yè)網(wǎng)站而言，網(wǎng)站的擴(kuò)展性是相當(dāng)重要的，隨時(shí)都要考慮到網(wǎng)站需求的變化！

網(wǎng)站制作要掌握三種基本的軟件：dreamweaver、photoshop、flash。

dreamweaver用來(lái)輸出網(wǎng)頁(yè)的代碼編排靜態(tài)頁(yè)面、CSS樣式的編寫，然后用于網(wǎng)站后臺(tái)代碼的編寫。

photoshop用于網(wǎng)頁(yè)效果圖的設(shè)計(jì)與效果成型的切圖。

flash用于網(wǎng)站一些動(dòng)畫的實(shí)現(xiàn)，像banner動(dòng)畫，導(dǎo)航動(dòng)畫等。

要學(xué)好網(wǎng)站制作，你應(yīng)該具備以下知識(shí)：能較好地運(yùn)用網(wǎng)頁(yè)三劍客，要懂html、CSS語(yǔ)言。關(guān)于網(wǎng)站的制作教程，我建議你到硅谷動(dòng)力網(wǎng)站上去看，里面教你從零開始到網(wǎng)站整站的制作

淺談網(wǎng)站建設(shè)心得

一個(gè)企業(yè)要建立一個(gè)成功的網(wǎng)站，需要注意哪些問(wèn)題呢?域客士在多年的建站經(jīng)驗(yàn)中總結(jié)到,以下幾方面的問(wèn)題：

一、找好自己的定位

網(wǎng)站形形色色，但是并不是所有的網(wǎng)站類型都適合你。首先要想明白自己的行業(yè)特點(diǎn)，自己想滿足什么樣的用戶需求，自己想通過(guò)網(wǎng)站來(lái)做什么?

二、選擇一個(gè)好的域名和空間商

域名非常重要,建議使用簡(jiǎn)單的數(shù)字或者拼音作為域名,互聯(lián)網(wǎng)上，簡(jiǎn)單、易記，才是致勝的法寶。

三、了解搜索引擎營(yíng)銷的概念 搜索引擎是互聯(lián)網(wǎng)的入口。專業(yè)的搜索引擎營(yíng)銷絕不是等網(wǎng)站建成之后再去思考的問(wèn)題，而應(yīng)該是從網(wǎng)站策劃階段就應(yīng)該考慮的問(wèn)題。網(wǎng)站結(jié)構(gòu)、前端技術(shù)、關(guān)鍵詞設(shè)置、鏈接數(shù)量、圖片標(biāo)簽等等，很多問(wèn)題都先天性的決定了你的網(wǎng)站是否受搜索引擎爬蟲的歡迎。

四、用戶體驗(yàn)至上

對(duì)網(wǎng)站來(lái)說(shuō)，也就是用戶體驗(yàn)問(wèn)題。用戶體驗(yàn)是檢驗(yàn)?zāi)愕木W(wǎng)站的唯一標(biāo)準(zhǔn)。

五、網(wǎng)站養(yǎng)成

網(wǎng)站養(yǎng)成其實(shí)也是搜索引擎營(yíng)銷的一個(gè)概念。就是說(shuō)網(wǎng)站就像一個(gè)孩子一樣，并不是你把他生下來(lái)就萬(wàn)事大吉了。網(wǎng)站上線以后，你必須每天照顧它，更新新的內(nèi)容上去，使你的網(wǎng)站不斷的有新的資訊，只有這樣，才能吸引更多的用戶，才能吸引搜索引擎的爬蟲，使你的網(wǎng)站像孩子一樣成長(zhǎng)，越長(zhǎng)越大，黑板報(bào)似的網(wǎng)站建設(shè)概念是不行的，永遠(yuǎn)要記住，內(nèi)容才是王道。

★ 網(wǎng)站設(shè)計(jì)和網(wǎng)站建設(shè)心得

現(xiàn)在都流行做地方門戶網(wǎng),很多門戶網(wǎng)其實(shí)都是個(gè)人做的，比如河南，浙江，桂林等，其實(shí)有了一款好的網(wǎng)頁(yè)程序后,最重要的就是網(wǎng)站的內(nèi)容和人氣,現(xiàn)在找網(wǎng)絡(luò)公司做網(wǎng)站,質(zhì)量我門先不說(shuō) 就單價(jià)格也上太貴了,還不如買套好的網(wǎng)站程序,買來(lái)經(jīng)營(yíng).那么你們看看一款好的網(wǎng)站程序推薦給你們看看 01、明確內(nèi)容

如果你想成為一個(gè)網(wǎng)站設(shè)計(jì)者，并正想建一個(gè)網(wǎng)站的話，首先應(yīng)該考慮網(wǎng)站的內(nèi)容，包括網(wǎng)站功能和你的用戶需要什么。你的整個(gè)設(shè)計(jì)都應(yīng)該圍繞這些方面來(lái)進(jìn)行。02、抓住用戶

如果用戶不能夠迅速地進(jìn)入你的網(wǎng)站，或操作不便捷，網(wǎng)站設(shè)計(jì)就是失敗的。不要讓用戶失望而轉(zhuǎn)向你的對(duì)手的網(wǎng)站。03、網(wǎng)站升級(jí)

時(shí)刻注意網(wǎng)站的運(yùn)行狀況。性能很好的主機(jī)隨著訪問(wèn)人數(shù)的增加，可能會(huì)運(yùn)行緩慢。但是，如果你不想失去訪問(wèn)者的話，一定要仔細(xì)計(jì)劃好你的升級(jí)計(jì)劃。04,點(diǎn)擊規(guī)則

聽說(shuō)過(guò)3次點(diǎn)擊規(guī)則嗎?對(duì)于小型網(wǎng)站，在你的主頁(yè)上，沒(méi)有任何一條信息，需要點(diǎn)擊次數(shù)超過(guò)3次的。對(duì)于大型網(wǎng)站，使用導(dǎo)航和工具條來(lái)改善操作。05、網(wǎng)站介紹 你應(yīng)當(dāng)有一個(gè)很清晰的網(wǎng)站介紹，告訴訪問(wèn)者你的網(wǎng)站能夠提供些什么，以便訪問(wèn)者能找到想要的東西。但是，許多設(shè)計(jì)者都沒(méi)有這樣做。有效的導(dǎo)航條和搜索工具使人們很容易找到有用的信息，這對(duì)訪問(wèn)者很重要。告訴訪問(wèn)者你所提供的正是他們想要的信息。06,不要用框架

與記數(shù)器一樣，框架在網(wǎng)頁(yè)上越來(lái)越流行。在大多數(shù)網(wǎng)站上，在屏幕的左邊有一個(gè)框架。但是設(shè)計(jì)者立刻就發(fā)現(xiàn)，在使用框架時(shí)產(chǎn)生了許多的問(wèn)題。使用框架時(shí)如果沒(méi)有17英寸的顯示屏幾乎不可能顯示整個(gè)網(wǎng)站?？蚣芤彩沟镁W(wǎng)站內(nèi)個(gè)人主頁(yè)不能夠成為書簽。也許更重要的是，搜索引擎常常被框架混淆，從而不能列出你的網(wǎng)站。07,在搜索引擎上登記網(wǎng)站

任何一個(gè)人發(fā)現(xiàn)你的網(wǎng)站的機(jī)會(huì)都很少，除非你把你的網(wǎng)站在主要的搜索引擎上進(jìn)行登記。08,設(shè)計(jì)一個(gè)留言板

瀏覽者愿意把時(shí)間花在好的網(wǎng)站上，所以最好有一個(gè)留言本，這能激勵(lì)訪問(wèn)者再次回到你的網(wǎng)站，還有助于擴(kuò)充網(wǎng)站內(nèi)容。09,測(cè)試網(wǎng)站 10,注意留空白。

不要用圖像、文本和不必要的動(dòng)畫GIFs來(lái)充斥網(wǎng)頁(yè)，即使有足夠的空間，在設(shè)計(jì)時(shí)也應(yīng)該避免使用。11,用戶注冊(cè)

如果能知道誰(shuí)瀏覽了網(wǎng)站以及是怎樣瀏覽網(wǎng)站的，那么就能得到大量有用的信息。但是，要求訪問(wèn)者在瀏覽網(wǎng)站之前進(jìn)行注冊(cè)，這樣做是要冒風(fēng)險(xiǎn)的，因?yàn)檫@將趕走一批不愿意注冊(cè)的人。獲得信息的另一種方法是進(jìn)行有獎(jiǎng)競(jìng)猜或金錢獎(jiǎng)勵(lì)，讓用戶能主動(dòng)填一些信息反饋表。

第五篇：心得體會(huì)(20140505網(wǎng)站設(shè)計(jì))-海珠

廣東第二師范學(xué)院計(jì)算機(jī)科學(xué)系 試驗(yàn)報(bào)告2013版

廣東第二師范學(xué)院計(jì)算機(jī)科學(xué)系

心

得

體

會(huì)

【實(shí)驗(yàn)名稱】 網(wǎng)站設(shè)計(jì)-課程心得體會(huì)

【實(shí)驗(yàn)名稱】心得體會(huì)

【學(xué)號(hào)】12550903052

【實(shí) 驗(yàn) 人】吳喜林【班級(jí)】12體育教育C班

【合 作 者】

【實(shí)驗(yàn)時(shí)間】2014、5、5

【實(shí)驗(yàn)場(chǎng)地】

【指導(dǎo)老師】張渝榮

【綜合得分】

【課程代號(hào)】HZWZ114B【課程名稱】 網(wǎng) 站 設(shè) 計(jì)

網(wǎng)站設(shè)計(jì)錯(cuò)誤！未指定書簽。實(shí)驗(yàn)報(bào)告代碼：HZWZ1141B6/13/2014Page 1 of 2

廣東第二師范學(xué)院計(jì)算機(jī)科學(xué)系 試驗(yàn)報(bào)告2013版

心得體會(huì)

我一開始在網(wǎng)上選公選課的時(shí)候，看到了網(wǎng)站設(shè)計(jì)這門課程覺(jué)得特別有趣又實(shí)用果斷選擇了這門課程?？墒?，老師在第一節(jié)課說(shuō)不是與網(wǎng)站設(shè)計(jì)有關(guān)的時(shí)候，我頓時(shí)覺(jué)得有點(diǎn)失落，但在接下來(lái)的老師講得內(nèi)容里讓我更加有興趣了。

第一次接觸這門課《網(wǎng)絡(luò)操作系統(tǒng)管理與應(yīng)用》讓我學(xué)到了一臺(tái)電腦可以當(dāng)幾臺(tái)電腦用的效果。當(dāng)然，在學(xué)習(xí)的過(guò)程中并不是一帆風(fēng)順的，在這之中，因?yàn)橐僮鞯臇|西很多，有時(shí)錯(cuò)一步，后面的結(jié)果就無(wú)法顯示，而自己的計(jì)算機(jī)又太差，根本檢查不出來(lái)是哪里出了錯(cuò)！這時(shí)候，老師都會(huì)耐心的過(guò)來(lái)幫助我，我很感謝張老師也很感謝學(xué)校能安排這么優(yōu)秀的張老師來(lái)教我們!只是，我們太頑皮，有很多東西老師講了我們也沒(méi)能記住，我想在此說(shuō)一句：老師，您辛苦了，以后我一定認(rèn)認(rèn)真真的好好學(xué)。

我不僅學(xué)到很多計(jì)算機(jī)方面的知識(shí),更重要的是增進(jìn)了和其他學(xué)員之間的交流.同學(xué)們坐在一起暢所欲言,互相討論,交流,把自己不理解,不明白的地方提出來(lái),讓老師來(lái)幫助解決,這樣使得相互之間都得到了學(xué)習(xí),鞏固知識(shí)的機(jī)會(huì),提高了學(xué)習(xí)的效率，對(duì)我們計(jì)算機(jī)水平的提高發(fā)揮著重要作用！我們不會(huì)，老師還是會(huì)走進(jìn)我們給我們耐心的指導(dǎo)，還給我們講一些學(xué)習(xí)計(jì)算機(jī)的方法，讓我們知道自己在哪方面不足，需要加強(qiáng)，也讓我們了解到哪些需要認(rèn)真的學(xué)習(xí)，那些是重點(diǎn)，不是沒(méi)有方向的亂學(xué)一通，什么也學(xué)不好！我不僅在更深程度上了解了計(jì)算機(jī)各個(gè)硬件的特性，也學(xué)會(huì)了如何正確地利用網(wǎng)絡(luò)操作系統(tǒng)管理與應(yīng)用，還有就是進(jìn)一步學(xué)會(huì)了同學(xué)之間的互相幫助與溝通，可謂獲益匪淺。所以，課本知識(shí)應(yīng)當(dāng)與實(shí)踐充分的結(jié)合起來(lái)，采用理論與實(shí)際相結(jié)合的學(xué)習(xí)模式不僅如此，在空閑期間，也應(yīng)該多參加類似的學(xué)習(xí)，也要注重面向?qū)嶋H，面向社會(huì)。開拓了我的視野、提升了我的技能，也加強(qiáng)了我的動(dòng)手能力，讓我與電腦進(jìn)行了一次“零距離”接觸，是我人生旅途中一次彌足珍貴的經(jīng)歷。對(duì)于計(jì)算機(jī)我可以說(shuō)既熟悉又陌生，雖說(shuō)經(jīng)常使用，但其中好多東西都還不懂，但我對(duì)計(jì)算機(jī)特別感興趣，經(jīng)過(guò)老師的講解，使我對(duì)網(wǎng)絡(luò)世界有了更進(jìn)一步的了解?？梢哉f(shuō)讓我大飽眼福，大開眼界。社會(huì)的競(jìng)爭(zhēng)是激烈的，我想我們應(yīng)該好好把握住大學(xué)學(xué)習(xí)的時(shí)間，充實(shí)、完善自我，全面發(fā)展，攻破電腦，爭(zhēng)取做一名出色的現(xiàn)代人!

在這十一周的學(xué)習(xí)里，我學(xué)會(huì)了虛擬機(jī)的安裝和應(yīng)用。讓我計(jì)算機(jī)知識(shí)更加可豐富了，對(duì)電腦網(wǎng)絡(luò)操作更加有興趣。如果老師的講解能更加生動(dòng)，那課堂氣氛可能會(huì)更好了。老師在課堂講解很多知識(shí)點(diǎn)，有時(shí)候在課堂上很難馬上理解，不過(guò)經(jīng)過(guò)自己的課后的學(xué)習(xí)才能更好的掌握。在這次網(wǎng)絡(luò)操作系統(tǒng)管理與應(yīng)用學(xué)習(xí)后，深深感到自己的電腦操作知識(shí)太過(guò)于薄弱了。我覺(jué)得在今后，應(yīng)不要沉迷于網(wǎng)絡(luò)的游戲里，應(yīng)該利用現(xiàn)有的條件去充實(shí)自己的計(jì)算機(jī)知識(shí)海洋。為自己今后在就業(yè)環(huán)境創(chuàng)作更寬的就業(yè)崗位。

網(wǎng)站設(shè)計(jì)錯(cuò)誤！未指定書簽。實(shí)驗(yàn)報(bào)告代碼：HZWZ1141B6/13/2014Page 2 of 2