時(shí)間：2023-07-28 17:32:32
開篇：寫作不僅是一種記錄，更是一種創(chuàng)造，它讓我們能夠捕捉那些稍縱即逝的靈感，將它們永久地定格在紙上。下面是小編精心整理的12篇網(wǎng)頁設(shè)計(jì)總結(jié)，希望這些內(nèi)容能成為您創(chuàng)作過程中的良師益友，陪伴您不斷探索和進(jìn)步。
撰寫人：___________
日
期：___________
2021年1月網(wǎng)頁設(shè)計(jì)師試用期工作總結(jié)
時(shí)間一晃而過，轉(zhuǎn)眼間試用期已接近尾聲。在這段試用期中可以說是有喜也有憂。喜的是和同事們工作相處中，自己慢慢轉(zhuǎn)變?yōu)橐粋€(gè)社會(huì)人，自身實(shí)踐經(jīng)驗(yàn)和工作能力得到提高。憂的是自己還有許多方面有待于提高。
記得初到公司時(shí)，我對(duì)公司的了解僅僅局限于公司___的簡(jiǎn)單介紹，除此之外，便一無所知了。但是，在領(lǐng)導(dǎo)和同事們的支持和幫助下，我不僅加深了對(duì)公司的了解，而且很快就掌握和熟悉本崗位工作的要求及技巧，嚴(yán)格做到按時(shí)按量完成產(chǎn)品終端頁等頁面的制作，保證頁面的與效果圖的一致性和頁面在各個(gè)瀏覽器中的兼容性。同時(shí)，減少頁面中冗余的代碼，保證頁面的加載速度。此外，注意用戶體驗(yàn)問題，站在用戶的角度瀏覽網(wǎng)頁，發(fā)現(xiàn)問題、解決問題，以提高網(wǎng)站的瀏覽量。
自從擔(dān)任網(wǎng)頁制作以來，雖然在工作中取得了較好的成績(jī)，但也還存在一些不足之處。例如：工作中沒有充分領(lǐng)會(huì)領(lǐng)導(dǎo)的意圖，有時(shí)會(huì)忽視公司的工作流程等等，這些都是由于工作態(tài)度和細(xì)節(jié)決定的。這些不足都需要在今后的工作中加以改進(jìn)。
在今后的工作中，我將努力提高技術(shù)水平，克服不足，朝著以下兩個(gè)方向努力：
1、在以后的工作中不斷學(xué)習(xí)技術(shù)知識(shí)，通過多看、多學(xué)、多問、多練來不斷的提高自己的各項(xiàng)業(yè)務(wù)技能。
2、提高自己解決實(shí)際問題的能力，并在工作過程中慢慢克服急躁情緒，積極、熱情、細(xì)致地的對(duì)待每一項(xiàng)工作。
短短三個(gè)月的時(shí)間，我學(xué)到了很多專業(yè)的知識(shí)，能夠得心應(yīng)手開展工作;在一個(gè)和諧的環(huán)境下，開心的工作;可以說都是受益于各位領(lǐng)導(dǎo)的栽培和各位同事的賜教。
總的來說，由于本人工作經(jīng)驗(yàn)不多，能力還有欠缺。雖然能勝任本職工作，但是社會(huì)在不斷的進(jìn)步，技術(shù)在不斷的更新，我還需要更多的磨礪。為此，今后在工作中，我需要進(jìn)一步增強(qiáng)開拓創(chuàng)新精神，刻苦鉆研新的技術(shù)。在上級(jí)的正確領(lǐng)導(dǎo)下，努力拼搏，扎實(shí)工作，以更好的質(zhì)量、更高的效率、更扎實(shí)的作風(fēng)做好本職工作，為我們這個(gè)光榮的___、輝煌的事業(yè)做出應(yīng)有的貢獻(xiàn)。
>> 基于項(xiàng)目化教學(xué)的“網(wǎng)頁設(shè)計(jì)與制作”課程改革與實(shí)踐 《網(wǎng)頁設(shè)計(jì)與制作》課程教學(xué)的創(chuàng)新與實(shí)踐 網(wǎng)頁設(shè)計(jì)與制作課程的教學(xué)改革與實(shí)踐研究 《網(wǎng)頁設(shè)計(jì)與制作》課程的開發(fā)與實(shí)踐探析 《網(wǎng)頁設(shè)計(jì)與制作》課程建設(shè)的認(rèn)知與實(shí)踐 計(jì)算機(jī)廣告制作專業(yè)的網(wǎng)頁設(shè)計(jì)課程教學(xué)改革與實(shí)踐 《網(wǎng)頁設(shè)計(jì)與制作》課程教學(xué)模式的改革及實(shí)踐 基于工作過程的“網(wǎng)頁設(shè)計(jì)與制作”課程改革的探索與實(shí)踐 網(wǎng)頁設(shè)計(jì)與制作的課程改革新動(dòng)向 中職《網(wǎng)頁設(shè)計(jì)與制作》課程的改革初探 網(wǎng)頁制作課程設(shè)計(jì)的組織與實(shí)踐 任務(wù)驅(qū)動(dòng)法在《網(wǎng)頁設(shè)計(jì)與制作》課程教學(xué)中的實(shí)踐探索 項(xiàng)目驅(qū)動(dòng)式教學(xué)法在“網(wǎng)頁設(shè)計(jì)與制作”中的研究與應(yīng)用 基于CDIO理念的網(wǎng)頁設(shè)計(jì)與制作教學(xué)改革與實(shí)踐探究 基于項(xiàng)目牽引式《網(wǎng)頁設(shè)計(jì)與制作》教學(xué)的實(shí)踐與探究 “網(wǎng)頁制作”的教學(xué)設(shè)計(jì)與實(shí)踐探究 “網(wǎng)頁設(shè)計(jì)與制作”課程教學(xué)方法的探索 《網(wǎng)頁設(shè)計(jì)與制作》課程的教學(xué)探討 淺談《網(wǎng)頁設(shè)計(jì)與制作》課程的實(shí)訓(xùn)教學(xué) 淺析《網(wǎng)頁設(shè)計(jì)與制作》課程的教學(xué)方法 常見問題解答 當(dāng)前所在位置：l；
頁面設(shè)計(jì)中明確體現(xiàn)各功能區(qū)域的劃分，布局合理，網(wǎng)站結(jié)構(gòu)應(yīng)層次分明，主題鮮明，界面美觀、簡(jiǎn)潔；
3）頁面設(shè)計(jì)中導(dǎo)航和超鏈接清晰，對(duì)象插入合理；
4）網(wǎng)站必須有一張關(guān)于制作團(tuán)隊(duì)信息的網(wǎng)頁，介紹各組成人員并詳細(xì)說明其在項(xiàng)目實(shí)施過程中擔(dān)任的職責(zé)和完成的任務(wù)；
5）在網(wǎng)頁中恰當(dāng)?shù)奈恢迷O(shè)計(jì)一個(gè)簡(jiǎn)單的登錄表單；
6）網(wǎng)站欄目在三個(gè)以上.每個(gè)欄目至少有兩個(gè)頁面，網(wǎng)站的網(wǎng)頁總數(shù)量不少于10張，且網(wǎng)站中的相關(guān)信息列表及內(nèi)容使用動(dòng)態(tài)網(wǎng)頁呈現(xiàn)。
7）運(yùn)用外部樣式表定制網(wǎng)頁風(fēng)格，網(wǎng)站內(nèi)風(fēng)格統(tǒng)一。
3.2.4 學(xué)習(xí)評(píng)價(jià)
學(xué)習(xí)評(píng)價(jià)包括過程性評(píng)價(jià)和總結(jié)性評(píng)價(jià)。評(píng)價(jià)的內(nèi)容包括兩個(gè)方面：一是學(xué)生參與活動(dòng)各環(huán)節(jié)的表現(xiàn)，二是網(wǎng)站整體的完成質(zhì)量。根據(jù)上述網(wǎng)站制作要求，客觀公正地評(píng)價(jià)學(xué)生的學(xué)習(xí)效果。由于學(xué)生解決實(shí)際問題能力有限，在項(xiàng)目實(shí)施過程中，可能會(huì)存在一系列的問題，在小組互評(píng)中，各小組組長(zhǎng)在匯報(bào)中要指出網(wǎng)站制作過程中出現(xiàn)的問題所在及其解決方法，使學(xué)生的各種能力在評(píng)價(jià)中得到提高。在評(píng)價(jià)方法上，主要評(píng)價(jià)學(xué)生是否達(dá)到項(xiàng)目既定的目標(biāo)要求，關(guān)注學(xué)生在完成項(xiàng)目中的進(jìn)步程度，這樣有利于學(xué)生實(shí)踐能力和創(chuàng)新能力的培養(yǎng)。
在本課程中，每個(gè)學(xué)生學(xué)習(xí)的效果直接由完成網(wǎng)站的情況來衡量，包括四個(gè)部分：一是教師評(píng)價(jià)，由教師對(duì)各個(gè)小組項(xiàng)目完成情況進(jìn)行評(píng)定，評(píng)價(jià)內(nèi)容主要包括能否共同協(xié)作、是否實(shí)現(xiàn)預(yù)定功能等；二是小組間互評(píng)，由各小組組長(zhǎng)在項(xiàng)目完成后給全班同學(xué)進(jìn)行匯報(bào)，主要包括網(wǎng)站的設(shè)計(jì)思路、小組成員分工情況以及如何完成既定目標(biāo)；三是小組內(nèi)部各成員間互評(píng)，由各小組成員根據(jù)各組員對(duì)本小組項(xiàng)目貢獻(xiàn)的情況進(jìn)行互評(píng)；四是學(xué)生自評(píng)，由學(xué)生本人進(jìn)行自評(píng)，通過學(xué)習(xí)是否有所提高。綜合以上評(píng)定情況來確定每一名學(xué)生的學(xué)生總評(píng)成績(jī)。
4 總結(jié)
通過多年的教學(xué)實(shí)踐，采用項(xiàng)目驅(qū)動(dòng)模式教學(xué)，能明確學(xué)習(xí)目標(biāo)，較大地提升學(xué)習(xí)者的學(xué)習(xí)興趣。從而提高學(xué)生的學(xué)習(xí)效果，保證教學(xué)質(zhì)量，鍛煉學(xué)生解決實(shí)際問題的能力。因此，項(xiàng)目驅(qū)動(dòng)教學(xué)模式對(duì)《網(wǎng)頁設(shè)計(jì)與制作》課程來說是行之有效的教學(xué)方法。
參考文獻(xiàn)：
[1] 張鈺莎. 項(xiàng)目驅(qū)動(dòng)式教學(xué)法在《網(wǎng)頁設(shè)計(jì)與制作》中的探討[J].現(xiàn)代計(jì)算機(jī)，2011（6）.
[2] 胡永剛. 項(xiàng)目教學(xué)法在《網(wǎng)頁制作基礎(chǔ)》課程中的應(yīng)用[J].機(jī)械職業(yè)教育，2008（2）.
由于指導(dǎo)思想明確，質(zhì)量上乘，由楊選輝編著的《網(wǎng)頁設(shè)計(jì)與制作教程》和《網(wǎng)頁設(shè)計(jì)與制作實(shí)驗(yàn)指導(dǎo)》問世2年來，發(fā)行了7萬多冊(cè)，深受各校師生的歡迎和好評(píng)。該套教材被評(píng)為江西省普通高等學(xué)校優(yōu)秀教材獎(jiǎng)一等獎(jiǎng)，與教材配套的多媒體教學(xué)課件獲得了第七屆全國(guó)多媒體課件大賽優(yōu)秀獎(jiǎng)、江西省高校第三屆優(yōu)秀多媒體教學(xué)課件二等獎(jiǎng)。
由于網(wǎng)頁設(shè)計(jì)與制作技術(shù)的不斷發(fā)展，網(wǎng)頁設(shè)計(jì)與制作軟件不斷推陳出新，作者根據(jù)多年來教學(xué)經(jīng)驗(yàn)的總結(jié)和社會(huì)各界讀者提出的建議，重新編寫了該套教材。該套教材包括：《網(wǎng)頁設(shè)計(jì)與制作教程》(第2版) 為課堂教學(xué)教材，《網(wǎng)頁設(shè)計(jì)與制作實(shí)驗(yàn)指導(dǎo)》(第2版)為實(shí)驗(yàn)輔助教材，配套的多媒體教學(xué)課件可以從清華大學(xué)出版社網(wǎng)站免費(fèi)下載。
《網(wǎng)頁設(shè)計(jì)與制作教程》(第2版)是全面介紹網(wǎng)頁設(shè)計(jì)與制作技術(shù)的教程，它以目前最流行的網(wǎng)頁設(shè)計(jì)軟件作為技術(shù)支持，由淺入深、系統(tǒng)地介紹了網(wǎng)頁的構(gòu)思、規(guī)劃、制作和網(wǎng)站建設(shè)的全過程。全書分為三篇共11章和一個(gè)附錄，涵蓋了網(wǎng)頁和網(wǎng)站建設(shè)的基本知識(shí)、HTML語言，以及FrontPage 2003、Dreamweaver 8、Photoshop CS2、Fireworks 8、Flash 8五個(gè)常用軟件的主要知識(shí)。全書構(gòu)思清晰，結(jié)構(gòu)合理，內(nèi)容全面系統(tǒng)，兼顧了入門和提高兩個(gè)層次；語言簡(jiǎn)潔生動(dòng)、圖文并茂、實(shí)例新穎，關(guān)注了每個(gè)軟件最常用、實(shí)用的部分；并特別注重對(duì)實(shí)踐能力的培養(yǎng)。為提高教材的實(shí)用性、可操作性和可模仿性，作者巧妙地將理論學(xué)習(xí)與實(shí)踐操作緊密結(jié)合在了一起。在與教程配套的《網(wǎng)頁設(shè)計(jì)與制作實(shí)驗(yàn)指導(dǎo)》(第2版)中，共設(shè)計(jì)了6章共48個(gè)非常有代表性的實(shí)驗(yàn)，可以供讀者上機(jī)練習(xí)使用。這兩本書可以幫助初學(xué)者在較短的時(shí)間內(nèi)快速掌握實(shí)用的網(wǎng)頁設(shè)計(jì)知識(shí)和通用的網(wǎng)站制作方法，設(shè)計(jì)制作出自己喜愛的網(wǎng)站。
作者一貫主張教師要有使命感，教材要滿足教與學(xué)的需求。通過多年不懈的努力，作者最終給讀者呈現(xiàn)了一套立體化的教學(xué)方案：優(yōu)秀的課堂教學(xué)教程、實(shí)用的實(shí)驗(yàn)指導(dǎo)書、精彩的多媒體教學(xué)課件。歡迎大家使用和驗(yàn)證。
網(wǎng)頁設(shè)計(jì)與制作教程(第2版)
作者：楊選輝
ISBN：9787302178200
網(wǎng)頁設(shè)計(jì)與制作實(shí)驗(yàn)指導(dǎo)(第2版)
作者：楊選輝
ISBN：9787302177296
1）網(wǎng)頁設(shè)計(jì)的概念。
通常而言，網(wǎng)頁設(shè)計(jì)是根據(jù)網(wǎng)頁的不同用途以及不用的特點(diǎn)，運(yùn)用美學(xué)知識(shí)進(jìn)行規(guī)劃、設(shè)計(jì)等的結(jié)果。網(wǎng)頁制作和網(wǎng)頁設(shè)計(jì)這兩個(gè)不同的概念常常讓普通人混淆。在一定程度上來說，網(wǎng)頁設(shè)計(jì)和網(wǎng)頁制作有著共同點(diǎn)，兩個(gè)也有著不可分割的關(guān)系，但是實(shí)際上它們的區(qū)別是根本上的、本質(zhì)的。通常情況下，視覺美學(xué)中的基本規(guī)律在網(wǎng)頁設(shè)計(jì)中同樣適用。什么是網(wǎng)頁設(shè)計(jì)？通俗的說，就是通過對(duì)文字、圖像規(guī)律性的組合，還網(wǎng)頁看起來更加規(guī)整，信息傳遞更加明確。在滿足這樣目的的前提下，也需要使網(wǎng)頁滿足大眾的審美習(xí)慣。網(wǎng)頁設(shè)計(jì)中除了文字和圖像的廣泛運(yùn)用，也會(huì)插入一些動(dòng)畫和簡(jiǎn)短的小視頻，來增加網(wǎng)頁的視覺美感。網(wǎng)頁設(shè)計(jì)時(shí)設(shè)計(jì)目標(biāo)的確定十分重要，之后再確定設(shè)計(jì)流程，加以優(yōu)化，最終達(dá)到設(shè)計(jì)出優(yōu)秀網(wǎng)頁的目的。
2）平面設(shè)計(jì)在網(wǎng)頁設(shè)計(jì)中的具體表現(xiàn)。
網(wǎng)頁設(shè)計(jì)中平面設(shè)計(jì)占了主要部分，而語言文字和圖像又是平面設(shè)計(jì)的主體，所以網(wǎng)頁設(shè)計(jì)中的語言文字和圖像往往是使用最多的元素。語言文字是運(yùn)用最多的，對(duì)于網(wǎng)頁信息有著解釋說明的作用。當(dāng)然文字的設(shè)計(jì)首先要清晰且能夠準(zhǔn)確無誤的表達(dá)，然后在考慮字體的大小、格式以及色彩。圖像使得網(wǎng)頁設(shè)計(jì)充滿了趣味性，這是文字無法代替的。所以圖像也是網(wǎng)頁設(shè)計(jì)中重要的一環(huán)，它對(duì)信息的傳達(dá)有著文字不可替代的效果。雖然文字也十分重要，但是圖像給人們帶來的視覺沖擊是文字所無法媲美的。因而，圖像的運(yùn)用對(duì)于會(huì)激起瀏覽者繼續(xù)瀏覽的興趣。當(dāng)然，圖像和文字的配合使用能夠產(chǎn)生不一般的效果，具有空間超越性。
二、網(wǎng)頁設(shè)計(jì)中視覺元素的功能性與審美性
網(wǎng)絡(luò)設(shè)計(jì)是通過互聯(lián)網(wǎng)將信息傳遞給大眾，其中信息是主體部分，但是其包含的視覺元素的作用也是不可忽略的。
1）網(wǎng)頁設(shè)計(jì)中視覺元素的功能性。
在網(wǎng)頁設(shè)計(jì)中，無論是文字還是圖像都需要遵循視覺美學(xué)的基本規(guī)律。將網(wǎng)頁中的各個(gè)信息點(diǎn)通過運(yùn)用視覺美學(xué)的知識(shí)進(jìn)行分類、規(guī)劃，可以是網(wǎng)頁更加清晰，所傳達(dá)的信息更加明確。例如，在視覺美學(xué)中，人們第一眼往往會(huì)停留在網(wǎng)頁的中上方。同樣，網(wǎng)頁設(shè)計(jì)時(shí)也有著這樣的規(guī)律。一個(gè)優(yōu)秀的網(wǎng)頁往往第一眼就能抓住瀏覽者的眼球，能讓瀏覽者快速的接受網(wǎng)頁傳遞的信息。所以說，視覺元素的功能性在網(wǎng)頁設(shè)計(jì)中起著不可估量的作用。
2）網(wǎng)頁設(shè)計(jì)中視覺元素的審美性。
雖然說網(wǎng)頁設(shè)計(jì)的目的是讓網(wǎng)頁看起來更加規(guī)整，信息表達(dá)更加準(zhǔn)確，但是優(yōu)秀的網(wǎng)頁設(shè)計(jì)也需要給瀏覽者帶來視覺的審美體驗(yàn)。在網(wǎng)頁設(shè)計(jì)中，視覺元素在網(wǎng)頁背景上有著幾乎完美的體現(xiàn)，通過對(duì)不同平面元素的綜合運(yùn)用，網(wǎng)頁背景往往是最能夠表達(dá)視覺元素的地方。具有美感的網(wǎng)頁設(shè)計(jì)會(huì)讓瀏覽者增加對(duì)該網(wǎng)頁的好感，就會(huì)更加愿意花費(fèi)時(shí)間去瀏覽，有利于網(wǎng)頁的點(diǎn)擊率。
3）網(wǎng)頁設(shè)計(jì)中視覺元素的特殊性。
對(duì)于網(wǎng)頁的瀏覽，視覺往往是首要因素。在沒有具體目標(biāo)的情況下，視覺往往促進(jìn)瀏覽的主要原因，人們常常因?yàn)閳D片的有趣而產(chǎn)生繼續(xù)瀏覽的欲望。所以視覺元素的合理運(yùn)用，會(huì)增加瀏覽者的興趣，在網(wǎng)頁設(shè)計(jì)中有著不可替代的特殊性。因而，視覺元素的合理應(yīng)用有助于網(wǎng)頁的發(fā)展，也會(huì)給瀏覽者留下好的印象。
4）不同種類網(wǎng)頁設(shè)計(jì)中視覺元素的應(yīng)用形式。
視覺元素的應(yīng)用是具有針對(duì)性的，是不可以一套而論的，需要針對(duì)各自的功能特點(diǎn)運(yùn)用的。以下就商業(yè)網(wǎng)站、公共服務(wù)網(wǎng)站、個(gè)人網(wǎng)站為例說明。在商業(yè)網(wǎng)頁中，最主要的就是商品的推銷。因此，在該網(wǎng)頁上就要突出商品的性能優(yōu)點(diǎn)，適當(dāng)時(shí)也添加圖片。同時(shí)，網(wǎng)頁的機(jī)構(gòu)通常都比較嚴(yán)謹(jǐn)，信息的傳達(dá)都不叫緊湊。在公共服務(wù)網(wǎng)頁中，其信息量的比較大的，所以需要注意結(jié)構(gòu)的簡(jiǎn)潔和清晰，在色彩上，無需使用過多艷麗的顏色，裝飾上盡量簡(jiǎn)單，使網(wǎng)站的可靠性增加。而個(gè)人網(wǎng)頁就有所不同，它一般注重個(gè)人性格的表達(dá)。所以個(gè)人網(wǎng)頁的設(shè)計(jì)較為隨意，色彩的使用較為大膽，圖像比較多變，更加突顯出鮮明的個(gè)人色彩。
三、網(wǎng)頁設(shè)計(jì)發(fā)展的趨勢(shì)
如今，一味地套用早已無法適應(yīng)網(wǎng)絡(luò)的發(fā)展，創(chuàng)新才有新出路。并且，復(fù)雜的色彩、冗長(zhǎng)的文字和炫目的圖像等會(huì)使人們產(chǎn)生視覺疲勞，所以，簡(jiǎn)潔的網(wǎng)頁設(shè)計(jì)更能夠適應(yīng)如今的發(fā)展規(guī)律。從瀏覽者的角度來說，全屏的大圖往往能夠吸引他們的注意力，瀏覽者往往是因?yàn)榇笃翀D像帶來的視覺沖擊性才瀏覽這個(gè)網(wǎng)頁的。在有大屏圖像的同時(shí)，配搭精簡(jiǎn)的文字加以說明，可以是網(wǎng)頁顯得簡(jiǎn)潔、大氣、美觀。與此同時(shí)，網(wǎng)頁設(shè)計(jì)中也開始慢慢使用動(dòng)畫和視頻，它們對(duì)于細(xì)節(jié)的表達(dá)更加直觀。
四、總結(jié)
關(guān)鍵詞：網(wǎng)頁設(shè)計(jì)；教學(xué)方法；實(shí)踐能力；考核評(píng)價(jià)
中圖分類號(hào)：G424.1
1.引言
《網(wǎng)頁設(shè)計(jì)》是一門集計(jì)算機(jī)語言、設(shè)計(jì)技術(shù)、美學(xué)為一體的綜合設(shè)計(jì)課程。如何讓學(xué)生能夠獨(dú)立設(shè)計(jì)出風(fēng)格鮮明的網(wǎng)頁？如何提高網(wǎng)頁的實(shí)用性？如何讓學(xué)生在實(shí)踐中學(xué)習(xí)知識(shí)、提高能力？如何在網(wǎng)頁設(shè)計(jì)中相互配合，增強(qiáng)團(tuán)隊(duì)開發(fā)意識(shí)？這對(duì)《網(wǎng)頁設(shè)計(jì)》課程的教學(xué)提出了更高的要求。
2.《網(wǎng)頁設(shè)計(jì)》課程的特點(diǎn)
2.1 課程具有較強(qiáng)的職業(yè)性[1]。如何讓學(xué)生能夠設(shè)計(jì)網(wǎng)頁是課程的目的之一，而設(shè)計(jì)網(wǎng)頁的需求來源于企事業(yè)單位網(wǎng)站建設(shè)工作，這必須必須對(duì)各行業(yè)的工作有一定的認(rèn)識(shí)。學(xué)生只有進(jìn)入職業(yè)角色去構(gòu)思網(wǎng)頁設(shè)計(jì)，才能做出符合要求的網(wǎng)頁。、
2.2 課程具有較強(qiáng)的綜合性。《網(wǎng)頁設(shè)計(jì)》是一門計(jì)算機(jī)技術(shù)與設(shè)計(jì)藝術(shù)相結(jié)合的課程，既要讓學(xué)生掌握網(wǎng)頁設(shè)計(jì)語言，又要從美學(xué)角度考慮網(wǎng)頁架構(gòu)設(shè)計(jì)、線條布局、色彩搭配等問題，必須讓學(xué)生會(huì)將多方面的知識(shí)綜合運(yùn)用，才能達(dá)到課程培養(yǎng)目的。
2.3 課程具有較強(qiáng)的實(shí)踐性[1]。《網(wǎng)頁設(shè)計(jì)》課程的教學(xué)內(nèi)容實(shí)踐性強(qiáng)，能極大提高學(xué)生的學(xué)習(xí)能動(dòng)性，激發(fā)參與意識(shí)，鍛煉動(dòng)手能力，同時(shí)培養(yǎng)專業(yè)興趣。教授和學(xué)習(xí)中都一定要注意理論與實(shí)踐相結(jié)合，而實(shí)踐是教學(xué)的主線。教師應(yīng)該多安排實(shí)踐內(nèi)容，學(xué)生應(yīng)該多動(dòng)手實(shí)踐，能熟練地創(chuàng)作出實(shí)用的網(wǎng)頁。理論教學(xué)指導(dǎo)、服務(wù)實(shí)踐教學(xué)，實(shí)踐教學(xué)反過來印證、提高理論教學(xué)。
3.目前《網(wǎng)頁設(shè)計(jì)》課程教學(xué)中存在的問題
3.1 傳統(tǒng)的教學(xué)方法不適應(yīng)《網(wǎng)頁設(shè)計(jì)》的課程特點(diǎn)。傳統(tǒng)黑板式教學(xué)與口授言講式教學(xué)以教師為中心，教師教學(xué)為主體，學(xué)生被動(dòng)接受學(xué)習(xí)，理論和實(shí)踐嚴(yán)重脫節(jié)，紙上談兵，無法解決現(xiàn)實(shí)的網(wǎng)頁設(shè)計(jì)問題。教師授課按部就班，學(xué)生大多跟隨課堂教學(xué)，教師講多少，學(xué)生學(xué)多少；甚至講授到下一個(gè)知識(shí)點(diǎn)或者操作內(nèi)容時(shí)，以前學(xué)習(xí)的又忘記了。
3.2 多媒體教學(xué)方式的缺陷。在使用多媒體的教學(xué)方式中，教師可以利用多媒體靈活多樣性，以豐富多彩的形式展示教學(xué)內(nèi)容，但按照多媒體課件設(shè)計(jì)內(nèi)容講授，比較機(jī)械；而課后學(xué)生忙于拷貝教師課件，甚至不用記筆記，缺乏深刻認(rèn)識(shí)，對(duì)知識(shí)點(diǎn)的印象更易淡忘。
3.3 以課堂教材為主，思維局限，缺乏學(xué)生實(shí)踐能力培養(yǎng)。以課堂為中心的教學(xué)方式，讓學(xué)生的思維受限于教材。目前《網(wǎng)頁設(shè)計(jì)》所用教材大多專注于網(wǎng)頁設(shè)計(jì)工具的使用，缺乏網(wǎng)站開發(fā)實(shí)例；這樣一來學(xué)生只能學(xué)會(huì)如何去使用開發(fā)工具來制作網(wǎng)頁，而不會(huì)學(xué)會(huì)網(wǎng)站建設(shè)的技巧。
3.4 上機(jī)練習(xí)，缺乏團(tuán)隊(duì)合作培養(yǎng)。上機(jī)練習(xí)任務(wù)都針對(duì)近期所講知識(shí)點(diǎn)，且受限于上機(jī)練習(xí)時(shí)間，作業(yè)不可能布置太復(fù)雜，導(dǎo)致學(xué)生在練習(xí)過程中，經(jīng)常是獨(dú)立思考、獨(dú)自操作，缺乏相互溝通、相互配合；而遇到問題更多依賴?yán)蠋焷斫鉀Q，讓教師投入更多的時(shí)間來解決問題，缺乏對(duì)學(xué)生協(xié)作精神、團(tuán)隊(duì)意識(shí)和創(chuàng)新能力的培養(yǎng)。
4.關(guān)于《網(wǎng)頁設(shè)計(jì)》教學(xué)的思考
4.1 充分調(diào)動(dòng)學(xué)生學(xué)習(xí)興趣。可以介紹淘寶網(wǎng)、12306火車票訂票網(wǎng)站、高考志愿填報(bào)網(wǎng)站、電子郵件、微博等網(wǎng)站的應(yīng)用情況，以學(xué)生熟悉的網(wǎng)絡(luò)應(yīng)用為切入點(diǎn)，使學(xué)生切身體會(huì)到網(wǎng)絡(luò)應(yīng)用在現(xiàn)在生活中發(fā)揮的重要作用。然后，教師逐步引導(dǎo)學(xué)生了解網(wǎng)絡(luò)應(yīng)用的作用，同時(shí)讓學(xué)生了解就業(yè)需求，讓學(xué)生切身體會(huì)到學(xué)習(xí)網(wǎng)頁設(shè)計(jì)的必要性，提高學(xué)生的學(xué)習(xí)興趣，增加學(xué)習(xí)動(dòng)力。
4.2 扎實(shí)掌握基本知識(shí)。在學(xué)習(xí)這門課程之前，學(xué)生大多沒有學(xué)習(xí)過網(wǎng)絡(luò)相關(guān)的知識(shí)，為了讓學(xué)生了解網(wǎng)頁設(shè)計(jì)工作在整個(gè)網(wǎng)絡(luò)應(yīng)用中所處的位置，非常有必要補(bǔ)充網(wǎng)絡(luò)基礎(chǔ)知識(shí)，明白網(wǎng)站開發(fā)流程。
首先，著重講述網(wǎng)絡(luò)的基本概念，如：網(wǎng)絡(luò)上常見的服務(wù)、IP地址、域名解析等，描述從客戶端訪問一個(gè)網(wǎng)站時(shí)數(shù)據(jù)傳遞的過程，讓學(xué)生充分理解網(wǎng)站是如何讓人們能夠訪問的；在整個(gè)訪問網(wǎng)站過程中，網(wǎng)頁設(shè)計(jì)是在哪一個(gè)環(huán)節(jié)工作，發(fā)揮什么作用。其次，模擬要開發(fā)一個(gè)網(wǎng)站，從無到有，從需求分析、網(wǎng)站規(guī)劃、設(shè)計(jì)制作、申請(qǐng)域名和空間、網(wǎng)站、后期維護(hù)等開發(fā)流程逐步介紹各環(huán)節(jié)要完成的工作，讓學(xué)生對(duì)網(wǎng)站開發(fā)有初步的印象。這些基本知識(shí)看似對(duì)網(wǎng)頁設(shè)計(jì)關(guān)聯(lián)性非常小，但是可以讓學(xué)生對(duì)整個(gè)網(wǎng)絡(luò)有更深刻的理解，對(duì)網(wǎng)站開發(fā)過程了解了，更有利于掌握網(wǎng)頁設(shè)計(jì)技術(shù)。
4.3 綜合運(yùn)用多種教學(xué)方法，以學(xué)生為中心[2]。教學(xué)的最終目標(biāo)是讓學(xué)生掌握網(wǎng)頁設(shè)計(jì)的關(guān)鍵技術(shù)，具備制作靜態(tài)網(wǎng)站的能力。為了達(dá)到這個(gè)目標(biāo)，要求教師結(jié)合不同授課內(nèi)容，靈活運(yùn)用多種教學(xué)方法，可以使用案例教學(xué)法、項(xiàng)目教學(xué)法等，讓學(xué)生快速有效地掌握知識(shí)，達(dá)到熟練運(yùn)用。
首先，案例教學(xué)方法的使用。案例教學(xué)法（Case Method）是19世紀(jì)70年代美國(guó)哈佛大學(xué)法學(xué)院院長(zhǎng)蘭德爾首創(chuàng)。它要求在教學(xué)中采用實(shí)例進(jìn)行教學(xué)，教師將知識(shí)點(diǎn)設(shè)計(jì)應(yīng)用到案例中，并進(jìn)行實(shí)際操作[2]。在網(wǎng)頁設(shè)計(jì)課程中，針對(duì)網(wǎng)頁設(shè)計(jì)的知識(shí)點(diǎn)，可以設(shè)計(jì)出專門的范例代碼在課堂上進(jìn)行演示，也可以在一個(gè)案例中貫穿幾個(gè)有相關(guān)性的知識(shí)點(diǎn)，綜合使用多種技術(shù)。例如：在CSS應(yīng)用中，可以設(shè)計(jì)出招生宣傳網(wǎng)站中“專業(yè)介紹”的案例，針對(duì)文字段落設(shè)計(jì)出不同的樣式，并在學(xué)院、專業(yè)、專業(yè)介紹等不同級(jí)別的文字上進(jìn)行試驗(yàn)，展示CSS技術(shù)的優(yōu)勢(shì)。其次，項(xiàng)目教學(xué)法的應(yīng)用。項(xiàng)目教學(xué)法（Project Based Learning，PBL）是建立在工業(yè)社會(huì)、信息社會(huì)基礎(chǔ)上的現(xiàn)代教育的一種形式，以培養(yǎng)實(shí)用型人才為直接目的的一種人才培養(yǎng)模式。這種教學(xué)模式的關(guān)鍵是可以避開傳統(tǒng)的學(xué)科體系教學(xué)知識(shí)的完整性和系統(tǒng)性，從以邏輯思維方式為主轉(zhuǎn)向以形象思維方式為主，所關(guān)注的是項(xiàng)目能否按期完成，對(duì)知訓(xùn)結(jié)構(gòu)是以“夠用”為準(zhǔn)則的，主要是為了鍛煉學(xué)生勤動(dòng)手的技能，不僅可以獨(dú)立收集信息還可以自行分析知識(shí)，從一定程度上提高了學(xué)生的實(shí)踐及創(chuàng)新能力[3]。在學(xué)習(xí)HTML和CSS知識(shí)之后，可以設(shè)計(jì)一個(gè)網(wǎng)站開發(fā)項(xiàng)目，2人一組，一個(gè)負(fù)責(zé)設(shè)計(jì)網(wǎng)頁結(jié)構(gòu)、安排內(nèi)容；另一個(gè)負(fù)責(zé)設(shè)計(jì)CSS樣式表，完成內(nèi)容美工、顯示效果制作。這種情況下，只有兩個(gè)人充分溝通才能完成該設(shè)計(jì)，在實(shí)踐動(dòng)手中增強(qiáng)團(tuán)隊(duì)協(xié)作意識(shí)。
5.總結(jié)
筆者根據(jù)多年來在《網(wǎng)頁設(shè)計(jì)》教學(xué)中的實(shí)踐，就《網(wǎng)頁設(shè)計(jì)》這門課程該如何去提高教學(xué)質(zhì)量、增強(qiáng)學(xué)生的學(xué)習(xí)積極性、提高學(xué)生實(shí)踐能力和創(chuàng)新能力展開思考和總結(jié)，針對(duì)目前該課程教學(xué)中存在的問題提出相應(yīng)解決方法，對(duì)教學(xué)模式進(jìn)行革新，取得了較好的教學(xué)效果。
參考文獻(xiàn)
[1]劉銘.高職《網(wǎng)頁設(shè)計(jì)》課程的教學(xué)模式設(shè)計(jì)[J].職教論壇，2010（35）：44-46
1網(wǎng)頁設(shè)計(jì)中有效的藝術(shù)創(chuàng)新實(shí)施方法
1.1 基于網(wǎng)頁設(shè)計(jì)中藝術(shù)色彩方面的創(chuàng)新方法隨著網(wǎng)頁藝術(shù)設(shè)計(jì)的快速發(fā)展，色彩作為設(shè)計(jì)過程中的主要元素，給人更加直觀的印象和感受，易于影響到人們的情緒和心情。那么在設(shè)計(jì)中運(yùn)用不同的色彩往往更能凸顯出藝術(shù)的沖擊力，給人更為新穎的感覺，因此，關(guān)于在色彩方面的加工與設(shè)計(jì)顯得尤為重要。而其中最為重要的兩種表現(xiàn)形式是選用的自由化模式和色彩的簡(jiǎn)約模式。前者傾向于對(duì)色彩的集中度突顯、自由化組合，使得網(wǎng)頁的個(gè)性特征得以體現(xiàn)，讓網(wǎng)頁風(fēng)格不同于常見的形式，以恰當(dāng)?shù)纳式M合設(shè)計(jì)，給不同的客戶帶來有益的影響。需要注意的是，設(shè)計(jì)者在藝術(shù)色彩的設(shè)計(jì)與選用的過程中，要以訪問者的角度給予情感和心理方面的情緒變化融入，進(jìn)而形成獨(dú)特的藝術(shù)魅力;后者則強(qiáng)調(diào)在色彩選用和設(shè)計(jì)的過程中遵循簡(jiǎn)約的風(fēng)格，讓網(wǎng)頁設(shè)計(jì)效果讓人看起來更加舒服、美觀。尤其在近年來的網(wǎng)頁藝術(shù)設(shè)計(jì)發(fā)展當(dāng)中，這項(xiàng)創(chuàng)新理念的發(fā)揮已經(jīng)逐漸成為眾多設(shè)計(jì)者首選的方式，其優(yōu)勢(shì)在于能夠?qū)崿F(xiàn)很多繁雜藝術(shù)設(shè)計(jì)無法體現(xiàn)的樸素、極簡(jiǎn)風(fēng)格，讓設(shè)計(jì)者擬定的主題更加清晰和顯著。例如：在網(wǎng)頁設(shè)計(jì)中，如何合理搭配與運(yùn)用色彩，使其與藝術(shù)動(dòng)態(tài)網(wǎng)頁文字相呼應(yīng)和匹配，為訪問者呈現(xiàn)出更有層次感和對(duì)比效果的變化，將設(shè)計(jì)者想要表達(dá)的心理感受體現(xiàn)出來。如圖所示的操作界面中，為了匹配“2004高雄表演藝術(shù)”中心主題，設(shè)計(jì)者需使用100%純度的黑色作為主色彩，以達(dá)到形成和背景巨大反差的目的，同時(shí)在底色方面以透明灰色鏤空形式來表現(xiàn)“mityhaircutsdesign”等字體，更具吸引力，呈現(xiàn)出動(dòng)態(tài)變化的特征。
1.2 保證留白的合理性在網(wǎng)頁藝術(shù)設(shè)計(jì)的過程中，很多設(shè)計(jì)者認(rèn)為要充分利用每一塊空間位置，才能呈現(xiàn)出最佳的效果。事實(shí)上并非如此，優(yōu)秀新穎的網(wǎng)頁設(shè)計(jì)不必非要利用到每一個(gè)位置，適當(dāng)?shù)牧舭滋幚砀転樵L問者留下好的印象和感受。留白旨在突顯出藝術(shù)作品中虛實(shí)結(jié)合、相得益彰的良好成效，它的科學(xué)合理性設(shè)計(jì)，不僅能在視覺呈現(xiàn)方面顯得平衡感十足，保持動(dòng)靜結(jié)合、虛實(shí)相應(yīng)的觀感體驗(yàn)，而且簡(jiǎn)潔、合理的內(nèi)容分布，則有效提高了訪問者的效率，有助于相關(guān)工作處理獲得便捷，進(jìn)而無形中促使更多的訪問者加以瀏覽和關(guān)注，增強(qiáng)整體的網(wǎng)頁設(shè)計(jì)效果。此外，將Flas運(yùn)用到網(wǎng)頁設(shè)計(jì)當(dāng)中，突顯出一些廣告等信息的新穎性，增強(qiáng)吸引效果，借助Flash自身的動(dòng)畫特效優(yōu)勢(shì)和特點(diǎn)，表現(xiàn)出設(shè)計(jì)者寄予的思想和感情，像網(wǎng)頁中諸如旗幟與按鈕類型的廣告設(shè)計(jì)，均能夠利用Flash的動(dòng)畫效果來呈現(xiàn)。
2總結(jié)
總之，由于網(wǎng)絡(luò)媒體在社會(huì)發(fā)展以及人們的日常生活中發(fā)揮出越來越大的作用，作為網(wǎng)站建設(shè)中極為關(guān)鍵的環(huán)節(jié)，網(wǎng)頁藝術(shù)設(shè)計(jì)顯然至關(guān)重要。而創(chuàng)新理念的不斷推廣，要求網(wǎng)頁設(shè)計(jì)者應(yīng)該將設(shè)計(jì)技術(shù)和藝術(shù)元素有效融合到一起，從網(wǎng)頁的藝術(shù)設(shè)計(jì)的基本內(nèi)容擴(kuò)展、新穎元素引入、設(shè)計(jì)方法的調(diào)整等各個(gè)方面進(jìn)行創(chuàng)新與改革，將網(wǎng)頁設(shè)計(jì)的價(jià)值上升到藝術(shù)魅力的高度，這樣才能更好地促使網(wǎng)頁設(shè)計(jì)中藝術(shù)創(chuàng)新水平的提高。
作者：黃河 單位：貴州省內(nèi)貿(mào)學(xué)校
1實(shí)現(xiàn)藝術(shù)設(shè)計(jì)創(chuàng)新的關(guān)鍵性因素
在網(wǎng)頁設(shè)計(jì)的過程中，網(wǎng)頁風(fēng)格的獨(dú)樹一幟的設(shè)計(jì)模式往往會(huì)更加吸引人。鑒于網(wǎng)頁風(fēng)格的內(nèi)涵較為難理解，同時(shí)不容易實(shí)行，所以一般來講，只能通過網(wǎng)頁訪問者的調(diào)查和反饋中才能獲取，進(jìn)而更具訪問者的感受和意見，重新調(diào)整網(wǎng)頁設(shè)計(jì)的藝術(shù)風(fēng)格，對(duì)于其中的諸如文字、色彩聲音、影像等方面的表達(dá)要精準(zhǔn)且具有一定的新穎性，從而不斷提升網(wǎng)頁設(shè)計(jì)自身的風(fēng)格與特性，使其蘊(yùn)含的藝術(shù)價(jià)值逐漸凸顯出來。例如：基于對(duì)網(wǎng)頁風(fēng)格的個(gè)性化特征表達(dá)的目的，使得網(wǎng)站的主題更加突出，可以利用網(wǎng)頁文字的不同形狀、顏色、大小的裝飾和變化，寄予設(shè)計(jì)者內(nèi)心的感情，讓網(wǎng)頁設(shè)計(jì)文字更加鮮活，進(jìn)而做到呈現(xiàn)出不同的變化效果，和其他網(wǎng)頁風(fēng)格形成區(qū)別，讓新穎度更加明顯。
2網(wǎng)頁設(shè)計(jì)中有效的藝術(shù)創(chuàng)新實(shí)施方法
2.1基于網(wǎng)頁設(shè)計(jì)中藝術(shù)色彩方面的創(chuàng)新方法
隨著網(wǎng)頁藝術(shù)設(shè)計(jì)的快速發(fā)展，色彩作為設(shè)計(jì)過程中的主要元素，給人更加直觀的印象和感受，易于影響到人們的情緒和心情。那么在設(shè)計(jì)中運(yùn)用不同的色彩往往更能凸顯出藝術(shù)的沖擊力，給人更為新穎的感覺，因此，關(guān)于在色彩方面的加工與設(shè)計(jì)顯得尤為重要。而其中最為重要的兩種表現(xiàn)形式是選用的自由化模式和色彩的簡(jiǎn)約模式。前者傾向于對(duì)色彩的集中度突顯、自由化組合，使得網(wǎng)頁的個(gè)性特征得以體現(xiàn)，讓網(wǎng)頁風(fēng)格不同于常見的形式，以恰當(dāng)?shù)纳式M合設(shè)計(jì)，給不同的客戶帶來有益的影響。需要注意的是，設(shè)計(jì)者在藝術(shù)色彩的設(shè)計(jì)與選用的過程中，要以訪問者的角度給予情感和心理方面的情緒變化融入，進(jìn)而形成獨(dú)特的藝術(shù)魅力;后者則強(qiáng)調(diào)在色彩選用和設(shè)計(jì)的過程中遵循簡(jiǎn)約的風(fēng)格，讓網(wǎng)頁設(shè)計(jì)效果讓人看起來更加舒服、美觀。尤其在近年來的網(wǎng)頁藝術(shù)設(shè)計(jì)發(fā)展當(dāng)中，這項(xiàng)創(chuàng)新理念的發(fā)揮已經(jīng)逐漸成為眾多設(shè)計(jì)者首選的方式，其優(yōu)勢(shì)在于能夠?qū)崿F(xiàn)很多繁雜藝術(shù)設(shè)計(jì)無法體現(xiàn)的樸素、極簡(jiǎn)風(fēng)格，讓設(shè)計(jì)者擬定的主題更加清晰和顯著。例如：在網(wǎng)頁設(shè)計(jì)中，如何合理搭配與運(yùn)用色彩，使其與藝術(shù)動(dòng)態(tài)網(wǎng)頁文字相呼應(yīng)和匹配，為訪問者呈現(xiàn)出更有層次感和對(duì)比效果的變化，將設(shè)計(jì)者想要表達(dá)的心理感受體現(xiàn)出來。如圖所示的操作界面中，為了匹配“2004高雄表演藝術(shù)”中心主題，設(shè)計(jì)者需使用100%純度的黑色作為主色彩，以達(dá)到形成和背景巨大反差的目的，同時(shí)在底色方面以透明灰色鏤空形式來表現(xiàn)“mityhaircutsdesign”等字體，更具吸引力，呈現(xiàn)出動(dòng)態(tài)變化的特征。
2.2保證留白的合理性
在網(wǎng)頁藝術(shù)設(shè)計(jì)的過程中，很多設(shè)計(jì)者認(rèn)為要充分利用每一塊空間位置，才能呈現(xiàn)出最佳的效果。事實(shí)上并非如此，優(yōu)秀新穎的網(wǎng)頁設(shè)計(jì)不必非要利用到每一個(gè)位置，適當(dāng)?shù)牧舭滋幚砀転樵L問者留下好的印象和感受。留白旨在突顯出藝術(shù)作品中虛實(shí)結(jié)合、相得益彰的良好成效，它的科學(xué)合理性設(shè)計(jì)，不僅能在視覺呈現(xiàn)方面顯得平衡感十足，保持動(dòng)靜結(jié)合、虛實(shí)相應(yīng)的觀感體驗(yàn)，而且簡(jiǎn)潔、合理的內(nèi)容分布，則有效提高了訪問者的效率，有助于相關(guān)工作處理獲得便捷，進(jìn)而無形中促使更多的訪問者加以瀏覽和關(guān)注，增強(qiáng)整體的網(wǎng)頁設(shè)計(jì)效果。此外，將Flas運(yùn)用到網(wǎng)頁設(shè)計(jì)當(dāng)中，突顯出一些廣告等信息的新穎性，增強(qiáng)吸引效果，借助Flash自身的動(dòng)畫特效優(yōu)勢(shì)和特點(diǎn)，表現(xiàn)出設(shè)計(jì)者寄予的思想和感情，像網(wǎng)頁中諸如旗幟與按鈕類型的廣告設(shè)計(jì)，均能夠利用Flash的動(dòng)畫效果來呈現(xiàn)。
3總結(jié)
總之，由于網(wǎng)絡(luò)媒體在社會(huì)發(fā)展以及人們的日常生活中發(fā)揮出越來越大的作用，作為網(wǎng)站建設(shè)中極為關(guān)鍵的環(huán)節(jié)，網(wǎng)頁藝術(shù)設(shè)計(jì)顯然至關(guān)重要。而創(chuàng)新理念的不斷推廣，要求網(wǎng)頁設(shè)計(jì)者應(yīng)該將設(shè)計(jì)技術(shù)和藝術(shù)元素有效融合到一起，從網(wǎng)頁的藝術(shù)設(shè)計(jì)的基本內(nèi)容擴(kuò)展、新穎元素引入、設(shè)計(jì)方法的調(diào)整等各個(gè)方面進(jìn)行創(chuàng)新與改革，將網(wǎng)頁設(shè)計(jì)的價(jià)值上升到藝術(shù)魅力的高度，這樣才能更好地促使網(wǎng)頁設(shè)計(jì)中藝術(shù)創(chuàng)新水平的提高。
作者：黃河
摘要：信息是人們溝通的主要內(nèi)容，在現(xiàn)今這個(gè)隨處都充斥著各種信息的世界里，傳遞信息的媒介也越來越得到重視。其中互聯(lián)網(wǎng)技術(shù)便是現(xiàn)今傳遞信息的主要媒介之一，信息的承載體便是網(wǎng)頁。在繁復(fù)繽紛的信息世界里，要如何將網(wǎng)頁所表達(dá)的內(nèi)容快速有效地傳遞給讀者，這便要求網(wǎng)頁在設(shè)計(jì)的時(shí)候所需要的獨(dú)特的視覺效果，具有一定的視覺審美。本文對(duì)傳統(tǒng)風(fēng)格的網(wǎng)頁中所表現(xiàn)出的視覺欣賞習(xí)慣和視覺審美心理進(jìn)行分析，并探討在視覺效果中所表現(xiàn)的出的網(wǎng)頁內(nèi)涵。并總結(jié)出傳統(tǒng)風(fēng)格的網(wǎng)頁設(shè)計(jì)上的視覺表現(xiàn)情況，并提出在進(jìn)行網(wǎng)頁設(shè)計(jì)時(shí)提高視覺審美的相關(guān)建議。
關(guān)鍵詞：網(wǎng)頁設(shè)計(jì)；傳統(tǒng)風(fēng)格；視覺欣賞；審美心理；視覺表現(xiàn)
1.網(wǎng)頁設(shè)計(jì)中的視覺表現(xiàn)的重要性在進(jìn)行網(wǎng)頁設(shè)計(jì)的時(shí)候，在一定的版面空間里，必須要將網(wǎng)頁內(nèi)容通過一定的視覺信息傳遞出來，而這些視覺信息在版面進(jìn)行排版的時(shí)候就必須要滿足一定的審美要求。只有提高整個(gè)版面視覺審美，整個(gè)網(wǎng)頁才能夠給人以強(qiáng)烈的視覺沖擊并突出設(shè)計(jì)主題，這樣就能夠做到表現(xiàn)形式和宣傳內(nèi)容相契合的境界[1]。網(wǎng)頁就是要宣傳或者是表達(dá)一定的內(nèi)容，只有主題和表達(dá)的形式高度統(tǒng)一且內(nèi)容直觀易懂，人們才能更好地了解網(wǎng)頁宣傳內(nèi)容。
2.傳統(tǒng)風(fēng)格的網(wǎng)頁中的視覺表現(xiàn)情況縱觀各大網(wǎng)站中的首頁，幾乎被簡(jiǎn)約平面的現(xiàn)代設(shè)計(jì)風(fēng)格鋪滿，在設(shè)計(jì)中幾乎不再有強(qiáng)烈的視覺沖擊效果。也正是由于這一情況，在國(guó)內(nèi)，一種以西方網(wǎng)頁設(shè)計(jì)技術(shù)為參考，加入中國(guó)傳統(tǒng)文化的網(wǎng)頁設(shè)計(jì)風(fēng)格正在各大網(wǎng)頁風(fēng)靡。這種設(shè)計(jì)風(fēng)格主要是被應(yīng)用在中國(guó)的傳統(tǒng)節(jié)日以及相應(yīng)的文化藝術(shù)為主題的網(wǎng)頁設(shè)計(jì)中。據(jù)調(diào)查顯示，這類網(wǎng)頁設(shè)計(jì)更加符合中國(guó)人的視覺欣賞習(xí)慣和欣賞心理，給人以強(qiáng)烈的視覺沖擊和足夠的留白進(jìn)行空間的想象。
2.1傳統(tǒng)風(fēng)格的網(wǎng)頁中的視覺欣賞習(xí)慣
“如果一幅畫的目的首先是為了吸引注意力，那么簡(jiǎn)約性和有選擇的強(qiáng)調(diào)就會(huì)在這幅畫中使用，因?yàn)樗鼈兙哂袉酒鹆彤a(chǎn)生驚訝的效果。”在現(xiàn)今互聯(lián)網(wǎng)技術(shù)發(fā)達(dá)的狀態(tài)下，網(wǎng)頁是傳播信息的重要媒介，更是一副寫著重要信息必須在瞬間吸引人眼球的畫作。在傳統(tǒng)風(fēng)格的網(wǎng)頁設(shè)計(jì)中，巧妙的應(yīng)用留白來突出重點(diǎn)內(nèi)容，減弱次要信息的分布比例，并利用其簡(jiǎn)潔具有代表性的圖形來使得整個(gè)網(wǎng)頁中的視覺元素分布更具有條例，做到虛實(shí)對(duì)比，疏密適宜，充滿設(shè)計(jì)的張力并具有一定的流動(dòng)性，且整體布局清晰合理。這類的設(shè)計(jì)更加符合中國(guó)人的審美習(xí)慣，網(wǎng)頁瀏覽用戶能夠在最快的時(shí)間內(nèi)找出網(wǎng)頁重點(diǎn)信息，并對(duì)網(wǎng)頁的設(shè)計(jì)審美所震撼，從而增加用戶瀏覽網(wǎng)頁的時(shí)間。
2.2傳統(tǒng)風(fēng)格的網(wǎng)頁中的視覺欣賞心理〖HT〗在網(wǎng)頁的設(shè)計(jì)中，必須充分的考慮用戶在瀏覽時(shí)的欣賞心理情況和用戶的審美體驗(yàn)。在用戶對(duì)網(wǎng)頁進(jìn)行審美的時(shí)候，通常會(huì)對(duì)畫面所表達(dá)的視覺元素的形式產(chǎn)生一定的聯(lián)想，并和內(nèi)心的某種元素相連接，這就是用戶在對(duì)網(wǎng)頁進(jìn)行視覺欣賞時(shí)所產(chǎn)生的審美心理。尤其是頁面所呈現(xiàn)出來的流動(dòng)的線條，具有代表性的圖形形狀以及色彩的搭配調(diào)和，整個(gè)頁面布局的變化統(tǒng)一情況等都會(huì)在用戶心中產(chǎn)生一個(gè)主觀的心理因素，尤其是畫面中所表現(xiàn)出的情感和愿望以及用戶對(duì)于頁面的喜好都會(huì)直接流露出來[2]。而這些感受又會(huì)和用戶內(nèi)心的某種隱秘的情緒相結(jié)合，其具體的體現(xiàn)就在于用戶對(duì)于頁面的瀏覽時(shí)間以及對(duì)于頁面內(nèi)容的觀看情況。
2.3傳統(tǒng)風(fēng)格的網(wǎng)頁中的網(wǎng)頁內(nèi)涵
傳統(tǒng)風(fēng)格的網(wǎng)頁設(shè)計(jì)不僅符合中國(guó)人的審美習(xí)慣，在設(shè)計(jì)的時(shí)候還會(huì)多加的考慮審美者的心理變化情況。在中國(guó)的水墨畫作中，流暢的線條和簡(jiǎn)約的描繪風(fēng)格再配上大面積的留白效果便制造出了其獨(dú)特的審美意境，且這些意境又將整個(gè)畫面的表達(dá)內(nèi)容給予了深刻的內(nèi)涵。這一國(guó)畫精粹也被充分的應(yīng)用在了網(wǎng)頁設(shè)計(jì)的編排之中。此處就以故宮博物館的網(wǎng)頁為例，在頁面中利用紅黑兩色作為主要色彩，表現(xiàn)其莊嚴(yán)肅穆之氣，更是其歷經(jīng)風(fēng)霜之氣。其整個(gè)畫面布局左右對(duì)稱，顯得隆重大氣，而局部又呈現(xiàn)出靈活多變的形式，不乏活力。整個(gè)網(wǎng)頁中建部分均為留白，而留白中又有了紅色的渲染，使得整個(gè)畫面氣勢(shì)磅礴有充滿了想象力。整個(gè)網(wǎng)頁中文字寥寥，只有“紫禁城”、“故宮博物院歡迎您”幾個(gè)醒目的大字，且字體硬朗，大氣恢弘。整個(gè)畫面呈現(xiàn)出莊嚴(yán)肅穆，讓人十分向往。這便是整個(gè)宣傳網(wǎng)頁所要達(dá)到的目的。
3.對(duì)于網(wǎng)頁設(shè)計(jì)中的視覺效果設(shè)計(jì)時(shí)的建議
3.1網(wǎng)頁設(shè)計(jì)中的空間安排
留白，是傳統(tǒng)風(fēng)格的網(wǎng)頁設(shè)計(jì)中最為常用的表達(dá)方式。它能夠給讀者留下足夠的想象和理解的空間。通常頁面中的圖形和文字的編排一定要大小合適，其中右邊的文字要相對(duì)較少，可以使用小號(hào)的字將文字放在右下方，使其上方大面積留白，而但文字和圖片較為重要的時(shí)候，可以將其微微上靠一些，這樣可以占用較多空間其更為醒目具有強(qiáng)調(diào)作用。此時(shí)的整個(gè)畫面因?yàn)榱舭缀途幣攀沟卯嬅媪鲿掣挥泄?jié)奏[3]。
3.2網(wǎng)頁設(shè)計(jì)中的形象塑造
形象塑造主要是一些傳統(tǒng)風(fēng)格的形象的表達(dá)，例如書法，其行云流水的筆墨，不僅能夠充分的展現(xiàn)出畫面的流動(dòng)飄逸之感，更隱含了其獨(dú)特的韻味。而如果是小篆、楷體等字體的書法寫作，則顯得莊嚴(yán)肅穆，此刻配合篆刻則顯得正式莊重。除了書法還有很多例如古琴、臉譜、年畫、剪紙、皮影等諸多傳統(tǒng)元素都可以生動(dòng)細(xì)膩的刻畫網(wǎng)頁中的形象。這樣的形象不僅傳遞了網(wǎng)頁的設(shè)計(jì)理念更是表現(xiàn)了對(duì)民族文化的傳承。
3.3網(wǎng)頁設(shè)計(jì)中的色彩運(yùn)用在上文中以故宮博物館的網(wǎng)頁為例時(shí)就曾談到其所使用的紅黑二色的調(diào)配，顯示出其莊嚴(yán)肅殺之氣，使得整個(gè)畫面大氣磅礴。網(wǎng)頁設(shè)計(jì)的主色調(diào)就是確定了整個(gè)網(wǎng)頁的視覺重心，表達(dá)了其網(wǎng)頁的風(fēng)格和主題[2]。傳統(tǒng)風(fēng)格的網(wǎng)頁設(shè)計(jì)中，對(duì)于網(wǎng)頁的背景顏色的調(diào)和更為注重，合適的背景顏色不僅能夠緩解主色調(diào)所帶來的視覺疲勞還能夠有效的渲染烘托畫面主題。在設(shè)計(jì)中，往往會(huì)將畫面主色彩和墨色相互交合渲染，從而使其具有更為濃重的文化氛圍，在上述的例子中，其留白部分便是主色彩紅色和墨色的渲染，使得整個(gè)畫面更具有神秘感，令人向往。
（作者單位：西華師范大學(xué)計(jì)算機(jī)學(xué)院）
參考文獻(xiàn)
[1]賀盈.網(wǎng)頁設(shè)計(jì)中視覺藝術(shù)表現(xiàn)方法初探[J]. 重慶文理學(xué)院學(xué)報(bào)(自然科學(xué)版). 2006(03)
關(guān)鍵詞：“網(wǎng)頁設(shè)計(jì)與制作”；項(xiàng)目案例教學(xué)法；教學(xué)設(shè)計(jì)
筆者所在的濟(jì)南幼兒師范高等專科學(xué)校，“網(wǎng)頁設(shè)計(jì)與制作”主要是面向初等教育學(xué)院的學(xué)生開設(shè)。他們將來的工作崗位是小學(xué)教師，掌握好這門課程，有助于其在工作崗位上進(jìn)行班級(jí)管理、班級(jí)文化建設(shè)、校園文化建設(shè)等方面的工作。所以在實(shí)踐教學(xué)中，選用項(xiàng)目案例教學(xué)法是非常有必要的。
一、案例教學(xué)法的內(nèi)涵
案例教學(xué)法指在教學(xué)過程中，教師和學(xué)生為了共同實(shí)施一個(gè)完整的項(xiàng)目案例而采取的一系列以教師為主導(dǎo)、學(xué)生為主體的教學(xué)活動(dòng)。這種教學(xué)法在培養(yǎng)學(xué)生的自主能力和合作能力方面有著顯著的效果，它能夠引導(dǎo)學(xué)生主動(dòng)參與項(xiàng)目案例有關(guān)的課堂討論，調(diào)動(dòng)學(xué)生的學(xué)習(xí)興趣和積極性。
二、高職“網(wǎng)頁設(shè)計(jì)與制作”課程中應(yīng)用項(xiàng)目案例教學(xué)法的適用性分析
“網(wǎng)頁設(shè)計(jì)與制作”是在初等教育學(xué)院五年制小學(xué)教育專業(yè)大專第三、四學(xué)期開設(shè)的專業(yè)基礎(chǔ)必修課。通過本課程的學(xué)習(xí)，學(xué)生需要掌握的相關(guān)內(nèi)容有：了解設(shè)計(jì)和制作網(wǎng)站的一般流程；了解WWW、HTTP、HTML、CSS的定義、概念和作用；理解W頁、網(wǎng)站、網(wǎng)址、瀏覽器等基本概念；掌握添加和編輯各類對(duì)象如文字、圖像、表格、表單、音頻和視頻的基本方法；掌握創(chuàng)建超級(jí)鏈接的方法；掌握表格、層、框架的使用方法；掌握表單、行為的使用方法。
這門課程具有較強(qiáng)的可操作性和實(shí)踐性，教師需要尋找既與實(shí)際工作情境密切相關(guān)、又能將教學(xué)內(nèi)容緊密結(jié)合的教學(xué)方法組織教學(xué)。項(xiàng)目案例教學(xué)法非常適用于該課程的教學(xué)需求，經(jīng)過近年來備課組的實(shí)踐與探索，發(fā)現(xiàn)這一教學(xué)法能夠?yàn)槿嫣岣邔W(xué)生的信息素養(yǎng)提供保障性支持。
三、高職“網(wǎng)頁設(shè)計(jì)與制作”課程中的項(xiàng)目案例設(shè)計(jì)
項(xiàng)目案例的設(shè)計(jì)是保證順利開展項(xiàng)目案例教學(xué)的基本
1.項(xiàng)目案例的設(shè)計(jì)要立足于實(shí)際工作情境。“網(wǎng)頁設(shè)計(jì)與制作”課程的目標(biāo)之一就是培養(yǎng)能夠勝任實(shí)際工作任務(wù)的人才，所以案例的設(shè)計(jì)要從實(shí)際工作任務(wù)出發(fā)。學(xué)生在完成學(xué)習(xí)的過程中熟悉了相關(guān)的工作崗位流程，今后從事類似工作時(shí)能夠更加游刃有余。
2.項(xiàng)目案例的設(shè)計(jì)要將知識(shí)點(diǎn)與實(shí)際需求相結(jié)合。項(xiàng)目案例的選取既要考慮到具體知識(shí)點(diǎn)，又要根據(jù)實(shí)際需求將知識(shí)點(diǎn)融合入案例中。“網(wǎng)頁設(shè)計(jì)與制作”課程的知識(shí)點(diǎn)多且散，比如網(wǎng)頁對(duì)象的應(yīng)用中包含文字對(duì)象、圖片對(duì)象、音頻和視頻對(duì)象等知識(shí)點(diǎn)，所以在設(shè)計(jì)案例時(shí)要考慮到所有知識(shí)點(diǎn)。
3.項(xiàng)目案例的設(shè)計(jì)要生活化、社會(huì)化。在設(shè)計(jì)教學(xué)項(xiàng)目案例時(shí)，既要考慮到學(xué)生的就業(yè)方向，也要面向全社會(huì)的相關(guān)崗位，所設(shè)計(jì)的項(xiàng)目案例既要來源于學(xué)生自身專業(yè)，又要做到生活化、社會(huì)化。
根據(jù)濟(jì)南幼兒師范高等專科學(xué)校初等教育學(xué)院小學(xué)教育專業(yè)的人才培養(yǎng)目標(biāo)，以及“網(wǎng)頁設(shè)計(jì)與制作”課程的目標(biāo)和教學(xué)實(shí)施方案，課題組設(shè)計(jì)出了8個(gè)綜合項(xiàng)目案例，綜合項(xiàng)目案例設(shè)計(jì)流程見表1。
四、高職“網(wǎng)頁設(shè)計(jì)與制作”課程中的項(xiàng)目案例教學(xué)設(shè)計(jì)
1.創(chuàng)設(shè)情境、展示效果。教師創(chuàng)設(shè)具體的工作情境，展示項(xiàng)目案例的完成效果，學(xué)生在此過程中明確接下來要完成的項(xiàng)目任務(wù)。
2.分組討論、分解任務(wù)。各組長(zhǎng)引領(lǐng)組員討論項(xiàng)目案例中的目標(biāo)要求并分析涉及的知識(shí)點(diǎn)，分解任務(wù)后根據(jù)組員的特點(diǎn)將任務(wù)布置給小組成員。
3.自主探究、小組合作。
此階段為關(guān)鍵階段，每個(gè)小組任務(wù)后，由組長(zhǎng)負(fù)責(zé)將所有組員完成的部分進(jìn)行整合。
4.交流討論、三方評(píng)價(jià)。教師引導(dǎo)全班學(xué)生進(jìn)行交流，并對(duì)作品進(jìn)行三方評(píng)價(jià)，分別為個(gè)人自評(píng)、組內(nèi)互評(píng)、教師評(píng)價(jià)。從評(píng)價(jià)中教師可以把握學(xué)生的學(xué)習(xí)狀況，學(xué)生也可以了解到自身的優(yōu)勢(shì)和薄弱部分。
5.歸納總結(jié)、擴(kuò)展提升。根據(jù)評(píng)價(jià)結(jié)果，學(xué)生歸納總結(jié)在完成本次項(xiàng)目案例過程中的收獲與不足，并在今后的項(xiàng)目案例學(xué)習(xí)中加以改進(jìn)。
五、出現(xiàn)的問題
1.優(yōu)質(zhì)學(xué)習(xí)資源欠缺。項(xiàng)目案例教學(xué)法成功實(shí)施的關(guān)鍵是項(xiàng)目案例的設(shè)計(jì)和組織。但是目前各高職院校的“網(wǎng)頁設(shè)計(jì)與制作”課程尚沒有建立項(xiàng)目案例資源庫(kù)，優(yōu)質(zhì)學(xué)習(xí)資源欠缺。所以，建立一個(gè)內(nèi)容豐富、可共享的項(xiàng)目案例資源庫(kù)勢(shì)在必行。
2.加強(qiáng)教師業(yè)務(wù)進(jìn)修。項(xiàng)目案例教學(xué)法的實(shí)施對(duì)教師的專業(yè)素質(zhì)要求很高。在應(yīng)用項(xiàng)目案例教學(xué)法時(shí)還需加強(qiáng)教師的專業(yè)進(jìn)修。
一、課程情況
《網(wǎng)站設(shè)計(jì)與制作》也是計(jì)算機(jī)各專業(yè)學(xué)生學(xué)習(xí)后續(xù)課程的基礎(chǔ)，比如學(xué)習(xí)基于網(wǎng)絡(luò)編程的動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)技術(shù)，學(xué)生畢業(yè)后可從事網(wǎng)絡(luò)軟件的設(shè)計(jì)與開發(fā)，進(jìn)行商務(wù)網(wǎng)站的設(shè)計(jì)與制作，同時(shí)也可以考取網(wǎng)頁設(shè)計(jì)師、網(wǎng)絡(luò)軟件工程師等相關(guān)國(guó)家職業(yè)資格證書。開設(shè)該課程是復(fù)合我校關(guān)于“高素質(zhì)、技能型人才”培養(yǎng)目標(biāo)的需求的，通過該課程的教學(xué)，可以培養(yǎng)出一批優(yōu)秀的、能夠在一線工作崗位上從事網(wǎng)頁設(shè)計(jì)與制作、網(wǎng)站規(guī)劃、管理與維護(hù)工作的專業(yè)人才。基于該課程的主要工作崗位有：網(wǎng)站管理與維護(hù)人員、網(wǎng)頁設(shè)計(jì)與編輯人員、網(wǎng)站策劃人員及網(wǎng)頁美工人員等。
二、課程教學(xué)思路與教學(xué)方法改進(jìn)
學(xué)生如果要很好得完成網(wǎng)站制作，所需的的知識(shí)體系非常龐雜，其中包括網(wǎng)絡(luò)基礎(chǔ)知識(shí)，網(wǎng)頁制作技術(shù)，平面設(shè)計(jì)和動(dòng)畫制作等基本要素。具體涉及到網(wǎng)頁制作軟件，圖像處理軟件，動(dòng)畫軟件，數(shù)據(jù)庫(kù)知識(shí)，腳本語言動(dòng)態(tài)服務(wù)器編程技術(shù)等。教學(xué)內(nèi)容比較多，知識(shí)點(diǎn)比較分散，而學(xué)時(shí)僅為48個(gè)學(xué)時(shí)，學(xué)習(xí)內(nèi)容多而課時(shí)少。經(jīng)過多年的教學(xué)活動(dòng)的開展和經(jīng)驗(yàn)總結(jié)后，我們總結(jié)出一套適合高職學(xué)生教學(xué)方法，那就是使用任務(wù)驅(qū)動(dòng)式的教學(xué)方法。我們以前的教學(xué)設(shè)計(jì)思路是：講授知識(shí)點(diǎn)———設(shè)計(jì)任務(wù)———監(jiān)督學(xué)生完成———驗(yàn)收，現(xiàn)在的教學(xué)設(shè)計(jì)思路是這樣的：實(shí)際工作任務(wù)導(dǎo)向———任務(wù)驅(qū)動(dòng)———相關(guān)知識(shí)講授。老師在此教學(xué)思路中的角色：給學(xué)生布置一項(xiàng)工作（實(shí)際工作任務(wù)導(dǎo)向）———將工作轉(zhuǎn)變?yōu)橐粋€(gè)任務(wù)（任務(wù)驅(qū)動(dòng)）———通過任務(wù)引出知識(shí)點(diǎn)（知識(shí)學(xué)習(xí)）。學(xué)生在此教學(xué)思路中的角色：通過老師的引導(dǎo)，理解相關(guān)任務(wù)要求，繼而產(chǎn)生強(qiáng)烈的學(xué)習(xí)相關(guān)知識(shí)的興趣，在下一步的知識(shí)學(xué)習(xí)中就能很好地學(xué)習(xí)，掌握了相關(guān)知識(shí)后，馬上運(yùn)用于實(shí)踐，完成老師布置的任務(wù)。通過該課程的教學(xué)，使學(xué)生最終能夠自主開發(fā)一個(gè)完整的網(wǎng)站，畢業(yè)后能夠直接從事企事業(yè)單位網(wǎng)站的開發(fā)設(shè)計(jì)與管理維護(hù)等工作。
三、課程體系內(nèi)容重構(gòu)
本課程性質(zhì)是計(jì)算機(jī)系的基礎(chǔ)必修課，教學(xué)對(duì)象是全系各專業(yè)的大一學(xué)生，因此教學(xué)內(nèi)容定位于靜態(tài)網(wǎng)頁的制作，以Dreamweaver軟件為主線，介紹靜態(tài)網(wǎng)頁設(shè)計(jì)和制作的基本技術(shù),目前很多網(wǎng)頁教材是基于網(wǎng)頁三劍客的即Dreamweaver、photoshop和flash，然而當(dāng)前課時(shí)條件和時(shí)間條件下，根本做不到三個(gè)軟件都講到位，事實(shí)上每個(gè)軟件分開都可成為一門課程，而網(wǎng)頁設(shè)計(jì)課程只能以網(wǎng)頁制作軟件Dreamweaver為主，其他軟件為輔，并且其他軟件制作的作品要與網(wǎng)頁密切相關(guān)為了解決內(nèi)容多學(xué)時(shí)少的矛盾，有利于教學(xué)的開展和培養(yǎng)學(xué)生的動(dòng)手能力，為此我們對(duì)教學(xué)內(nèi)容重新進(jìn)行了重構(gòu)，圍繞Dreamweaver軟件講解網(wǎng)頁制作的方法和技巧，只有在制作圖像縮略圖、切片、按鈕、LOGO圖片等時(shí)候，才輔助其他軟件加工素材或者制作動(dòng)畫。教學(xué)內(nèi)容分為9個(gè)模塊:模塊一、網(wǎng)頁設(shè)計(jì)基礎(chǔ)；模塊二、頁面的基本操作；模塊三、簡(jiǎn)單網(wǎng)頁的制作；模塊四、網(wǎng)頁的樣式設(shè)計(jì)；模塊五、實(shí)用HTML布局頁面；模塊六、實(shí)用DIV+CSS布局頁面；模塊七、制作多媒體頁面；模塊八、網(wǎng)頁交互設(shè)計(jì)；模塊九、網(wǎng)站的測(cè)試與管理。
四、總結(jié)
高職學(xué)生思維活躍，好動(dòng)手，但是其學(xué)習(xí)基礎(chǔ)較差，沒有良好的學(xué)習(xí)習(xí)慣和學(xué)習(xí)方法，教師在實(shí)際的教學(xué)活動(dòng)中應(yīng)當(dāng)充分發(fā)揮其優(yōu)點(diǎn)，改變其缺點(diǎn)。在本課程的教學(xué)活動(dòng)中，我們的教學(xué)思路和課程內(nèi)容體系的重構(gòu)都是圍繞這點(diǎn)來設(shè)置的，在實(shí)際的教學(xué)活動(dòng)中取得了較好的教學(xué)效果。
作者：鐘永全 唐琴 單位：桂林電子科技大學(xué)職業(yè)技術(shù)學(xué)院
關(guān)鍵詞：網(wǎng)頁設(shè)計(jì) 審美 美感
一、網(wǎng)頁設(shè)計(jì)的審美需求
1、網(wǎng)頁的審美
談到美，網(wǎng)頁這種特殊環(huán)境下的美與傳統(tǒng)的藝術(shù)上的審美有著明顯的區(qū)別，一般的藝術(shù)上只要能夠在欣賞者的心里產(chǎn)生共鳴就是美的；而網(wǎng)頁的布局上的審美卻要受到很多的限制，網(wǎng)頁設(shè)計(jì)面對(duì)的是大量用戶，由于更新速度的快捷，隨時(shí)都會(huì)反饋回來對(duì)網(wǎng)頁的批評(píng)建議等，可以根據(jù)實(shí)際情況進(jìn)行修改，這個(gè)過程可以在很短的時(shí)間里完成。同時(shí)網(wǎng)頁能融合文字、圖片、聲音、動(dòng)畫于一身。這是傳統(tǒng)藝術(shù)所達(dá)不到的。當(dāng)然最根本的在使用方面就限制了它不能夠隨意的揮灑自如，任設(shè)計(jì)師自由的發(fā)揮。
2、網(wǎng)頁的功能
網(wǎng)頁，最初就是在功能性的基礎(chǔ)之上發(fā)展起來的。使用者如何從網(wǎng)頁中更好得到功能，這就需要站在使用者的角度來看待網(wǎng)頁設(shè)計(jì)。作為設(shè)計(jì)師引導(dǎo)潮流沒有錯(cuò)，但是更要貼近自己的使用對(duì)象，想他們所想，急他們所急，適時(shí)的將自己的設(shè)計(jì)風(fēng)格融入到作品中去，接受他們的檢驗(yàn)，只有經(jīng)得起考驗(yàn)的設(shè)計(jì)才是好的設(shè)計(jì)。
二、網(wǎng)頁設(shè)計(jì)的幾點(diǎn)原則
1、要考慮上網(wǎng)者的環(huán)境。
在網(wǎng)絡(luò)世界里，涉及到各方面的內(nèi)容，使用者通常是打開很多的窗口，在一種紛繁復(fù)雜的情況下接受信息。假如他們?yōu)g覽的網(wǎng)頁是設(shè)計(jì)特別花哨，文字、動(dòng)畫等堆砌的極為雜亂，加劇了心理上的厭煩感，這種網(wǎng)頁能算得上美嗎？所以從使用環(huán)境里的功能的因素來考慮美才是最根本的。
2、考慮網(wǎng)頁的使用對(duì)象
考慮網(wǎng)頁的使用對(duì)象本身也是網(wǎng)頁審美的一個(gè)重要方面，網(wǎng)頁設(shè)計(jì)都是為每個(gè)具體的網(wǎng)站做宣傳，那么不考慮對(duì)象就如同閉門造車，這樣會(huì)造成其根本的功能的損失。例如一個(gè)兒童網(wǎng)站，設(shè)計(jì)得如同新聞專題的網(wǎng)頁一樣，純粹是文字。那么使自己的使用對(duì)象 ――兒童在瀏覽該網(wǎng)站的時(shí)候毫無興趣，阻礙了網(wǎng)站的基本的目的，從這個(gè)功能層面上來理解，設(shè)計(jì)的美是同使用對(duì)象分不開的。
3、考慮網(wǎng)頁的使用功能
網(wǎng)頁設(shè)計(jì)的美其實(shí)是一個(gè)滿足使用者需求的過程，使用起來方便快捷，排除使用中的問題，這就是美的，這就是純粹從功能上的要求出發(fā)的。假如我想上一個(gè)體育的網(wǎng)站了解當(dāng)天的足球戰(zhàn)報(bào)，那么我上網(wǎng)的目的性就是非常的明確，直接看足球的結(jié)果。我的上網(wǎng)過程就是先敲入網(wǎng)址，盡快的找到足球的欄目，再找到比分的鏈接，設(shè)計(jì)師如果考慮到上這個(gè)網(wǎng)站的很多人都想知道足球的比分，那么在主頁上放一個(gè)流動(dòng)的臨時(shí)更新的框，就可以使上網(wǎng)站的使用者直接在主頁上看到想要看的東西，這樣快速而又方便的結(jié)果，其實(shí)質(zhì)上是一個(gè)網(wǎng)頁設(shè)計(jì)的成功的地方，這種網(wǎng)頁就是美的。反之假如把網(wǎng)頁設(shè)計(jì)得非常的“漂亮”（這里指的是純粹的從藝術(shù)審美上的漂亮，滿足一般的形式美的要求的，而不考慮使用環(huán)境的情況），但過程復(fù)雜，增加了使用者的不便，沒有為使用對(duì)象考慮，就是失敗。
4、網(wǎng)站的自身形象設(shè)計(jì)
還有一個(gè)美的因素也不能不考慮，就是網(wǎng)站本身，通過自己的設(shè)計(jì)使網(wǎng)站的形象得到提升，使網(wǎng)站的形象在每個(gè)使用者的心目中扎根。這是現(xiàn)在網(wǎng)頁設(shè)計(jì)中普遍不受重視的，例如網(wǎng)站的名稱或者是網(wǎng)址沒有得到強(qiáng)化，盡管使用了之后覺得好，但是第二次使用時(shí)卻記不起是什么網(wǎng)站，收藏夾里太多也找起來不方便。因此假如網(wǎng)頁設(shè)計(jì)時(shí)注意了網(wǎng)站的名稱和網(wǎng)址的因素，加強(qiáng)網(wǎng)站自身形象設(shè)計(jì)，從這個(gè)功能上來說是設(shè)計(jì)成功之處，也是網(wǎng)頁設(shè)計(jì)美的一個(gè)觀念的異化。
三、網(wǎng)頁美的基本標(biāo)準(zhǔn)
1、簡(jiǎn)潔實(shí)用
網(wǎng)絡(luò)特殊環(huán)境下，以最高效率的方式將用戶所要想得到的信息傳送出去，使用方便，越滿足使用者的要求，就越顯示出其功能美。
2、整體性好
一個(gè)網(wǎng)站強(qiáng)調(diào)的就是一個(gè)整體，只有圍繞一個(gè)統(tǒng)一的目標(biāo)所做的設(shè)計(jì)才是成功的。
3、網(wǎng)站形象突出
一個(gè)符合美的標(biāo)準(zhǔn)的網(wǎng)頁是能夠使網(wǎng)站的形象得到最大限度的提升的。
4、頁面用色協(xié)調(diào)，布局符合形式美的要求
布局有條理，充分利用美的形式，使網(wǎng)頁富有可欣賞性，提高檔次。
一個(gè)網(wǎng)站單一顏色，讓人感覺單調(diào)乏味；顏色過多讓人感覺輕浮花俏。必須有一種或兩種主題色，不至于讓客戶迷失方向，也不到于單調(diào)，乏味。
5、交互式強(qiáng)
發(fā)揮網(wǎng)絡(luò)的優(yōu)勢(shì)，使每個(gè)使用者都參與到其中來，這樣的設(shè)計(jì)才能算成功的設(shè)計(jì)。
四、設(shè)計(jì)界面的應(yīng)用方法
設(shè)計(jì)界面所包含的因素運(yùn)用中必須有側(cè)重、有強(qiáng)調(diào)的把握。設(shè)計(jì)因素雖多，但它仍是一個(gè)不可分割的整體。它的結(jié)果是物化的形，但這個(gè)形卻是代表了時(shí)代、民族等方面的意識(shí)，并最終反映出人的“美”的心理活動(dòng)。
設(shè)計(jì)界面的運(yùn)用，核心是設(shè)計(jì)分析。在一些大公司都有許多的成功案例可為借鑒。如柯尼卡公司設(shè)計(jì)相機(jī)，首先不是繪制“美”的形和考慮技術(shù)的進(jìn)步，而是進(jìn)行對(duì)象人的日常行為分析，作出故事版(STORY)。它先假定對(duì)象人的年齡為35歲，名：Xxxx，從而分析他的家庭、喜好與憎惡，分析他的日常行為，進(jìn)而考察其人在什么場(chǎng)合需要僚機(jī)，從而為設(shè)計(jì)提供概念(CONCEPT)與目標(biāo)(TARGET)，進(jìn)行設(shè)計(jì)。經(jīng)過分析，設(shè)計(jì)師有了明確的概念與目標(biāo)，并隨信息的交互產(chǎn)生了創(chuàng)造力。
另一方面，設(shè)計(jì)師自身對(duì)社會(huì)環(huán)境也要進(jìn)行深入的認(rèn)識(shí)與考察，對(duì)設(shè)計(jì)的作品取向有明晰的認(rèn)識(shí)。日本設(shè)計(jì)師佐野邦雄先生曾作一圖――生活的變遷與設(shè)計(jì)師的課題，將日本及世界上某些非常有影響性的事件進(jìn)行了歸納，進(jìn)而對(duì)設(shè)計(jì)有了深入的認(rèn)識(shí)與感悟。所以，要運(yùn)用好設(shè)計(jì)的界面，理性的認(rèn)識(shí)是首要的，其次就是創(chuàng)造性的，而且是有實(shí)效性的分析、處理信息。設(shè)計(jì)不是一成不變的，分析方法也不是一成不變的，設(shè)計(jì)的界面同樣是在人一物的信息交流中變化發(fā)展的。
以上談了幾個(gè)涉及到網(wǎng)頁設(shè)計(jì)的美的相關(guān)的功能的影響，綜合以上的概述，下面總結(jié)以下網(wǎng)頁美的基本標(biāo)準(zhǔn)。
五、設(shè)計(jì)界面的運(yùn)用原則
1、合理性原則
即保證在系統(tǒng)設(shè)計(jì)基礎(chǔ)上的合理與明確。任何的設(shè)計(jì)都既要有定性也要有定量的分析，是理性與感性思維相結(jié)合。努力減少非理性因素，而以定量?jī)?yōu)化、提高為基礎(chǔ)。設(shè)計(jì)不應(yīng)人云亦云，一定要在正確、系統(tǒng)的事實(shí)和數(shù)據(jù)的基礎(chǔ)上，進(jìn)行嚴(yán)密地理論分析，能以理服人、以情感人。
2、動(dòng)態(tài)性原則
即要有四維空間或五維空間的運(yùn)作觀念。一件作品不僅是二維的平面或三絕的立體，也要有時(shí)間與空間的變換，情感與思維認(rèn)識(shí)的演變等多維因素。
3、多樣化原則
即設(shè)計(jì)因素多樣化考慮。當(dāng)前越來越多的專業(yè)調(diào)查人員與公司出現(xiàn)，為設(shè)計(jì)帶來豐富的資料和依據(jù)。但是，如何獲取有效信息，如何分析設(shè)計(jì)信息實(shí)際上是一個(gè)要有創(chuàng)造性思維與方法的過程體系。
4、交互性原則
即界面設(shè)計(jì)強(qiáng)調(diào)交互過程。一方面是物的信息傳達(dá)，另一方面是人的接受與反饋，對(duì)任何物的信息都能動(dòng)地認(rèn)識(shí)與把握。
關(guān)鍵詞 網(wǎng)頁 視覺要素 情感
一、視覺中認(rèn)知心理要素
人們對(duì)事物的認(rèn)知源于對(duì)生活的接觸和積累。即使沒看過，沒碰過，也能判斷它的冷熱，輕重，大小，肥瘦……盡管每個(gè)人的家庭生活背景，學(xué)習(xí)背景各不相同，但經(jīng)過源于生活的歸納和秩序化的本能，大多數(shù)人的心底所不自覺自行積累的感官經(jīng)驗(yàn)幾乎是完全相似的。就現(xiàn)實(shí)生活而言，家庭寵物本身的外在并沒有任何情緒，但由于人們的認(rèn)知和經(jīng)驗(yàn)的積累，才會(huì)讓人感受到大寵物笨拙、小寵物靈敏、血統(tǒng)純正的高貴、雜交的甚至?xí)皇苋讼矚g，那么不同的顏色也會(huì)有不同的情緒象征意義。這說明，受眾并不是對(duì)外界信息表示被動(dòng)與消極，相反，他們是處理的主體，可以對(duì)自己的喜好和對(duì)更多信息主動(dòng)的進(jìn)行加工和選擇。當(dāng)人們面對(duì)某種事物時(shí)，心理和情感的訴求變得極為重要。如何正確的把握并利用這一要素成為了網(wǎng)頁設(shè)計(jì)撼動(dòng)受眾的根本。
人們?cè)跒g覽多種網(wǎng)頁的同時(shí)會(huì)產(chǎn)生不同的視覺和心理感受，而這種直觀的第一感受大部分來源于網(wǎng)頁界面的視覺效果。為了使網(wǎng)頁獲得最大的視覺傳達(dá)效果，使網(wǎng)絡(luò)真正成為可讀性強(qiáng)的媒體，設(shè)計(jì)師在進(jìn)行網(wǎng)頁設(shè)計(jì)時(shí)必須考慮到人們視覺流向的心理和生理特點(diǎn)，由此確定各種視覺構(gòu)成元素之間的關(guān)系和秩序。視覺規(guī)律的形成是由人類的視覺特性所決定的。瀏覽者的閱讀行為在瀏覽不同性質(zhì)的網(wǎng)站和肩負(fù)不同的閱讀任務(wù)時(shí)候都表現(xiàn)出基本恒定的習(xí)慣。首先是水平掃描，常常是掃過網(wǎng)頁內(nèi)容的最上半部分，因此，上部和中上部被稱為“最佳視域”，也就是最優(yōu)選的地方；然后，向下移，瀏覽下面區(qū)域；最后，從網(wǎng)頁左邊的部分進(jìn)行垂直掃描。
二、視覺中造型要素
網(wǎng)頁設(shè)計(jì)就是指把造型、圖形、視覺、色彩、信息等要素集于一體，在網(wǎng)頁中表現(xiàn)出來。
（一）視知覺。
心理學(xué)的觀點(diǎn)認(rèn)為視覺是一種空間的感覺，我們通常把空間的感覺稱為視空間，視空間又分為生理的第一次印象和經(jīng)驗(yàn)的第二次印象。人們?cè)谟^察物體時(shí)，視線有著一系列的跳動(dòng)和注視，并不是沿著直線平穩(wěn)的運(yùn)動(dòng)的，一般來說，物體的棱角處，或者輪廓發(fā)生變化的地方，或者細(xì)節(jié)很特殊的地方是我們視線最集中的地方，例如矩形的四個(gè)角是我們視線停留最多的地方。視線是有一定規(guī)律的，從上到下，或從左到右。所以，在進(jìn)行網(wǎng)頁設(shè)計(jì)時(shí)，強(qiáng)調(diào)其特點(diǎn)，以增強(qiáng)網(wǎng)頁對(duì)大眾的吸引。
（二）文字與圖形。
在現(xiàn)實(shí)生活中，人們看到的任何物體都是相互依存的，文字是最初網(wǎng)頁設(shè)計(jì)的基本構(gòu)成要素，隨后逐漸加入了圖形，打破初期的單純文字界面，也帶來了新的直觀表現(xiàn)形式。圖形能引起人們的注意，并激發(fā)閱讀興趣，給人的視覺印象高于文字。
（三）形式感。
任何一件藝術(shù)品，離開了形式魔法就會(huì)失去魅力，就不會(huì)起到感染人的作用。在網(wǎng)頁設(shè)計(jì)中，多種多樣的視覺元素的不同排列組合，可以達(dá)到不同的效果，主要原因就在意它通過一定的形式激發(fā)了人的幻想，使人產(chǎn)生情趣，因而富有吸引力。經(jīng)過人們長(zhǎng)期大量經(jīng)驗(yàn)的積累和總結(jié)，將美的表現(xiàn)形式總結(jié)歸納為：有秩序的美：這是被大眾所接受，同時(shí)也是最主要的一種表現(xiàn)形式。從其構(gòu)成方式來看，有對(duì)稱，平衡，重復(fù)等；而另一類則是打破常規(guī)的美：諸如對(duì)比，特異，夸張，變形等，都具有顛覆的性質(zhì)。只講花哨的表現(xiàn)形式以及過于強(qiáng)調(diào)“獨(dú)特的設(shè)計(jì)風(fēng)格”而脫離內(nèi)容，或者只求內(nèi)容而缺乏藝術(shù)的表現(xiàn)，網(wǎng)頁設(shè)計(jì)都會(huì)變的空洞而無力。設(shè)計(jì)者只有將二者有機(jī)地統(tǒng)一起來，深入領(lǐng)會(huì)主題的精髓，再融合自己的思想感情，找到一個(gè)完美的表現(xiàn)形式，才能體現(xiàn)出網(wǎng)頁設(shè)計(jì)獨(dú)具的分量和特有的價(jià)值。
三、視覺中色彩要素
色彩是視覺中的靈魂要素，沒有確切的文字定義便可潛移默化的將要表達(dá)的情緒注入人們的內(nèi)心。完美的色彩搭配，為客戶提供了舒適的觀賞體驗(yàn)，從而增加對(duì)企業(yè)、商品和服務(wù)的好感度。用戶瀏覽網(wǎng)頁時(shí)，顏色幫助轉(zhuǎn)移用戶的視線，指引用戶怎么去瀏覽一個(gè)頁面，增加信息的獲取效率。同時(shí)，色彩也具有強(qiáng)大的記憶性。當(dāng)人們看到某一顏色時(shí)便會(huì)在大腦中搜尋過去的經(jīng)歷進(jìn)而產(chǎn)生共鳴。人們對(duì)事物的色彩認(rèn)知和設(shè)計(jì)者賦予的二次色彩認(rèn)知，經(jīng)過多次重復(fù)后可轉(zhuǎn)化為用戶視覺的記憶流程，從而加大用戶對(duì)網(wǎng)頁所傳達(dá)信息的記憶度。
四、結(jié)語
網(wǎng)頁是時(shí)展的衍生品，是一個(gè)復(fù)雜的系統(tǒng)，既要考慮內(nèi)容信息的準(zhǔn)確傳遞，又要了解知識(shí)信息的有效作用，因此平衡各種不確定因素，最大限度提供信息的有效傳輸，是網(wǎng)頁設(shè)計(jì)的關(guān)鍵所在。網(wǎng)頁設(shè)計(jì)是在力求傳達(dá)功能的基礎(chǔ)上結(jié)合視覺要素加以創(chuàng)新，使其更具有特色，更具人性化從而更好的為人們服務(wù)。
參考文獻(xiàn)：
[1]魯?shù)婪颉ぐ⒍骱Ｄ?藝術(shù)與視知覺（新編）[M].長(zhǎng)沙：湖南美術(shù)出版社，2008.
