網(wǎng)頁(yè)設(shè)計(jì)論文范文

前言：我們精心挑選了數(shù)篇優(yōu)質(zhì)網(wǎng)頁(yè)設(shè)計(jì)論文文章，供您閱讀參考。期待這些文章能為您帶來(lái)啟發(fā)，助您在寫(xiě)作的道路上更上一層樓。

第1篇

在用戶獲取信息的方式上，網(wǎng)頁(yè)有別于紙質(zhì)媒介，網(wǎng)頁(yè)是以瀏覽為主，而紙質(zhì)媒介是以閱讀為主。所謂瀏覽，按照字面意思就是粗略、大致地看一遍，其主要目的是大致了解，搜尋是否有感興趣的信息線索；閱讀比瀏覽更具有主動(dòng)性和目的性，是有目的地讀，其目標(biāo)是理解。克魯格在《別讓我動(dòng)腦筋——網(wǎng)頁(yè)設(shè)計(jì)效果優(yōu)化藝術(shù)》一書(shū)中提出了設(shè)計(jì)出好網(wǎng)頁(yè)必須面對(duì)的三個(gè)事實(shí)：一是“我們不是閱讀網(wǎng)頁(yè)，而是瀏覽”；二是“我們不做最佳選擇，而是滿意而止”；三是“我們不深究原理或本質(zhì)，而是想當(dāng)然地使用”。我們?yōu)槭裁磳?duì)網(wǎng)頁(yè)是瀏覽呢？克魯格的分析認(rèn)為有三個(gè)原因：一是因?yàn)榇颐Γ褂镁W(wǎng)絡(luò)的目的多半是想節(jié)約時(shí)間，這樣用戶就會(huì)不停地運(yùn)動(dòng)；二是用戶知道不必全部閱讀，通常一個(gè)網(wǎng)頁(yè)里面只有很少一部分是他們感興趣的；三是用戶擅長(zhǎng)瀏覽，瀏覽是人們?nèi)粘Ｉ钪兴褜ば畔⒌膽T用方法。基于這樣一些原因，用戶使用網(wǎng)站就是瀏覽、滿意、再瀏覽、再滿意這樣一個(gè)循環(huán)往復(fù)的過(guò)程，直至滿意而歸。如果中間出現(xiàn)了不滿意，這個(gè)過(guò)程就會(huì)終止，用戶就帶著不滿意而離開(kāi)。所以，在設(shè)計(jì)網(wǎng)頁(yè)時(shí)，哲學(xué)家威廉提出的奧卡姆剃刀原理“如無(wú)必要，勿增實(shí)體”和建筑大師密斯•凡•德•羅提出的“少即是多”原則是我們檢驗(yàn)設(shè)計(jì)的兩面鏡子。在確定網(wǎng)頁(yè)的內(nèi)容時(shí)，突出那些重要的內(nèi)容，去掉那些不必要的圖案和文字，即使那些能夠讓你的網(wǎng)頁(yè)在視覺(jué)上產(chǎn)生更好的效果，但如果其干擾重要信息的瀏覽，仍然應(yīng)該果斷地去掉。在網(wǎng)頁(yè)中，只有那些有利于信息傳達(dá)目標(biāo)的美才是有價(jià)值的，美應(yīng)該符合于功能的需要，美和功能的和諧統(tǒng)一才是網(wǎng)頁(yè)設(shè)計(jì)追求的目標(biāo)。為了便于瀏覽，在網(wǎng)頁(yè)內(nèi)容的編排上必須尊重視覺(jué)習(xí)慣，我們?cè)跒g覽時(shí)總是從左到右，由上而下地掃視，要根據(jù)內(nèi)容的重要性，進(jìn)行從左到右、由上而下地依次排列，使重要的內(nèi)容最先映入瀏覽者的眼簾。在文案的寫(xiě)作上，為了便于快速瀏覽，一是對(duì)標(biāo)題、關(guān)鍵內(nèi)容加以強(qiáng)調(diào)；二是采用短的句子和段落；三是采用清晰的分區(qū)和列表；四是先總體后詳細(xì)的寫(xiě)作順序。用戶在進(jìn)行瀏覽時(shí)首先是通過(guò)標(biāo)題和關(guān)鍵詞來(lái)初步判斷內(nèi)容是否符合自己的興趣，然后再通過(guò)總體的概述來(lái)決定是否有繼續(xù)瀏覽下去的必要。在瀏覽的過(guò)程中，短句和短的段落有利于減小理解的難度和縮短判斷的時(shí)間，清晰的分區(qū)和列表能夠讓人快速抓住其關(guān)注的興趣點(diǎn)，促進(jìn)人們繼續(xù)瀏覽。

