班級網(wǎng)站設(shè)計(jì)心得

1、.心得體會通過這一次實(shí)習(xí)，讓我了解了團(tuán)隊(duì)合作的重要性，在這次合作的過程中，我主要負(fù)責(zé)相關(guān)資料的收集整體。在這一過程中，我也明白了網(wǎng)站建設(shè)除了明確內(nèi)容、抓住用戶、網(wǎng)站升級、點(diǎn)擊規(guī)則、網(wǎng)站介紹、不要用框架、在搜索引擎上登記網(wǎng)站、設(shè)計(jì)一個(gè)留言板、測試網(wǎng)站、注意留空白、用戶注冊外還有的一些小細(xì)節(jié)需要注意?，F(xiàn)總結(jié)如下：一、網(wǎng)站風(fēng)格/創(chuàng)意風(fēng)格(style)是抽象的。是指站點(diǎn)的整體形象給瀏覽者的綜合感受。整體形象包括站點(diǎn)的版面布局，色彩，字體，瀏覽方式等。每一個(gè)網(wǎng)站都會給人們留下的不同感受。這里我們需要做到的是根據(jù)網(wǎng)站的定位做出網(wǎng)站特有的風(fēng)格。除此我們還需要在風(fēng)格同一上需要把握一下，其實(shí)這個(gè)風(fēng)格的統(tǒng)一和傳統(tǒng)

2、的印刷出版物沒什么區(qū)別。你網(wǎng)頁上所有的圖像、文字，包括像背景顏色、區(qū)分線、字體、標(biāo)題、注腳什么的，都要統(tǒng)一風(fēng)格，貫穿全站。這樣子用戶看起來舒服、順暢，會對你的網(wǎng)站留下一個(gè)“很專業(yè)”的印象。而企業(yè)網(wǎng)站設(shè)計(jì)師往往就缺乏這一點(diǎn)，沒有全局意思。創(chuàng)意，所謂創(chuàng)意就是不拘一格，某些設(shè)計(jì)師在做創(chuàng)意的時(shí)候大費(fèi)周章，做出來確實(shí)不可否認(rèn)很有創(chuàng)意、很別致，但往往對于行業(yè)網(wǎng)站的客戶為什么不能接受呢？此時(shí)不要太責(zé)怪客戶的不識貨，應(yīng)該反思，抓住客戶的需求。其實(shí)做行業(yè)網(wǎng)站不需要很多大的創(chuàng)意，也不要浪費(fèi)過多的時(shí)間去追求如何個(gè)性、如何好看，我們只需要一點(diǎn)小小的創(chuàng)意貫穿全站，也許會使網(wǎng)站更生動(dòng)更具有吸引力、更有思想。二、網(wǎng)站LOG

3、OLogo顧名思義就是站點(diǎn)的標(biāo)志圖案，logo最重要的就是用圖形化的方式傳遞網(wǎng)站的定位和經(jīng)營理念、同時(shí)便于人們識別。網(wǎng)站logo的設(shè)計(jì)過程中一般有以下三種思路：1.直接以網(wǎng)站網(wǎng)址作為logo。2.根據(jù)網(wǎng)站提供的產(chǎn)品/服務(wù)特點(diǎn)展開logo設(shè)計(jì)。3.以傳遞網(wǎng)站運(yùn)營商的經(jīng)營理念為特色。三、視覺流程人們在閱讀某種信息時(shí)，視覺總有一種自然的流動(dòng)習(xí)慣，先看什么，后看什么，再看什么。在心理學(xué)的研究表明，一般的瀏覽習(xí)慣是從上到下、從左到右，在一個(gè)平面上，上松下穩(wěn)而壓抑。同樣，平面的左松右穩(wěn)。所以平面的視覺影響力上方強(qiáng)于下方，左側(cè)強(qiáng)于右側(cè)。這樣平面的上部和中上部被稱為“最佳視域”，也就是最優(yōu)選的地方。在網(wǎng)頁設(shè)計(jì)