二、網(wǎng)頁(yè)設(shè)計(jì)不應(yīng)打破慣例

前面已經(jīng)提到，網(wǎng)頁(yè)是一個(gè)要求即看即用的特殊“產(chǎn)品”，也就是一看我們就要知道如何使用。我們雖然使用了若干手機(jī)，但我們購(gòu)買(mǎi)了一款新的手機(jī)時(shí)，我們還是得閱讀說(shuō)明書(shū)后才能正常使用，網(wǎng)頁(yè)確不需要。那如何才能達(dá)到即看即用呢？使用慣例就是最好的武器，這也是提高所有產(chǎn)品易用性的重要法寶。慣例就是我們已經(jīng)習(xí)慣了的東西，我們一看就知道它的意思，就知道怎么去操作，因?yàn)閼T例是我們?nèi)粘Ｉ钪蟹e累起來(lái)的，已經(jīng)存入大腦的固有知識(shí)。唐納德•A•諾曼在《設(shè)計(jì)心理學(xué)》中將知識(shí)分為了存儲(chǔ)于外部的知識(shí)和存儲(chǔ)于頭腦內(nèi)部的知識(shí)，使用存儲(chǔ)于外部的知識(shí)不需要學(xué)習(xí)，但效率低；使用頭腦內(nèi)部的知識(shí)需要專(zhuān)門(mén)學(xué)習(xí)，但效率高。而慣例是已經(jīng)存儲(chǔ)在頭腦內(nèi)部的知識(shí)，具有外部知識(shí)的高易用性和頭腦內(nèi)部知識(shí)的高效率。在網(wǎng)頁(yè)設(shè)計(jì)中有很多慣例是不能輕易去打破的，一是重要導(dǎo)航在頁(yè)面的位置，按照慣例一般布置在頁(yè)面的上部、左上部或右上部，首頁(yè)的鏈接放置在最前面；二是網(wǎng)站的標(biāo)識(shí)放置在頁(yè)面的左上部，瀏覽者用其來(lái)判別是否到達(dá)了目標(biāo)網(wǎng)站；三是文字鏈接要加下劃線（也可以鼠標(biāo)放上去才出現(xiàn)），瀏覽者用其來(lái)判斷是否有超級(jí)鏈接；四是常用標(biāo)識(shí)符號(hào)，如在多頁(yè)文檔中，代表向上翻頁(yè)，代表向下翻頁(yè)；在視頻、音頻播放中■代表停止，代表暫停，代表播放。這些標(biāo)識(shí)符號(hào)在網(wǎng)頁(yè)中已經(jīng)具有特定的意義，是不能隨意改變的。

三、設(shè)計(jì)層面之間的邏輯聯(lián)系