4、中一些突出或推薦的信息通常都放在這個(gè)位置。當(dāng)然這種視覺流程只是一種感覺并非一種固定的公式，只要符合人們的心理順序和邏輯順序，就可以更為靈活地運(yùn)用，在網(wǎng)頁設(shè)計(jì)中，靈活而合理地運(yùn)用直接影響到傳達(dá)信息的準(zhǔn)確與有效性。四、網(wǎng)頁框架與布局網(wǎng)頁布局大致可分為“國”字型、拐角型、“T”字型、“L”字型、綜合框架型、Flash型、變化型，在這里就不做一一論述了。其實(shí)在我們在做設(shè)計(jì)的時(shí)候并沒有過多的去考慮什么形式，比如我們在一張紙看到一個(gè)圓形的東西，很容易可以聯(lián)想到它像太陽，而有些人則聯(lián)想到月亮等等這都是一種形式比喻，最重要的是抓住客戶的需求，把握網(wǎng)站的定位做處合理的框架布局。五、空間的合理利用很多的網(wǎng)頁都具有

5、一個(gè)特點(diǎn)，用一個(gè)字來形容，那就是“塞”，它將各種各樣的信息如文字、圖片、動(dòng)畫等不加考慮的塞到頁面上，有多少擠多少，不加以規(guī)范，導(dǎo)致瀏覽時(shí)會遇到很多的不方便，主要就是頁面主次不分，喧賓奪主，要不就是沒有重點(diǎn)，沒有很好的歸類，整體就像各大雜燴。讓人難以找到需要的東西。有的則是一片空白失去平衡，也可以用個(gè)“散”字來形容。六、文字編排在網(wǎng)頁設(shè)計(jì)中，字體的處理與顏色、版式、圖形化等其他設(shè)計(jì)元素的處理一樣非常關(guān)鍵。七、網(wǎng)站配色1、用一種色彩。這里是指先選定一種色彩，然后調(diào)整透明度或者飽和度，(說得通俗些就是將色彩變淡或則加深)，產(chǎn)生新的色彩，用于網(wǎng)頁。這樣的頁面看起來色彩統(tǒng)一，有層次感。2、用兩種色彩。先

6、選定一種色彩，然后選擇它的對比色(在Photoshop里按ctrl+shift+I)再進(jìn)行微小的調(diào)整。整個(gè)頁面色彩豐富但不花稍。3、用一個(gè)色系。簡單的說就是用一個(gè)感覺的色彩，例如淡藍(lán)，淡黃，淡綠；或者土黃，土灰，土藍(lán)。也就是在同一色系里面采用不同的顏色使網(wǎng)頁增加色彩，而又不花，色調(diào)統(tǒng)一。這種配色方法在網(wǎng)站設(shè)計(jì)種最為常用。4、灰色在網(wǎng)頁設(shè)計(jì)中又稱為“萬能色”，其特點(diǎn)是可以和任何顏色搭配，在使用時(shí)把握量避免網(wǎng)頁變灰。在網(wǎng)頁配色中，盡量控制在三種色彩以內(nèi)，以避免網(wǎng)頁花、亂、沒有主色的顯現(xiàn)。背景和前文的對比盡量要大，(絕對不要用花紋繁復(fù)的圖案作背景)，以便突出主要文字內(nèi)容、也使用戶在瀏覽信息的時(shí)候不會

7、覺得累。 八、風(fēng)格保持一致1、結(jié)構(gòu)的一致性：我們知道，網(wǎng)站的統(tǒng)一性在網(wǎng)站營銷中占重要地位，而網(wǎng)站結(jié)構(gòu)是網(wǎng)站風(fēng)格統(tǒng)一的重要手段，包括網(wǎng)站布局、文字排版、裝飾性元素出現(xiàn)的位置、導(dǎo)航的統(tǒng)一、圖片的位置等等。在結(jié)構(gòu)的一致性中，我們要強(qiáng)調(diào)網(wǎng)站標(biāo)志性元素的一致性，即網(wǎng)站或公司名稱、網(wǎng)站或企業(yè)標(biāo)志、導(dǎo)航及輔助導(dǎo)航的形式及位置、公司聯(lián)系信息等，這種方式是目前網(wǎng)站普遍采用的結(jié)構(gòu)，一方面減少設(shè)計(jì)、開發(fā)的工作量，同時(shí)更有利于以后的網(wǎng)站維護(hù)與更新。2、色彩的一致性：方式是保持站點(diǎn)主體色彩的一致，只改變局部色塊，優(yōu)點(diǎn)是一個(gè)獨(dú)特色彩的網(wǎng)站會給人留下很深刻的印象，因?yàn)槿说囊曈X對色彩要比布局更敏感，更容易在大腦中形成記憶符號