在《用戶體驗(yàn)的要素——以用戶為中心的Web設(shè)計(jì)》一書(shū)中論述了網(wǎng)頁(yè)設(shè)計(jì)的五個(gè)層面，包括戰(zhàn)略層、范圍層、結(jié)構(gòu)層、框架層和表現(xiàn)層，并確定了自下而上的建設(shè)流程，規(guī)定了設(shè)計(jì)的程序。自下而上的各個(gè)層面，從抽象逐漸變成具體，并且包含著密切的邏輯聯(lián)系。戰(zhàn)略層確定的網(wǎng)站目標(biāo)和用戶需求，是整個(gè)網(wǎng)站設(shè)計(jì)的基石，其決定范圍層的內(nèi)容選擇和功能設(shè)計(jì)；結(jié)構(gòu)層是對(duì)范圍層選擇的內(nèi)容進(jìn)行分類(lèi)和組織，形成信息架構(gòu)，以及對(duì)確定的功能進(jìn)行交互設(shè)計(jì)，確定交互的過(guò)程和交互行為；框架層是在結(jié)構(gòu)層信息架構(gòu)的基礎(chǔ)上，根據(jù)完成任務(wù)的需要，利用超級(jí)鏈接設(shè)置來(lái)完成導(dǎo)航設(shè)計(jì)，以及規(guī)劃信息架構(gòu)在頁(yè)面空間中的位置關(guān)系，形成布局框架；表現(xiàn)層是對(duì)框架層進(jìn)行具體的視覺(jué)表現(xiàn)，包括圖形設(shè)計(jì)、色彩設(shè)計(jì)、信息圖表設(shè)計(jì)、動(dòng)畫(huà)設(shè)計(jì)、視頻設(shè)計(jì)等。從上面的分析可以看出，下一層是上一層的設(shè)計(jì)依據(jù)或設(shè)計(jì)對(duì)象，上一層是下一層的進(jìn)一步深化和具體，相鄰層之間緊密聯(lián)系，既不能交換，也不能跨越，更不能缺少，具有嚴(yán)格的秩序，形成了完整的邏輯鏈條，理性思維貫穿在整個(gè)設(shè)計(jì)過(guò)程之中。

四、結(jié)語(yǔ)

第2篇

在一個(gè)合理的課程體系的基礎(chǔ)之上，針對(duì)目前中職學(xué)生基礎(chǔ)差，學(xué)習(xí)積極性不高的特點(diǎn)，選擇一本好的教材，在一定程度上也影響了學(xué)生的學(xué)習(xí)興趣和教學(xué)效果。在選擇教材時(shí)，一定要堅(jiān)持少理論，多應(yīng)用實(shí)例的原則，如果條件允許，可以根據(jù)本校學(xué)生的實(shí)際情況編寫(xiě)校本教材。比如，可以編寫(xiě)一門(mén)《網(wǎng)頁(yè)美工設(shè)計(jì)》的教材，內(nèi)容分為Photoshop和Flash兩大部分，在Photoshop部分主要學(xué)習(xí)如何應(yīng)用該軟件處理網(wǎng)頁(yè)圖像以及設(shè)計(jì)網(wǎng)頁(yè)布局和對(duì)網(wǎng)頁(yè)進(jìn)行切片的技術(shù)，而在Flash部分主要是學(xué)習(xí)如何制作網(wǎng)頁(yè)的動(dòng)態(tài)元素。考慮到中職學(xué)生英語(yǔ)基礎(chǔ)差，對(duì)程序代碼的理解能力有限，在動(dòng)態(tài)網(wǎng)頁(yè)制作教材的選擇中，要優(yōu)先選擇利用Dreamweaver軟件的服務(wù)器行為實(shí)現(xiàn)動(dòng)態(tài)技術(shù)的教材，盡可能減少對(duì)程序代碼的過(guò)多講述，以提高學(xué)生學(xué)習(xí)的興趣和自信心。

2突出實(shí)踐能力，部分內(nèi)容實(shí)行協(xié)同教學(xué)

2.1設(shè)計(jì)學(xué)習(xí)任務(wù)，激發(fā)學(xué)生的學(xué)習(xí)興趣

興趣是最好的老師。在進(jìn)行入門(mén)教學(xué)的時(shí)候，如何激發(fā)學(xué)生的學(xué)習(xí)興趣，使得學(xué)生在主觀上由“要我學(xué)”轉(zhuǎn)變?yōu)?ldquo;我要學(xué)”，是個(gè)關(guān)鍵問(wèn)題。以講授網(wǎng)頁(yè)美工設(shè)計(jì)的內(nèi)容為例，在開(kāi)始幾節(jié)課，要結(jié)合國(guó)內(nèi)外的幾個(gè)知名網(wǎng)站的整體結(jié)構(gòu)進(jìn)行分析，介紹知名網(wǎng)站在版面設(shè)計(jì)方面如何布局，在色彩搭配方面如何合理地統(tǒng)一網(wǎng)站的風(fēng)格、網(wǎng)站Logo和Banner的設(shè)計(jì)理念，以及如何對(duì)網(wǎng)頁(yè)圖片進(jìn)行處理才能更加吸引網(wǎng)民的眼球等，讓學(xué)生意識(shí)到網(wǎng)頁(yè)世界的豐富多彩，從而激發(fā)他們的學(xué)習(xí)興趣。與此同時(shí)，在每個(gè)學(xué)習(xí)階段結(jié)束的時(shí)候，都要求學(xué)生獨(dú)立完成一個(gè)任務(wù)，從最基本的圖片處理、Logo設(shè)計(jì)到整個(gè)網(wǎng)站結(jié)構(gòu)的布局和色彩搭配，這樣學(xué)生就會(huì)在自己心里形成一個(gè)風(fēng)格，這也是學(xué)生學(xué)習(xí)好網(wǎng)頁(yè)設(shè)計(jì)課程的基礎(chǔ)和前提。

2.2舉一反三，培養(yǎng)學(xué)生學(xué)習(xí)能動(dòng)性

網(wǎng)頁(yè)設(shè)計(jì)是一門(mén)專(zhuān)業(yè)技能，非常注重學(xué)生實(shí)際動(dòng)手能力的培養(yǎng)。在實(shí)際教學(xué)中，教師要充分準(zhǔn)備大量的具體案例，采用提問(wèn)法、任務(wù)驅(qū)動(dòng)教學(xué)法、講練結(jié)合法等方法對(duì)學(xué)生進(jìn)行教學(xué)。在開(kāi)始教授一個(gè)新的內(nèi)容時(shí)，要提出一個(gè)問(wèn)題，讓學(xué)生帶著疑問(wèn)去學(xué)習(xí)，這樣才能有的放矢。教師可以先在教師機(jī)上演示操作一個(gè)具體案例，在演示的過(guò)程中，采用邊講邊練的方式，讓學(xué)生在“做中學(xué)”，然后布置一個(gè)與此案例類(lèi)似的任務(wù)，讓學(xué)生獨(dú)立完成，在任務(wù)結(jié)束的時(shí)候，根據(jù)學(xué)生的完成質(zhì)量情況，讓做得比較好的學(xué)生在教師機(jī)演示自己的成果，談?wù)勛约涸谧龅倪^(guò)程中的心得體會(huì)。這樣，在課堂上，大部分的時(shí)間就交給了學(xué)生，讓學(xué)生始終處于動(dòng)手的狀態(tài)。作為教師，在學(xué)生實(shí)施任務(wù)的過(guò)程中，不要過(guò)多干涉學(xué)生，而是多給學(xué)生以引導(dǎo)，讓學(xué)生自己思考、設(shè)計(jì)、完善，讓學(xué)生在實(shí)踐中自我摸索，不斷提高。通過(guò)這種方式，不僅起到了舉一反三的教學(xué)效果，而且充分發(fā)揮了學(xué)生的學(xué)習(xí)能動(dòng)性，使得學(xué)生學(xué)得扎實(shí)，記得牢固，也進(jìn)一步提高學(xué)生的分析問(wèn)題和解決問(wèn)題的能力。

2.3部分內(nèi)容協(xié)同教學(xué)，明確分工