8、。在色彩的一致性中，我們強(qiáng)調(diào)的是如果企業(yè)有自身的形象，最好在互聯(lián)網(wǎng)中沿襲這個(gè)形象，給觀眾網(wǎng)上網(wǎng)下一致的感覺，更有利于企業(yè)形象的樹立。一個(gè)建議是選取一兩種主要色彩，幾種輔助色彩。3、利用導(dǎo)航取得統(tǒng)一：導(dǎo)航是網(wǎng)站的一項(xiàng)重要組成部分，一個(gè)出色的富有企業(yè)特性的導(dǎo)航將會給人留下深刻的印象，比如將標(biāo)志的形態(tài)寓于導(dǎo)航之中，或?qū)?dǎo)航設(shè)計(jì)在整個(gè)網(wǎng)站布局之中等等不一而足，花點(diǎn)力氣在導(dǎo)航上，也會設(shè)計(jì)出一個(gè)出色的站點(diǎn)。4、特別元素的一致性：在網(wǎng)站設(shè)計(jì)中，個(gè)別具有特色的元素（如標(biāo)志、象征圖形、局部設(shè)計(jì)等）重復(fù)出現(xiàn)，也會給訪問者留下深刻印象。比如網(wǎng)站結(jié)構(gòu)在某一點(diǎn)上的變化，由直線變?yōu)閳A弧、暗色點(diǎn)綴的亮色、色彩中的補(bǔ)色等等。

9、 5、利用圖像取得統(tǒng)一：網(wǎng)頁中的圖像在使用上一定要慎之又慎，尤其是一些動(dòng)畫，網(wǎng)頁中充斥著各種可有可無的動(dòng)畫，而這些動(dòng)畫根本與本企業(yè)內(nèi)容無關(guān)！認(rèn)真檢查網(wǎng)頁中的動(dòng)畫，將沒用的刪掉！這里我們所說的利用圖像取得統(tǒng)一，決不是在每頁中放置幾個(gè)動(dòng)畫！而是作為網(wǎng)站結(jié)構(gòu)一部分的局部圖像，根據(jù)網(wǎng)頁內(nèi)容的不同，配以相應(yīng)的圖像或動(dòng)畫，從而給瀏覽者形成頁面的連續(xù)性。 6、利用背景取得統(tǒng)一：從技術(shù)上而言，網(wǎng)頁背景包括背景色和背景圖像兩種，一般來說，我們并不提倡使用背景圖像，而使用背景色或色塊。九、版面布局 一般來說，企業(yè)網(wǎng)站首頁的布局比較靈活，著重設(shè)計(jì)。中、小型企業(yè)網(wǎng)站的內(nèi)頁布局一般比較簡單，即內(nèi)頁的一欄式版面布局，從排

10、版布局的角度而言，我們還可以設(shè)計(jì)成等分兩欄式、三欄式、多欄式，不等分兩欄式、三欄式、多欄式等等，但因?yàn)闉g覽器寬幅有限，一般不宜設(shè)計(jì)成三欄以上的布局。 在版面布局中主要是考慮導(dǎo)航、必要信息與正文之間的布局關(guān)系。比較多的情況是采用頂部放置必要的信息，如公司名稱、標(biāo)志、廣告條以及導(dǎo)航條，或?qū)?dǎo)航條放在左側(cè)而右側(cè)是正文等等，這樣的布局結(jié)構(gòu)清晰、易于使用。當(dāng)然，也可以嘗試這些布局的變化形式，如：左右兩欄式布局，一半是正文，另一半是形象的圖片、導(dǎo)航；或正文不等兩欄式布置，通過背景色區(qū)分，分別放置圖片和文字等等。在設(shè)計(jì)中注意多吸取好的網(wǎng)站設(shè)計(jì)的精髓。十、常見問題1、分解大型表格 為了加快網(wǎng)頁的瀏覽速度，盡可能避免用大型表格，因?yàn)闉g覽器必須等待整個(gè)表格的內(nèi)容全部到達(dá)客戶端，才能顯示這個(gè)表格的內(nèi)容，而文本或圖像則是一邊下載一邊顯示。同時(shí)我們制作網(wǎng)頁時(shí)要盡量減少表格的深度、表格復(fù)雜化，這一點(diǎn)尤為重要可直接影響網(wǎng)頁瀏覽速度、又給后面的程序添加帶來了不必要的麻