組內(nèi)成員的分工，首先是角色分工。每個(gè)合作小組要選定小組長(zhǎng)，以分配任務(wù)，監(jiān)督進(jìn)度情況，協(xié)調(diào)組內(nèi)成員等。對(duì)于小組內(nèi)的成員，要明確分工職責(zé)。以網(wǎng)頁(yè)設(shè)計(jì)綜合實(shí)訓(xùn)為例，面對(duì)一個(gè)完整的網(wǎng)站系統(tǒng)任務(wù)，需要3個(gè)小組成員，其中，一個(gè)負(fù)責(zé)網(wǎng)頁(yè)圖片素材、動(dòng)態(tài)效果的處理，一個(gè)負(fù)責(zé)整體網(wǎng)站的布局、色彩搭配，以及切片導(dǎo)入Dreamweaver的工作，一個(gè)負(fù)責(zé)數(shù)據(jù)庫(kù)設(shè)計(jì)和后臺(tái)服務(wù)器行為的實(shí)現(xiàn)。當(dāng)然，為了讓每個(gè)學(xué)生都能夠全面掌握網(wǎng)頁(yè)設(shè)計(jì)的技術(shù)，每次合作時(shí)的角色也是應(yīng)該輪換的，而非固定不變，特別是小組長(zhǎng)的輪換，體現(xiàn)了人人平等的精神，讓每個(gè)學(xué)生都體會(huì)到自己在小組中的重要性，從而激發(fā)他們內(nèi)在的能力。在任務(wù)實(shí)現(xiàn)過(guò)程中，通過(guò)協(xié)同合作，明確分工的方式，可以逐步培養(yǎng)學(xué)生的組織能力、交流能力、協(xié)調(diào)能力、相互尊重的態(tài)度等，以期學(xué)生在不同的學(xué)習(xí)任務(wù)中發(fā)展不同的能力，從而可以大大提高學(xué)習(xí)效率。

3教師要及時(shí)指導(dǎo)，將德育教育融入教學(xué)過(guò)程

在學(xué)生的學(xué)習(xí)過(guò)程中，無(wú)論是獨(dú)立學(xué)習(xí)還是合作學(xué)習(xí)，教師絕不能是旁觀者，而應(yīng)該是學(xué)生的合作伙伴和指導(dǎo)者。特別是在學(xué)生以小組為單位的合作學(xué)習(xí)過(guò)程中，教師不是更清閑了，而是擔(dān)負(fù)起了更大的職責(zé)。在合作學(xué)習(xí)中，教師要針對(duì)班級(jí)、小組的具體情況，在宏觀層面給學(xué)生以指導(dǎo)，涉及整個(gè)任務(wù)的管理，調(diào)控和引導(dǎo)，要充分展示各種問(wèn)題的形成過(guò)程和解決過(guò)程。實(shí)踐證明，在合作學(xué)習(xí)過(guò)程中，如果有教師的及時(shí)指導(dǎo)，如指導(dǎo)學(xué)生一些合作學(xué)習(xí)的步驟，明確合作學(xué)習(xí)的規(guī)則，有利于學(xué)生順利開(kāi)展學(xué)習(xí)，充分發(fā)揮小組協(xié)同合作的作用。與此同時(shí)，要將德育教育融入到教學(xué)過(guò)程中。現(xiàn)階段，作為網(wǎng)絡(luò)信息承載者的網(wǎng)頁(yè)是一把雙刃劍，各種信息充斥其中，對(duì)于這些正處于青春期的中職生，如何正確對(duì)待這些信息，將對(duì)他們的成長(zhǎng)發(fā)揮重要作用。因此要將網(wǎng)頁(yè)作為德育教育的載體，通過(guò)制作以“健康、向上”為主題的網(wǎng)站，在搜集素材的過(guò)程中多接觸先進(jìn)人物、先進(jìn)事跡，無(wú)形中讓學(xué)生，逐步樹(shù)立正確的人生觀和價(jià)值觀，讓學(xué)生學(xué)會(huì)做人做事。

4結(jié)束語(yǔ)

第3篇

通過(guò)《網(wǎng)頁(yè)設(shè)計(jì)與制作》多年的教學(xué)發(fā)現(xiàn)，應(yīng)用傳統(tǒng)的教學(xué)方式及考核方法學(xué)生只建立了的基礎(chǔ)的專(zhuān)業(yè)課程知識(shí)概念及單一的基本操作，并不能綜合應(yīng)用操作技能完成某主題網(wǎng)站的設(shè)計(jì)與制作。為了建立以網(wǎng)頁(yè)設(shè)計(jì)與制作技能考核為主線的開(kāi)放式、全過(guò)程的考核體系，提高學(xué)生綜合項(xiàng)目實(shí)踐能力，更好的與社會(huì)需求接軌。有必要對(duì)傳統(tǒng)的考核方式進(jìn)行改革，同時(shí)經(jīng)過(guò)多年教學(xué)探索，結(jié)合人才培養(yǎng)方案制定了以下的考核方案。

二、考核方案

1.考核方案的制定

本考核采取學(xué)生小組合作（每組2-3名學(xué)生）完成一個(gè)規(guī)定主題網(wǎng)站項(xiàng)目的方式展開(kāi)。總成績(jī)由操作考核成績(jī)、項(xiàng)目報(bào)告成績(jī)兩部分組成，權(quán)重分別為70％、30％，每一項(xiàng)按百分制評(píng)分后依權(quán)重比例計(jì)入總成績(jī)，總成績(jī)不及格者必須重修本課程并重新參加考試。因本校的現(xiàn)有學(xué)期總評(píng)成績(jī)是由平時(shí)成績(jī)30%、期中成績(jī)30%、期末成績(jī)40%組成，為了與學(xué)校的評(píng)分要求接軌，將本次考試所得的總成績(jī)作為學(xué)校學(xué)期總評(píng)成績(jī)的期末成績(jī)部分。并在此說(shuō)明平時(shí)成績(jī)30%部分是由學(xué)生本學(xué)期的課程作業(yè)完成情況、出勤及上課表現(xiàn)綜合評(píng)定。本考核方案中的操作考核、項(xiàng)目報(bào)告都有具體的考核方案，其中操作考核實(shí)施的具體要求以試卷形式展現(xiàn)，內(nèi)容要求以表“操作考核內(nèi)容”為中心，以考核學(xué)生綜合網(wǎng)站制作能力為基本思路，通過(guò)小組合作完成主題網(wǎng)站的設(shè)計(jì)與制作，具體要求在此省略。此外要求學(xué)生撰寫(xiě)項(xiàng)目報(bào)告不僅讓學(xué)生明確各自的份內(nèi)工作，同時(shí)要求學(xué)生善于思考、總結(jié)，每做一個(gè)項(xiàng)目都有所收獲。項(xiàng)目報(bào)告實(shí)施的具體要求涉及以下幾個(gè)方面的內(nèi)容：

（1）項(xiàng)目實(shí)施過(guò)程。項(xiàng)目實(shí)施過(guò)程包括前期策劃、資料搜集、網(wǎng)頁(yè)制作。在前期策劃階段，要求小組共同確定網(wǎng)站名稱(chēng)、網(wǎng)站風(fēng)格（列舉網(wǎng)頁(yè)采用主要色彩及網(wǎng)頁(yè)色調(diào)定位）、網(wǎng)站欄目、站點(diǎn)目錄結(jié)構(gòu)的內(nèi)容以形成完整的網(wǎng)站規(guī)劃，在此規(guī)劃的指導(dǎo)下進(jìn)行資料搜集、協(xié)作完成網(wǎng)頁(yè)制作。其中網(wǎng)頁(yè)制作中要求頁(yè)面美工設(shè)計(jì)階段介紹所用軟件及提供至少首頁(yè)效果圖截圖；靜態(tài)頁(yè)面制作階段要求繪制網(wǎng)頁(yè)布局的結(jié)構(gòu)圖及標(biāo)注尺寸；程序開(kāi)發(fā)階段列舉所用的開(kāi)發(fā)工具、對(duì)數(shù)據(jù)庫(kù)、表進(jìn)行截圖，以及繪制程序開(kāi)發(fā)頁(yè)面流程圖。

（2）項(xiàng)目總結(jié)。對(duì)本項(xiàng)目完成情況進(jìn)行分析、總結(jié)，并介紹項(xiàng)目實(shí)施過(guò)程中的收獲及體會(huì)。在作品展示時(shí)要求各小組派出代表對(duì)作品進(jìn)行介紹，總結(jié)，便于相互交流經(jīng)驗(yàn)。

（3）項(xiàng)目組介紹。對(duì)該項(xiàng)目組成員進(jìn)行介紹及項(xiàng)目實(shí)施過(guò)程中的人員分工情況進(jìn)行報(bào)告。體現(xiàn)小組合作開(kāi)發(fā)項(xiàng)目的工作模式，讓學(xué)生明白實(shí)際工作中不僅需要具備較高的技術(shù)能力，還要有合作意識(shí)，與合作者之間有效、和諧的溝通。

2.考核方式