前言：想要寫出一篇令人眼前一亮的文章嗎？我們特意為您整理了5篇網(wǎng)頁(yè)設(shè)計(jì)與平面設(shè)計(jì)范文，相信會(huì)為您的寫作帶來(lái)幫助，發(fā)現(xiàn)更多的寫作思路和靈感。

網(wǎng)頁(yè)設(shè)計(jì)與平面設(shè)計(jì)范文第1篇

1.網(wǎng)頁(yè)設(shè)計(jì)是平面設(shè)計(jì)的網(wǎng)絡(luò)化

網(wǎng)頁(yè)設(shè)計(jì)是指利用標(biāo)識(shí)語(yǔ)言，經(jīng)過(guò)一系列的建模、設(shè)計(jì)、執(zhí)行等過(guò)程，將數(shù)字化格式的信息通過(guò)網(wǎng)絡(luò)傳播，最終以圖形或者視頻形式被用戶瀏覽。因?yàn)榫W(wǎng)頁(yè)設(shè)計(jì)是一種能夠充分利用各種信息化手段的設(shè)計(jì)過(guò)程，所以它既能夠像平面設(shè)計(jì)一樣對(duì)主題進(jìn)行完美詮釋，還能夠細(xì)致地描述目標(biāo)。在某種程度上來(lái)說(shuō)，創(chuàng)作網(wǎng)頁(yè)設(shè)計(jì)的過(guò)程中，主要使用的手法，技巧都是延伸平面設(shè)計(jì)，有些甚至是一樣的。因此將網(wǎng)頁(yè)設(shè)計(jì)和網(wǎng)絡(luò)技術(shù)緊密結(jié)合起來(lái)，是將來(lái)網(wǎng)頁(yè)設(shè)計(jì)的一個(gè)必然方向。

2.網(wǎng)頁(yè)設(shè)計(jì)是平面設(shè)計(jì)在網(wǎng)絡(luò)時(shí)代的延伸

伴隨著網(wǎng)絡(luò)時(shí)代的迅速發(fā)展，人們和網(wǎng)絡(luò)的聯(lián)系也越來(lái)越密切，人們利用網(wǎng)絡(luò)技術(shù)改革以往工作方式。在平面設(shè)計(jì)領(lǐng)域也不例外，設(shè)計(jì)師們利用鮮明的色彩，精心的網(wǎng)頁(yè)布局想方設(shè)法地吸引人們?yōu)g覽自己的網(wǎng)站。完美的網(wǎng)頁(yè)設(shè)計(jì)一定是有著完美的網(wǎng)頁(yè)風(fēng)格。基于網(wǎng)頁(yè)設(shè)計(jì)和平面設(shè)計(jì)有著很大程度上的相似性，加上網(wǎng)頁(yè)設(shè)計(jì)的發(fā)展背景，我們不能將兩者孤立起來(lái)看待，而要清楚地認(rèn)識(shí)到，網(wǎng)頁(yè)設(shè)計(jì)是平面設(shè)計(jì)在互聯(lián)網(wǎng)時(shí)代的一種獨(dú)特表現(xiàn)形式，是平面設(shè)計(jì)在新時(shí)期新環(huán)境下的一種延續(xù)，一種創(chuàng)新發(fā)展。

3.網(wǎng)頁(yè)設(shè)計(jì)和平面設(shè)計(jì)在技術(shù)上的區(qū)別

網(wǎng)頁(yè)設(shè)計(jì)顧名思義就是依賴于互聯(lián)網(wǎng)進(jìn)行創(chuàng)作，對(duì)于先進(jìn)的軟件那無(wú)法擺脫的依賴性是網(wǎng)頁(yè)設(shè)計(jì)的短板，但是平面設(shè)計(jì)卻不是這樣，它對(duì)于這類軟件依賴性小，因?yàn)榭梢岳檬掷L來(lái)代替。網(wǎng)頁(yè)設(shè)計(jì)一般工作都是借助繪圖工具，只有在這么強(qiáng)大先進(jìn)的軟件配合下才能完成設(shè)計(jì)。但是平面設(shè)計(jì)伴隨著經(jīng)濟(jì)和科學(xué)技術(shù)的發(fā)展，能夠不只依靠繪圖工具還可以利用畫筆，顏料等傳統(tǒng)工具來(lái)工作。

4.總結(jié)

網(wǎng)頁(yè)設(shè)計(jì)與平面設(shè)計(jì)范文第2篇

關(guān)鍵詞：平面設(shè)計(jì);網(wǎng)頁(yè)設(shè)計(jì);課程教學(xué);改革

隨著“互聯(lián)網(wǎng)+”國(guó)家策略的大力推進(jìn)，我國(guó)社會(huì)發(fā)展急需大量?jī)?yōu)秀的互聯(lián)網(wǎng)人才，而網(wǎng)頁(yè)設(shè)計(jì)人才是互聯(lián)網(wǎng)人才的重要組成部分。為了配合國(guó)家戰(zhàn)略實(shí)施，目前國(guó)內(nèi)各大高校紛紛把網(wǎng)頁(yè)設(shè)計(jì)設(shè)置為平面設(shè)計(jì)專業(yè)高年級(jí)學(xué)生的必修課程。然而，隨著近年來(lái)平面設(shè)計(jì)高等教育的不斷擴(kuò)招，以往的課程體系和教學(xué)方法已無(wú)法滿足當(dāng)代和未來(lái)社會(huì)對(duì)網(wǎng)頁(yè)設(shè)計(jì)人才的要求，而忽視市場(chǎng)需求的人才培養(yǎng)模式也會(huì)使人才培養(yǎng)與市場(chǎng)需求間的距離越來(lái)越大。所以，對(duì)平面設(shè)計(jì)專業(yè)網(wǎng)頁(yè)設(shè)計(jì)課程教學(xué)的探討十分重要。

一、教學(xué)現(xiàn)狀分析

平面設(shè)計(jì)教育在我國(guó)起步雖晚，但發(fā)展迅速，其人才培養(yǎng)方法備受各方關(guān)注。網(wǎng)頁(yè)設(shè)計(jì)是一種新興的數(shù)字藝術(shù)，它的創(chuàng)意取決于企業(yè)的文化屬性和互聯(lián)網(wǎng)的特色，它是一種附屬于互聯(lián)網(wǎng)、融合藝術(shù)與技術(shù)的新型設(shè)計(jì)形式，它的界面設(shè)計(jì)從平面設(shè)計(jì)入手，內(nèi)涵卻遠(yuǎn)遠(yuǎn)超出了平面設(shè)計(jì)概念，既要注重界面中的平面構(gòu)成元素，又要考慮用戶體驗(yàn)，還要注重各頁(yè)面鏈接的空間關(guān)系和視覺協(xié)調(diào)性，從而成為具有互聯(lián)網(wǎng)特征、綜合性的平面設(shè)計(jì)。目前，國(guó)內(nèi)各大本科院校多依據(jù)所屬專業(yè)確定網(wǎng)頁(yè)設(shè)計(jì)課程的教學(xué)側(cè)重點(diǎn)。計(jì)算機(jī)類的側(cè)重代碼編程，注重培養(yǎng)網(wǎng)站后臺(tái)人才；藝術(shù)類的側(cè)重界面規(guī)劃和美化，致力于培養(yǎng)網(wǎng)站前臺(tái)、網(wǎng)頁(yè)美工。但各專業(yè)在網(wǎng)頁(yè)設(shè)計(jì)課程教學(xué)上主要存在以下兩種現(xiàn)象：一是“輕維護(hù)、重美觀”，培養(yǎng)出的學(xué)生多注重靜態(tài)頁(yè)面的藝術(shù)性，不在乎是否有利于后臺(tái)維護(hù)；另一種是“輕線下、重線上”，部分學(xué)生往往只在意屏幕的視覺效果，對(duì)線下互聯(lián)網(wǎng)用戶的需求了解不夠。這導(dǎo)致他們?cè)O(shè)計(jì)的網(wǎng)頁(yè)界面看起來(lái)很漂亮，鏈接也很流暢，但實(shí)用性不強(qiáng)，更不利于線下產(chǎn)品的開發(fā)。因此，對(duì)平面設(shè)計(jì)專業(yè)網(wǎng)頁(yè)設(shè)計(jì)課程教學(xué)進(jìn)行改革勢(shì)在必行。

二、教學(xué)內(nèi)容的調(diào)整

對(duì)于平面設(shè)計(jì)專業(yè)網(wǎng)頁(yè)設(shè)計(jì)課程教學(xué)中出現(xiàn)的問(wèn)題，首先要從教學(xué)內(nèi)容上進(jìn)行調(diào)整。新的教學(xué)內(nèi)容調(diào)整為藝術(shù)理論課程和軟件實(shí)踐課程兩大模塊。

1.藝術(shù)理論課程模塊

藝術(shù)理論課程模塊的知識(shí)點(diǎn)分為三部分：網(wǎng)頁(yè)設(shè)計(jì)的功能元素、網(wǎng)頁(yè)交互設(shè)計(jì)、網(wǎng)站品牌形象的美學(xué)塑造。網(wǎng)頁(yè)設(shè)計(jì)的功能元素是網(wǎng)頁(yè)界面設(shè)計(jì)的基礎(chǔ)元件，了解功能元素的特點(diǎn)、作用及各元素之間的相互關(guān)系，對(duì)網(wǎng)頁(yè)設(shè)計(jì)工作起著至關(guān)重要的作用。網(wǎng)頁(yè)設(shè)計(jì)的功能元素有背景與底紋、按鈕與控件、頁(yè)眉與頁(yè)腳、導(dǎo)航器和目錄、功能板塊和廣告位等，這些功能元素依靠文字、圖片、色彩、多媒體和超級(jí)鏈接實(shí)現(xiàn)。這些功能元素的形式語(yǔ)言設(shè)計(jì)遵循傳統(tǒng)平面設(shè)計(jì)的設(shè)計(jì)原則，又和傳統(tǒng)平面設(shè)計(jì)有很大不同。如，傳統(tǒng)平面設(shè)計(jì)多以印刷為最終呈現(xiàn)方式，作品尺寸是固定數(shù)值，而網(wǎng)頁(yè)設(shè)計(jì)是以用戶的顯示器為最終呈現(xiàn)載體，所以作品的寬度不宜超過(guò)顯示器寬度，高度可以任意，但只能顯示一屏的高度，隨著瀏覽者拖動(dòng)滾動(dòng)條，作品的顯示高度隨之變化。用于傳統(tǒng)平面設(shè)計(jì)中的色彩在輸出過(guò)程中是以印刷色CMYK形式出現(xiàn)的，而網(wǎng)頁(yè)設(shè)計(jì)中的顏色是RGB模式，是標(biāo)準(zhǔn)的光色。因此，教師在此部分教學(xué)中不但要傳授網(wǎng)頁(yè)設(shè)計(jì)各功能元素的作用與特點(diǎn)，還應(yīng)該指出它們與傳統(tǒng)平面設(shè)計(jì)中相對(duì)應(yīng)元素的異同，讓學(xué)生在區(qū)別中學(xué)習(xí)。交互設(shè)計(jì)是網(wǎng)頁(yè)設(shè)計(jì)最為重要的功能設(shè)計(jì)。交互設(shè)計(jì)源于工業(yè)設(shè)計(jì)的概念，原來(lái)的平面設(shè)計(jì)專業(yè)教學(xué)中沒(méi)有交互設(shè)計(jì)的內(nèi)容，為了更好地讓教學(xué)內(nèi)容與市場(chǎng)接軌，在調(diào)整后的教學(xué)內(nèi)容中新增了這一知識(shí)點(diǎn)。此部分教學(xué)內(nèi)容包括用戶體驗(yàn)研究、層級(jí)結(jié)構(gòu)設(shè)計(jì)、流程設(shè)計(jì)等，通過(guò)模擬用戶上網(wǎng)實(shí)際操作進(jìn)行分析，找出用戶的關(guān)注點(diǎn)，確定網(wǎng)站特色和欄目，將站點(diǎn)ID、欄目、實(shí)用工具、搜索引擎等交互設(shè)計(jì)元素和平面設(shè)計(jì)知識(shí)結(jié)合，將功能設(shè)計(jì)教學(xué)落到實(shí)處。品牌化建設(shè)是企業(yè)視覺形象設(shè)計(jì)的延續(xù)和拓展。和大多數(shù)線下公司一樣，優(yōu)秀的網(wǎng)站也需要塑造品牌形象。從企業(yè)文化和性質(zhì)入手，樹立準(zhǔn)確而獨(dú)特的網(wǎng)站品牌形象，有利于企業(yè)在互聯(lián)網(wǎng)上從同類公司中凸顯出來(lái)，提高上網(wǎng)者對(duì)該企業(yè)網(wǎng)站的瀏覽興趣，增強(qiáng)上網(wǎng)者的瀏覽記憶，促進(jìn)該企業(yè)的宣傳推廣。在藝術(shù)理論課程模塊教學(xué)內(nèi)容中應(yīng)滲透品牌形象概念，將此概念應(yīng)用到網(wǎng)頁(yè)設(shè)計(jì)的各個(gè)環(huán)節(jié)之中，無(wú)論是網(wǎng)頁(yè)LOGO、網(wǎng)頁(yè)色彩還是版式和導(dǎo)航等設(shè)計(jì)，都應(yīng)該保持品牌形象的一致性。

2.軟件實(shí)踐課程模塊

軟件實(shí)踐課程模塊包含兩部分：“新網(wǎng)頁(yè)三劍客”和常用簡(jiǎn)單代碼識(shí)別。Fireworks、Dreamweaver、Flash是傳統(tǒng)意義上的“網(wǎng)頁(yè)三劍客”，過(guò)去網(wǎng)頁(yè)設(shè)計(jì)的教學(xué)基本是對(duì)它們的學(xué)習(xí)。這雖然具有普遍性，但對(duì)不同專業(yè)學(xué)習(xí)的針對(duì)性不強(qiáng)。結(jié)合平面設(shè)計(jì)專業(yè)學(xué)生現(xiàn)有軟件掌握情況（Photoshop是平面設(shè)計(jì)專業(yè)學(xué)生必修基礎(chǔ)軟件，多數(shù)學(xué)生已掌握它的基本操作技巧），把此部分內(nèi)容調(diào)整為“新網(wǎng)頁(yè)三劍客（Photoshop+Dreamweaver+Flash）”的學(xué)習(xí)。簡(jiǎn)單地說(shuō)，就是根據(jù)界面規(guī)劃草圖，用Photoshop制作出精美的靜態(tài)界面效果圖，并在此基礎(chǔ)上再次利用Photoshop軟件進(jìn)行切片、優(yōu)化和輸出Html文檔，用Dreamweaver進(jìn)行版式美化處理和超級(jí)鏈接設(shè)計(jì)，最后用Flash做特效替換，最終做出具備跳轉(zhuǎn)鏈接功能的動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)效果圖。平面設(shè)計(jì)專業(yè)最終制作的網(wǎng)頁(yè)設(shè)計(jì)作品需要軟件工程師根據(jù)動(dòng)態(tài)效果圖代碼編程上傳，這樣才能更好地在互聯(lián)網(wǎng)上呈現(xiàn)。為了更好地與后臺(tái)工程師溝通，把動(dòng)態(tài)效果圖設(shè)計(jì)得更準(zhǔn)確，網(wǎng)頁(yè)美工師需要了解一些常規(guī)編程代碼知識(shí)，但平面設(shè)計(jì)專業(yè)學(xué)生多是文科生，數(shù)學(xué)和英語(yǔ)的掌握水平普遍不高。對(duì)此，在代碼教學(xué)內(nèi)容上應(yīng)選取一些常用的、簡(jiǎn)單的代碼語(yǔ)言，并結(jié)合Dreamweaver的Html標(biāo)簽和CSS規(guī)則的使用方法，利用框架，對(duì)現(xiàn)有模板進(jìn)行優(yōu)化和美化，提高網(wǎng)頁(yè)設(shè)計(jì)動(dòng)態(tài)效果圖的實(shí)用性。

三、以項(xiàng)目教學(xué)方法為載體，提高學(xué)生的實(shí)戰(zhàn)能力

為了提高學(xué)生的實(shí)戰(zhàn)能力，將社會(huì)項(xiàng)目、經(jīng)典案例引入課堂教學(xué)，并分層次逐級(jí)深入。

1.第一級(jí)：精選案例、分解任務(wù)階段

教師應(yīng)該根據(jù)學(xué)生的特點(diǎn)和網(wǎng)頁(yè)設(shè)計(jì)所需掌握的相關(guān)知識(shí)點(diǎn)，精選典型實(shí)際案例，引入教學(xué)環(huán)節(jié)。分解項(xiàng)目到每一個(gè)知識(shí)點(diǎn)，邊教邊練，將實(shí)踐和理論有機(jī)結(jié)合，并逐一講解。教師選擇的案例要具有吸引力、綜合性，能涵蓋知識(shí)點(diǎn)，案例不需要多，兩三個(gè)即可。教師在講授案例時(shí)應(yīng)強(qiáng)調(diào)學(xué)生的主體地位，對(duì)學(xué)生進(jìn)行引導(dǎo)和解惑，遵循由淺入深、由易到難的原則，以具體分解任務(wù)作為驅(qū)動(dòng)，進(jìn)行教、學(xué)、練的課堂活動(dòng)。此階段應(yīng)激發(fā)學(xué)生自主學(xué)習(xí)的興趣，培養(yǎng)他們獨(dú)立自主分析、解決問(wèn)題的能力和實(shí)踐能力。

2.第二級(jí)：項(xiàng)目分工合作階段

此階段將學(xué)生分成若干設(shè)計(jì)小組，幾個(gè)小組共同承擔(dān)一個(gè)項(xiàng)目，每組在項(xiàng)目中的任務(wù)各不相同，各小組分工協(xié)作，大家共同制訂項(xiàng)目計(jì)劃和實(shí)施方案，推舉大組長(zhǎng)為項(xiàng)目總負(fù)責(zé)人，負(fù)責(zé)最終方案的定稿和項(xiàng)目材料的整理。在項(xiàng)目設(shè)計(jì)的整個(gè)環(huán)節(jié)中，每個(gè)小組擁有充分的自，大大地調(diào)動(dòng)了學(xué)生的積極性。各小組成員共同面對(duì)隨時(shí)出現(xiàn)的問(wèn)題，合作完成任務(wù)。這樣的交流過(guò)程使每名學(xué)生都能參與項(xiàng)目設(shè)計(jì)活動(dòng)，提升自主學(xué)習(xí)能力。在這種交流中，所有學(xué)生的思維碰撞出火花，產(chǎn)生新的創(chuàng)意，大大提高了學(xué)生的創(chuàng)造激情和探索沖動(dòng)，加強(qiáng)培養(yǎng)了他們的團(tuán)隊(duì)協(xié)作能力，為他們以后步入社會(huì)打下了基礎(chǔ)。教師在這個(gè)階段應(yīng)該全程監(jiān)控，引導(dǎo)學(xué)生自主解決問(wèn)題，表?yè)P(yáng)優(yōu)點(diǎn)，發(fā)現(xiàn)不足，匯總各個(gè)組項(xiàng)目實(shí)施中的共性問(wèn)題，對(duì)共性問(wèn)題所涉及的理論知識(shí)與軟件操作集中補(bǔ)充講解。

3.第三級(jí)：對(duì)接社會(huì)、校企合作階段

平面設(shè)計(jì)專業(yè)網(wǎng)頁(yè)設(shè)計(jì)課程教學(xué)改革的最終目的是為社會(huì)輸出合格的互聯(lián)網(wǎng)網(wǎng)頁(yè)設(shè)計(jì)人才，更好地服務(wù)社會(huì)。對(duì)此，平面設(shè)計(jì)專業(yè)網(wǎng)頁(yè)設(shè)計(jì)課程教學(xué)對(duì)接社會(huì)、加強(qiáng)校企合作就顯得尤為必要和重要。學(xué)校應(yīng)該根據(jù)自身特點(diǎn)選擇合適的企業(yè)建立教學(xué)實(shí)踐基地，聘請(qǐng)企業(yè)網(wǎng)頁(yè)設(shè)計(jì)骨干作為指導(dǎo)教師參與網(wǎng)頁(yè)設(shè)計(jì)課程實(shí)踐教學(xué)。學(xué)校也可以組織部分優(yōu)秀學(xué)生組建設(shè)計(jì)團(tuán)隊(duì)，成立工作坊，工作坊可以按照企業(yè)模式管理、運(yùn)營(yíng)，承接校外的網(wǎng)頁(yè)設(shè)計(jì)項(xiàng)目。此階段教學(xué)培養(yǎng)學(xué)生的社會(huì)接軌能力，為學(xué)生對(duì)接社會(huì)提供條件，將企業(yè)文化和行業(yè)規(guī)范引入教學(xué)，實(shí)現(xiàn)校企無(wú)障礙對(duì)接，真正將理論教學(xué)與實(shí)踐教學(xué)有機(jī)結(jié)合在一起。在計(jì)算機(jī)信息技術(shù)飛速發(fā)展的環(huán)境下，平面設(shè)計(jì)專業(yè)網(wǎng)頁(yè)設(shè)計(jì)課程更要緊扣時(shí)代的脈搏，求實(shí)創(chuàng)新，不斷地更新和豐富教學(xué)內(nèi)容，結(jié)合市場(chǎng)發(fā)展趨勢(shì)創(chuàng)新教學(xué)方法，及時(shí)將最新案例和相關(guān)知識(shí)點(diǎn)引入課堂，最終培養(yǎng)出滿足“互聯(lián)網(wǎng)+”國(guó)家戰(zhàn)略實(shí)施需要、具有綜合素養(yǎng)的網(wǎng)頁(yè)設(shè)計(jì)高級(jí)應(yīng)用人才。

參考文獻(xiàn)：

[1]（美）賈森•貝爾德.完美網(wǎng)頁(yè)的視覺設(shè)計(jì)法則（第2版）.石屹，譯.電子工業(yè)出版社，2011.

[2]范雙南，李希勇，萬(wàn)宏輝.現(xiàn)代設(shè)計(jì)基礎(chǔ)——21世紀(jì)藝術(shù)設(shè)計(jì)專業(yè)規(guī)劃教材Dreamweaver網(wǎng)頁(yè)設(shè)計(jì).北京工藝美術(shù)出版社，2009.

網(wǎng)頁(yè)設(shè)計(jì)與平面設(shè)計(jì)范文第3篇

計(jì)算機(jī)平面設(shè)計(jì)軟件的主要應(yīng)用領(lǐng)域?yàn)槠矫嬖O(shè)計(jì)，平面設(shè)計(jì)是一項(xiàng)以圖像圖形以及坐標(biāo)為基礎(chǔ)元素的技術(shù)領(lǐng)域，通過(guò)圖像與圖形的鋪設(shè)，實(shí)現(xiàn)平面的合理設(shè)計(jì)。一般情況下，計(jì)算機(jī)的平面設(shè)計(jì)軟件都屬于應(yīng)用軟件，也就是在不同的領(lǐng)域中得到應(yīng)用，從而實(shí)現(xiàn)具體的功能。那么，在實(shí)際的生產(chǎn)或者是工作中，計(jì)算機(jī)的基本平面設(shè)計(jì)軟件得到了哪些的應(yīng)用呢？這些平面設(shè)計(jì)軟件又有著怎樣的優(yōu)勢(shì)呢？本文將重點(diǎn)對(duì)以上兩點(diǎn)進(jìn)行詳細(xì)分析。

一、計(jì)算機(jī)平面設(shè)計(jì)軟件的基本分析

對(duì)于計(jì)算機(jī)的常用平面設(shè)計(jì)軟件而言，一般以Photoshop以及AutoCAD最為常見。這兩種軟件分別應(yīng)用于兩個(gè)不同的領(lǐng)域，發(fā)揮著非常重要的作用。從兩種軟件的性質(zhì)上分析，都屬于計(jì)算機(jī)的應(yīng)用軟件，都是基于計(jì)算機(jī)平臺(tái)，然后通過(guò)軟件開發(fā)的一種結(jié)合實(shí)際應(yīng)用的軟件。

Photoshop，是一款基于圖像圖形的編輯軟件。Photoshop通過(guò)計(jì)算機(jī)的圖像基本單位――像素，對(duì)圖像進(jìn)行基本的識(shí)別功能，從而對(duì)圖像進(jìn)行進(jìn)一步處理的軟件。在網(wǎng)頁(yè)設(shè)計(jì)中，Photoshop應(yīng)用非常廣泛，并且是主流的圖像處理軟件。網(wǎng)頁(yè)設(shè)計(jì)中，被成為網(wǎng)頁(yè)三劍客之一，足以證明Photoshop軟件在網(wǎng)頁(yè)設(shè)計(jì)領(lǐng)域中的重要地位。

Auto CAD，一款工業(yè)領(lǐng)域中應(yīng)用非常廣泛的軟件。Auto CAD主要的功能是工程制圖，通過(guò)計(jì)算機(jī)的仿真功能，實(shí)現(xiàn)工業(yè)制圖的模擬仿真。Auto CAD的作用非常明顯，能夠解決在工業(yè)設(shè)計(jì)領(lǐng)域中的諸多問(wèn)題。在成本上大大的降低了設(shè)計(jì)成本，提高了設(shè)計(jì)的效率，并保證了設(shè)計(jì)產(chǎn)品的質(zhì)量。該應(yīng)用軟件，不僅從理念上打破了傳統(tǒng)的軟件范疇，更是在平面設(shè)計(jì)領(lǐng)域?qū)崿F(xiàn)了一次較為明顯的改進(jìn)。

Photoshop以及Auto CAD是比較常見也是非常具有代表性的兩款軟件，因此，在進(jìn)行計(jì)算機(jī)平面設(shè)計(jì)軟件應(yīng)用分析的時(shí)候，對(duì)這兩款應(yīng)用軟件進(jìn)行分析，具有非常的代表性。

二、計(jì)算機(jī)平面設(shè)計(jì)軟件的應(yīng)用

從計(jì)算機(jī)的平面設(shè)計(jì)軟件的應(yīng)用上進(jìn)行分析，一般可以從應(yīng)用的領(lǐng)域出發(fā)，從而具體分析其應(yīng)用的范圍和效果。上文中主要講解了兩款計(jì)算機(jī)平面設(shè)計(jì)軟件――Photoshop和Auto CAD，因此繼續(xù)通過(guò)理論闡述兩種軟件的應(yīng)用。

（一）Photoshop圖像處理軟件的應(yīng)用

Photoshop是能夠通過(guò)最小像素為單位，對(duì)圖像文件進(jìn)行識(shí)別，從而對(duì)圖像進(jìn)行編輯的一種平面設(shè)計(jì)軟件。在網(wǎng)頁(yè)設(shè)計(jì)中，Photoshop應(yīng)用的最為廣泛。網(wǎng)頁(yè)的設(shè)計(jì)屬于平面設(shè)計(jì)的范疇之一，通過(guò)對(duì)網(wǎng)頁(yè)的圖片進(jìn)行優(yōu)化處理，從而將網(wǎng)頁(yè)的設(shè)計(jì)達(dá)到最優(yōu)化。通常最為常見的案例就是需要處理網(wǎng)絡(luò)圖片的大小，由于網(wǎng)絡(luò)圖片需要同時(shí)滿足加載的需要，受到網(wǎng)速的影響，網(wǎng)頁(yè)的圖片不能過(guò)大，但是也要保證基本的清晰度。因此，需要對(duì)圖片進(jìn)行大小和像素的處理。此外，對(duì)于圖片的格式，也要進(jìn)行一定的處理。不同格式的圖片，其大小和像素比都是有區(qū)別的。如何能夠滿足以上條件，就是利用Photoshop來(lái)完成的。因此，Photoshop是網(wǎng)頁(yè)設(shè)計(jì)中，最為常用的圖片處理軟件。

此外，在進(jìn)行網(wǎng)頁(yè)制作的過(guò)程中，也經(jīng)常用到Photoshop的切片功能。通過(guò)切片處理，可以將一張完整的圖片，切出幾個(gè)不同的選區(qū)，從而可以對(duì)選區(qū)進(jìn)行編輯，從而實(shí)現(xiàn)了網(wǎng)頁(yè)制作的高效化。

對(duì)于圖片的處理，現(xiàn)在很多行業(yè)都在應(yīng)用。例如拍攝婚紗照片以及人物的影片剪輯，都屬于平面設(shè)計(jì)的處理范疇，而Photoshop軟件在這些領(lǐng)域都有著非常不錯(cuò)的表現(xiàn)。這足以證明，計(jì)算機(jī)的平面設(shè)計(jì)軟件的應(yīng)用以及行業(yè)結(jié)合能力還是非常強(qiáng)大的。

（二）Auto CAD工程制圖軟件的應(yīng)用

Auto CAD是工業(yè)設(shè)計(jì)領(lǐng)域中，最為常用的制圖軟件。Auto CAD能夠通過(guò)工業(yè)設(shè)計(jì)部件的參數(shù)來(lái)進(jìn)行相關(guān)設(shè)計(jì)和仿真。例如，在進(jìn)行一個(gè)工件的設(shè)計(jì)的時(shí)候，可以先通過(guò)Auto CAD進(jìn)行制圖。將不同的點(diǎn)位的受力以及力矩等通過(guò)Auto CAD進(jìn)行智能測(cè)算。通過(guò)測(cè)算以后，就可以進(jìn)行模擬的測(cè)試，從而在很大程度上降低了設(shè)計(jì)成本，提高了設(shè)計(jì)的效率。

因此，Auto CAD的軟件應(yīng)用主要是存在于工業(yè)領(lǐng)域中，并通過(guò)不斷的設(shè)計(jì)改進(jìn)，改良軟件中存在的bug，提升軟件的使用和應(yīng)用效率，最大程度的加強(qiáng)Auto CAD軟件在工業(yè)設(shè)計(jì)領(lǐng)域中的實(shí)用性。對(duì)于工業(yè)設(shè)計(jì)的精確度較高要求的情況下，Auto CAD能夠通過(guò)計(jì)算機(jī)的準(zhǔn)確平臺(tái)，提供最為有效的設(shè)計(jì)標(biāo)準(zhǔn)。

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

從應(yīng)用的角度分析，計(jì)算機(jī)的平面設(shè)計(jì)軟件基本都屬于應(yīng)用軟件的范疇。但是應(yīng)用的領(lǐng)域卻是十分廣泛的，Photoshop主要應(yīng)用于網(wǎng)頁(yè)設(shè)計(jì)領(lǐng)域，而Auto CAD則主要是工業(yè)設(shè)計(jì)制圖中的仿真模擬。雖然在不同的領(lǐng)域中，都有著非常重要的作用，但是依然無(wú)法最大限度的滿足未來(lái)工業(yè)或者是互聯(lián)網(wǎng)時(shí)代的需求。因此，計(jì)算機(jī)的平面設(shè)計(jì)軟件也在不斷的推陳出新，一直在開發(fā)和測(cè)試，從而找到更好的應(yīng)用軟件模式。本文從網(wǎng)頁(yè)設(shè)計(jì)角度以及工業(yè)制圖兩個(gè)不同的領(lǐng)域進(jìn)行了計(jì)算機(jī)平面設(shè)計(jì)軟件的應(yīng)用分析，將其應(yīng)用中的優(yōu)勢(shì)以及需要改進(jìn)的部分進(jìn)行了深入分析，從而明確了計(jì)算機(jī)應(yīng)用軟件的強(qiáng)大功能，并對(duì)其軟件的未來(lái)突破給予期望。

參考文獻(xiàn)：

[1]毛仁興.認(rèn)知負(fù)荷理論在應(yīng)用軟件教學(xué)設(shè)計(jì)中的應(yīng)用探析――以剪輯軟件premiere為例[J].軟件導(dǎo)刊.教育技術(shù)，2013（03）：75-77.

[2]徐菲.計(jì)算機(jī)應(yīng)用軟件課程案例教學(xué)策略――以C0relDRAW軟件教學(xué)為例[J].池州學(xué)院學(xué)報(bào)，2012（06）：149-151.

[3]海妙.平面設(shè)計(jì)軟件與DICOM圖像數(shù)據(jù)處理技術(shù)研究[J].自動(dòng)化與儀器儀表，2010（04）：42-44.

[4]李文廣，潘婷婷.平面設(shè)計(jì)軟件PHOTOSHOP中的選區(qū)制作[J].滄州師范專科學(xué)校學(xué)報(bào)，2008（03）：45-46.

（作者單位：湖南省機(jī)械工業(yè)技術(shù)學(xué)院）

網(wǎng)頁(yè)設(shè)計(jì)與平面設(shè)計(jì)范文第4篇

網(wǎng)頁(yè)設(shè)計(jì)是網(wǎng)絡(luò)技術(shù)與設(shè)計(jì)藝術(shù)的交叉學(xué)科，需要網(wǎng)頁(yè)設(shè)計(jì)者既要懂得熟練的計(jì)算機(jī)專業(yè)技術(shù)，還要具有較高的平面設(shè)計(jì)藝術(shù)特征。在互聯(lián)網(wǎng)高速發(fā)展的時(shí)代背景下，網(wǎng)頁(yè)成為直接吸引瀏覽者的因素，如何在美觀程度、視覺沖擊以及版面構(gòu)成等方面滿足網(wǎng)民的審美需求是網(wǎng)頁(yè)設(shè)計(jì)應(yīng)用美學(xué)的最大價(jià)值所在。

1 網(wǎng)頁(yè)設(shè)計(jì)的特征

網(wǎng)頁(yè)設(shè)計(jì)作為一種特殊的信息媒介設(shè)計(jì)，要求網(wǎng)頁(yè)界面的設(shè)計(jì)要滿足多元化發(fā)展的需要，具體表現(xiàn)在：

1）交互性。網(wǎng)絡(luò)時(shí)代背景下的網(wǎng)頁(yè)優(yōu)勢(shì)在于實(shí)現(xiàn)了信息的動(dòng)態(tài)變化與即時(shí)交互性，因此在網(wǎng)頁(yè)設(shè)計(jì)時(shí)也必須要緊緊把握即時(shí)交互性原則，不僅要保證信息需求者可以第一時(shí)間掌握最新發(fā)生的信息，而且還要滿足視界效果的更新性，讓信息瀏覽者以一個(gè)主動(dòng)者的角色加入到信息處理中。比如某網(wǎng)站的界面設(shè)計(jì)內(nèi)容會(huì)隨著某種信息宣傳的需求而不定期的更改版面，以此滿足瀏覽者的信息需求要求。

2）特定的設(shè)計(jì)風(fēng)格。網(wǎng)頁(yè)設(shè)計(jì)是由特定的主體決定的，也就是不同的網(wǎng)站主題決定了網(wǎng)頁(yè)設(shè)計(jì)風(fēng)格，而網(wǎng)站的主題則是需要通過(guò)網(wǎng)站的色彩與視覺符號(hào)直接體現(xiàn)出來(lái)的，一般在進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)時(shí)需要確定網(wǎng)站的主題，然后在根據(jù)網(wǎng)站主題內(nèi)容進(jìn)行相應(yīng)顏色的選擇。以紅色教育網(wǎng)站為例，一般紅色教育網(wǎng)站的頁(yè)面都以紅色或者黑色為主，這主要是與“紅色革命”教育有關(guān)。另外其還具有版面編排的不可控性。在進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)時(shí)不能對(duì)版面大小進(jìn)行控制，這主要是根據(jù)用戶端的媒介工具有關(guān)。

3）技術(shù)與藝術(shù)的有序結(jié)合。網(wǎng)頁(yè)設(shè)計(jì)屬于一門新興的學(xué)科，其需要應(yīng)用到大量的專業(yè)學(xué)科知識(shí)，尤其是藝術(shù)與計(jì)算機(jī)技術(shù)的融合是網(wǎng)頁(yè)設(shè)計(jì)的最大特點(diǎn)，網(wǎng)頁(yè)設(shè)計(jì)不能以技術(shù)為中心，而是強(qiáng)調(diào)技術(shù)與藝術(shù)的融合，通過(guò)藝術(shù)反映網(wǎng)頁(yè)內(nèi)容，以技術(shù)支撐藝術(shù)設(shè)計(jì)。尤其是要注意的是網(wǎng)頁(yè)技術(shù)的 應(yīng)用要適合網(wǎng)絡(luò)環(huán)境，不能單獨(dú)的強(qiáng)調(diào)藝術(shù)效應(yīng)而忽視技術(shù)的應(yīng)用。

2 網(wǎng)頁(yè)設(shè)計(jì)中應(yīng)用美學(xué)的具體體現(xiàn)

從網(wǎng)頁(yè)設(shè)計(jì)的發(fā)展歷程來(lái)看，網(wǎng)頁(yè)設(shè)計(jì)經(jīng)歷了三個(gè)發(fā)展階段：一是簡(jiǎn)單的靜態(tài)網(wǎng)頁(yè)階段；二是圖文并茂的網(wǎng)頁(yè)設(shè)計(jì)階段；三是動(dòng)態(tài)互動(dòng)式的網(wǎng)頁(yè)設(shè)計(jì)階段。隨著網(wǎng)民對(duì)網(wǎng)頁(yè)視覺需求的日益提高以及網(wǎng)站競(jìng)爭(zhēng)的日益嚴(yán)峻，如何吸引瀏覽者的注意力是網(wǎng)頁(yè)設(shè)計(jì)者需要考慮的問(wèn)題。美學(xué)不是抽象的概念，而是融合多種藝術(shù)表現(xiàn)手段的系統(tǒng)，通過(guò)運(yùn)用美學(xué)可以提升網(wǎng)頁(yè)設(shè)計(jì)的內(nèi)涵，完善網(wǎng)頁(yè)設(shè)計(jì)的功能，達(dá)到網(wǎng)頁(yè)在內(nèi)容、功能以及形式上的完善。具體美學(xué)在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用主要體現(xiàn)在：

1）美術(shù)設(shè)計(jì)在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用

在網(wǎng)頁(yè)設(shè)計(jì)中，美術(shù)設(shè)計(jì)屬于重要的應(yīng)用部分，完善的美術(shù)設(shè)計(jì)可以豐富網(wǎng)頁(yè)的內(nèi)容，給瀏覽者以獨(dú)特的視覺沖擊。美術(shù)設(shè)計(jì)的應(yīng)用主要包括：一是文字語(yǔ)言的應(yīng)用設(shè)計(jì)。文字是信息傳遞的重要載體，不同的文字設(shè)計(jì)效果會(huì)帶來(lái)不同的視覺效果。另外在文字的編排上要側(cè)重藝術(shù)性與實(shí)用性，具體就是網(wǎng)頁(yè)界面文字設(shè)計(jì)編排一定要與網(wǎng)站的整體界面內(nèi)容相符合，實(shí)現(xiàn)傳遞信息的同時(shí)要實(shí)現(xiàn)視覺美感；二是圖形圖像的設(shè)計(jì)。圖形圖像是網(wǎng)頁(yè)的重要組成部分，優(yōu)美的圖形圖像可以足夠信息網(wǎng)民的眼球，圖形圖像可以直接將設(shè)計(jì)者的理念反映出來(lái)，圖形圖像可以通過(guò)點(diǎn)、線、面融合的方式達(dá)到，通過(guò)各種藝術(shù)表現(xiàn)形式達(dá)到優(yōu)化網(wǎng)頁(yè)設(shè)計(jì)的目的。當(dāng)然在網(wǎng)頁(yè)設(shè)計(jì)中使用大膽、個(gè)性化的圖形可以增加沖擊效果。圖形圖像應(yīng)用到網(wǎng)頁(yè)設(shè)計(jì)中需要設(shè)計(jì)者根據(jù)設(shè)計(jì)要求選擇相應(yīng)的設(shè)計(jì)元素，直線圖形會(huì)給人一種簡(jiǎn)單明確的效果，而粗直線圖形則顯得畫面的厚度，給人以穩(wěn)定。

2）色彩在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用

色彩是網(wǎng)頁(yè)設(shè)計(jì)中的視知覺感受因素，色彩在網(wǎng)頁(yè)設(shè)計(jì)中的效果是巨大的，其主要具有劃分視覺分區(qū)、重點(diǎn)標(biāo)記主題以及引起更多關(guān)注的特點(diǎn)。色彩在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用為：一是色彩的對(duì)比。不同的色彩在一起會(huì)形成不同的視覺感受，因此通過(guò)色彩對(duì)比可以確定設(shè)計(jì)的主題，達(dá)到視覺效果。在網(wǎng)頁(yè)設(shè)計(jì)時(shí)背景面積大的時(shí)候可以采取明度高、純度低的配色，以此實(shí)現(xiàn)視覺效應(yīng)；二是色彩的應(yīng)用處理。主頁(yè)的色彩處理得好，可以錦上添花，達(dá)到事半功倍的效果。色彩總的應(yīng)用原則應(yīng)該是“總體協(xié)調(diào)，局部對(duì)比”，也就是：主頁(yè)的整體色彩效果應(yīng)該是和諧的，只有局部的、小范圍的地方可以有一些強(qiáng)烈色彩的對(duì)比。在色彩的運(yùn)用上，可以根據(jù)主頁(yè)內(nèi)容的需要，分別采用不同的主色調(diào)。因?yàn)樯示哂邢笳餍裕纾耗劬G色、翠綠色、金黃色、灰褐色就可以分別象征著春、夏、秋、冬。其次還有職業(yè)的標(biāo)志色。不同的職業(yè)有著固定的顏色，例如綠色一般代表軍人，白色代表醫(yī)生等。

3）平面設(shè)計(jì)在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用

平面設(shè)計(jì)是相對(duì)網(wǎng)頁(yè)結(jié)構(gòu)而言的，平面設(shè)計(jì)強(qiáng)度的是各種網(wǎng)頁(yè)組成部分的形態(tài)比例、對(duì)比等效果：一是比例。注重比例關(guān)系是處理整體與局部的重要手段，在網(wǎng)頁(yè)設(shè)計(jì)中需要融合文字、圖形圖像以及動(dòng)畫等，因此需要對(duì)不同的部位進(jìn)行整體的比例設(shè)計(jì)，以此實(shí)現(xiàn)結(jié)構(gòu)合理化。一般用于平面設(shè)計(jì)的方法是水平分割、垂直分割以及比例分割等等；二是重復(fù)與漸變。平面設(shè)計(jì)需要對(duì)圖形等進(jìn)行科學(xué)的設(shè)計(jì)，以此達(dá)到柔和和含蓄的力量。比如在我們登入某些網(wǎng)頁(yè)時(shí)存在登入就自動(dòng)彈出一些窗口的現(xiàn)象，此種現(xiàn)象影響瀏覽心情，所有這就需要網(wǎng)頁(yè)設(shè)計(jì)時(shí)認(rèn)識(shí)到此種問(wèn)題，降低使用懸浮界面，并且對(duì)網(wǎng)頁(yè)中的內(nèi)容結(jié)構(gòu)等進(jìn)行優(yōu)化設(shè)計(jì)，定期進(jìn)行更新，防止網(wǎng)頁(yè)內(nèi)容過(guò)于陳舊，而導(dǎo)致信息瀏覽者出現(xiàn)審美疲勞。

4）網(wǎng)頁(yè)的合理布局

網(wǎng)頁(yè)布局大致可分為“國(guó)”字型、拐角型、標(biāo)題正文型、左右框架型、上下框架型、封面型、FLASH型、綜合框架型等。在以上布局中，對(duì)于不同的形狀，代表著不同的意義。比如：矩形代表著正式、規(guī)則，很多ICP和政府網(wǎng)頁(yè)都是以矩形為整體造型；圓形代表著柔和、團(tuán)結(jié)、溫暖、安全等，許多時(shí)尚站點(diǎn)喜歡以圓形為頁(yè)面整體造型，三角型代表著力量、權(quán)威、牢固、侵略等，許多大型的商業(yè)站點(diǎn)為了顯示它的權(quán)威性常以三角形為頁(yè)面的整體造型；菱形代表著平衡、協(xié)調(diào)、公平，一些交友站點(diǎn)常運(yùn)用菱形作為頁(yè)面整體造型。目前的網(wǎng)頁(yè)制作多數(shù)是結(jié)合多個(gè)圖形加以設(shè)計(jì)，在這其中某種圖形的構(gòu)圖比例可能占的多一些。

3 網(wǎng)頁(yè)設(shè)計(jì)應(yīng)用美學(xué)的發(fā)展趨勢(shì)

網(wǎng)頁(yè)設(shè)計(jì)與平面設(shè)計(jì)范文第5篇

在我國(guó)，視覺傳達(dá)教育起步較晚，但是發(fā)展迅速，其人才培養(yǎng)和教育模式倍受社會(huì)關(guān)注。目前很多高校在藝術(shù)類網(wǎng)頁(yè)設(shè)計(jì)課程的教學(xué)上存在兩種主要現(xiàn)象：一是重設(shè)計(jì)、輕制作；二是重軟件、輕藝術(shù)。第一種培養(yǎng)出的學(xué)生一般只注重靜態(tài)頁(yè)面的視覺效果，對(duì)網(wǎng)站的動(dòng)態(tài)更新關(guān)注較少，不利于網(wǎng)頁(yè)后期維護(hù)；第二種培養(yǎng)出的學(xué)生側(cè)重于Dreamweaver、Flash等軟件的操作，對(duì)網(wǎng)頁(yè)的版式、VI形象等關(guān)注較少，制作出的網(wǎng)頁(yè)往往缺乏個(gè)性、藝術(shù)表現(xiàn)力不強(qiáng)。因此，對(duì)視覺傳達(dá)專業(yè)的網(wǎng)頁(yè)設(shè)計(jì)課程的教學(xué)改革勢(shì)在必行。

二、課程教學(xué)目標(biāo)的重新確定

我們都知道，一門學(xué)科的課程目標(biāo)通常決定了該學(xué)科的最終導(dǎo)向，它不僅能為教師傳授正確的學(xué)科理念提供依據(jù)，同時(shí)也給學(xué)生指明正確的課程學(xué)習(xí)方向。因此，視覺傳達(dá)專業(yè)網(wǎng)頁(yè)設(shè)計(jì)課程改革的首要環(huán)節(jié)就是對(duì)該課程教學(xué)目標(biāo)的重新確立。眾所周知，高等教育培養(yǎng)出來(lái)的人才最終要服務(wù)于社會(huì)，社會(huì)的需求決定了該學(xué)科的教學(xué)內(nèi)容和教學(xué)目標(biāo)。隨著科技的進(jìn)步，時(shí)代的發(fā)展，不同時(shí)期對(duì)網(wǎng)頁(yè)設(shè)計(jì)人員的需求也是不同的。通過(guò)市場(chǎng)調(diào)研，我發(fā)現(xiàn)目前社會(huì)上網(wǎng)站分工越來(lái)越細(xì)，招聘的相關(guān)崗位大體分為三類：第一類為前臺(tái)美工，以視覺傳達(dá)專業(yè)為主，以網(wǎng)站的形象塑造和界面美化為崗位內(nèi)容；第二類為網(wǎng)站后臺(tái)服務(wù)，多以h7V5數(shù)據(jù)庫(kù)等做交互型網(wǎng)站的，以計(jì)算機(jī)專業(yè)為主；第三類就是兩者都要具備的全才網(wǎng)頁(yè)設(shè)計(jì)師，是具有技術(shù)背景和多年實(shí)戰(zhàn)經(jīng)驗(yàn)的創(chuàng)意人才。由此我們可以確定視覺傳達(dá)專業(yè)培養(yǎng)出來(lái)的網(wǎng)頁(yè)設(shè)計(jì)人才的崗位定位應(yīng)是網(wǎng)頁(yè)美工師，他應(yīng)該具有兩種專業(yè)素質(zhì)：一是掌握網(wǎng)頁(yè)設(shè)計(jì)的基本要素和美學(xué)知識(shí)相結(jié)合的方法與技巧；二是懂得簡(jiǎn)單機(jī)算計(jì)軟件（PS、Dreamweaver、Flash）的操作，便于在制作網(wǎng)頁(yè)界面時(shí)考慮到后臺(tái)維護(hù)的便利。而“藝術(shù)設(shè)計(jì)教育的人才培養(yǎng)目標(biāo)是：培養(yǎng)綜合素質(zhì)高、創(chuàng)造能力強(qiáng)的高級(jí)應(yīng)用型設(shè)計(jì)人才”。所以該課程教學(xué)目標(biāo)應(yīng)該是培養(yǎng)具有以上兩種專業(yè)綜合素質(zhì)的、創(chuàng)造能力強(qiáng)的高級(jí)網(wǎng)絡(luò)應(yīng)用型設(shè)計(jì)人才。新的培養(yǎng)目標(biāo)確定后，該課程的教學(xué)內(nèi)容應(yīng)該在此基礎(chǔ)上重新調(diào)整。

三、課程內(nèi)容的調(diào)整

視覺傳達(dá)專業(yè)網(wǎng)頁(yè)設(shè)計(jì)課程教學(xué)內(nèi)容應(yīng)該為教學(xué)目標(biāo)服務(wù)，知識(shí)結(jié)構(gòu)要合理，應(yīng)注意知識(shí)點(diǎn)之間的交叉及有機(jī)結(jié)合，同時(shí)也要有效地培養(yǎng)學(xué)生的創(chuàng)新性思維及獨(dú)立分析、解決問(wèn)題的能力。基于此，新的教學(xué)內(nèi)容調(diào)整為兩大板塊：理論課程內(nèi)容和實(shí)踐課程內(nèi)容。

1.理論課程內(nèi)容

理論課程內(nèi)容在課程編排中為最先講授內(nèi)容，以教師PPT演示傳授為主，學(xué)生討論互動(dòng)為輔，課時(shí)安排為總學(xué)時(shí)的四分之一。在教學(xué)過(guò)程中又分為兩個(gè)環(huán)節(jié)來(lái)實(shí)現(xiàn)：（1）第一次課的設(shè)計(jì)把第一次課設(shè)置為課程概述，主要對(duì)網(wǎng)頁(yè)設(shè)計(jì)課程的教學(xué)特點(diǎn)、教學(xué)內(nèi)容、教學(xué)目的、教學(xué)重點(diǎn)和難點(diǎn)加以通篇介紹，對(duì)學(xué)生說(shuō)明課程安排和考核要求，并通過(guò)簡(jiǎn)單上機(jī)實(shí)例操作來(lái)提高學(xué)生學(xué)習(xí)興趣，進(jìn)而引入網(wǎng)頁(yè)基本理論教學(xué)環(huán)節(jié)。（2）網(wǎng)頁(yè)基本理論學(xué)習(xí)網(wǎng)頁(yè)基本理論學(xué)習(xí)包含三個(gè)知識(shí)板塊：網(wǎng)頁(yè)設(shè)計(jì)的基本要素、網(wǎng)頁(yè)界面的版式設(shè)計(jì)、網(wǎng)頁(yè)VI形象的美學(xué)塑造。我們知道每個(gè)設(shè)計(jì)門類都有自己獨(dú)特的構(gòu)成元素，這些不同的構(gòu)成元素形成了該門類不同于別的門類的獨(dú)特的藝術(shù)魅力。了解和掌握這些構(gòu)成元素的特點(diǎn)和作用，有助于我們更好地進(jìn)行設(shè)計(jì)工作。網(wǎng)頁(yè)構(gòu)成元素按功能和形式劃分為兩大類型，按功能劃分為頁(yè)眉和頁(yè)腳、背景與底紋、按鈕與控件、導(dǎo)航器和目錄、功能板塊和廣告位；按形式分為文字、圖片、色彩、多媒體和超級(jí)鏈接。網(wǎng)頁(yè)設(shè)計(jì)中的構(gòu)成語(yǔ)言不同于傳統(tǒng)平面設(shè)計(jì)，它們之間存在很大差異，例如網(wǎng)頁(yè)設(shè)計(jì)中的顏色是光色，是標(biāo)準(zhǔn)的RGB色彩，而傳統(tǒng)平面設(shè)計(jì)中的顏色在輸出過(guò)程中是以印刷色CMYK形式出現(xiàn)的；傳統(tǒng)的平面設(shè)計(jì)不用考慮網(wǎng)絡(luò)傳輸?shù)囊蛩兀W(wǎng)頁(yè)設(shè)計(jì)中的構(gòu)成元素應(yīng)考慮在不影響顯示效果的前題下，盡量壓縮文件大小，便于網(wǎng)頁(yè)文件的上傳與下載；又如動(dòng)畫、音頻等多媒體語(yǔ)言在傳統(tǒng)平面設(shè)計(jì)中不用考慮，而在網(wǎng)頁(yè)設(shè)計(jì)中它們是給網(wǎng)頁(yè)增加活力的重要手段因此，教師在此板塊教學(xué)中要選擇大量實(shí)例進(jìn)行比較，不但要指出網(wǎng)頁(yè)設(shè)計(jì)各構(gòu)成元素的特點(diǎn)和作用，而且還應(yīng)指出與平面設(shè)計(jì)中相對(duì)應(yīng)元素的異同之處，便于學(xué)生區(qū)別學(xué)習(xí)。網(wǎng)頁(yè)界面的版式設(shè)計(jì)不同于傳統(tǒng)平面設(shè)計(jì)的版式設(shè)計(jì)。平面印刷品有著各自固定的紙張大小或裁切規(guī)格，而網(wǎng)頁(yè)界面則不然，它的顯示尺寸受到電腦顯示器的限制，不同尺寸的顯示器顯示的網(wǎng)頁(yè)界面是有區(qū)別的。除此以外，它的最終顯示控制權(quán)其實(shí)掌握在瀏覽者手中。如果過(guò)分注重網(wǎng)頁(yè)界面版式設(shè)計(jì)的視覺完整性，就不能顧及網(wǎng)頁(yè)設(shè)計(jì)元素的靈活性。所以，教師在此板塊教學(xué)中應(yīng)該強(qiáng)調(diào)網(wǎng)頁(yè)界面版式的變化性，同時(shí)也要強(qiáng)調(diào)首頁(yè)與內(nèi)頁(yè)版式的連貫性，要求學(xué)生在設(shè)計(jì)中注意網(wǎng)頁(yè)界面版式完整性與靈活性的關(guān)系。網(wǎng)頁(yè)設(shè)計(jì)是VI設(shè)計(jì)的一個(gè)重要組成部分，是企業(yè)視覺形象執(zhí)行標(biāo)準(zhǔn)的延續(xù)和拓展。和所有的線下公司一樣，一個(gè)好的網(wǎng)站也需要依助于VI設(shè)計(jì)。準(zhǔn)確的、有創(chuàng)意的VI設(shè)計(jì)，有利于樹立網(wǎng)站形象，使其在眾多同類網(wǎng)站中脫穎而出，增加瀏覽者的瀏覽欲望和瀏覽記憶，對(duì)該企業(yè)的推廣和宣傳也能起到促進(jìn)作用。網(wǎng)頁(yè)設(shè)計(jì)課程上引入VI設(shè)計(jì)概念，教師應(yīng)該保持教學(xué)的延續(xù)性，要求學(xué)生在進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)的同時(shí)，將VI理念應(yīng)用到網(wǎng)頁(yè)界面中。網(wǎng)頁(yè)設(shè)計(jì)應(yīng)主題突出、富有創(chuàng)意，色彩搭配應(yīng)協(xié)調(diào)統(tǒng)一，具有強(qiáng)烈的視覺沖擊力，從網(wǎng)頁(yè)LOGO到色彩運(yùn)用均要突出企業(yè)視覺形象。

2.實(shí)踐課程內(nèi)容

視覺傳達(dá)教育的目的就是培養(yǎng)出創(chuàng)造能力強(qiáng)的高級(jí)應(yīng)用型設(shè)計(jì)人才。應(yīng)用性人才的培養(yǎng)模式里實(shí)踐性課程比例要大，網(wǎng)頁(yè)設(shè)計(jì)課程也是這樣，理論是基礎(chǔ)，實(shí)踐是靈魂。所以實(shí)踐課程內(nèi)容在課程編排中為比重最大的內(nèi)容，課時(shí)安排為總學(xué)時(shí)的四分之三。實(shí)踐課程包含軟件操作板塊、簡(jiǎn)單代碼學(xué)習(xí)板塊和實(shí)際案例制作板塊三個(gè)知識(shí)點(diǎn)。此部分內(nèi)容在教學(xué)過(guò)程中又分為兩個(gè)環(huán)節(jié)來(lái)實(shí)現(xiàn)：

（1）軟件操作和簡(jiǎn)單代碼學(xué)習(xí)板塊的教學(xué)

此部分教學(xué)為計(jì)算機(jī)軟件學(xué)習(xí)階段，F(xiàn)ireworks、Dreamweaver、Flash是傳統(tǒng)的網(wǎng)頁(yè)設(shè)計(jì)軟件學(xué)習(xí)內(nèi)容，根據(jù)當(dāng)今互聯(lián)網(wǎng)開放性的特點(diǎn)和視覺傳達(dá)學(xué)生對(duì)現(xiàn)有軟件知識(shí)掌握的情況（PS是基本功，是學(xué)生都已掌握的軟件），把傳統(tǒng)軟件教學(xué)內(nèi)容更改為“網(wǎng)頁(yè)新三劍客”（PS+Dreamweaver+Flash）的學(xué)習(xí)。簡(jiǎn)單地說(shuō)，就是用PS制作靜態(tài)網(wǎng)頁(yè)界面和切圖，并處理圖片，用Dreamweaver布局和超級(jí)鏈接，用Flash做特效。而這三個(gè)軟件知識(shí)板塊里面教學(xué)重點(diǎn)依次為Dreamweaver、Flash、PS。在軟件教學(xué)環(huán)節(jié)，教師可借助類似“紅蜘蛛”一樣的網(wǎng)絡(luò)教學(xué)平臺(tái)和學(xué)生互動(dòng)教學(xué)。學(xué)生可根據(jù)老師在線傳送的素材臨摹教師的操作，教師也可以在線觀察學(xué)生執(zhí)行情況個(gè)別輔導(dǎo)。同時(shí)根據(jù)藝術(shù)學(xué)生英語(yǔ)和數(shù)學(xué)水平普遍較低的特點(diǎn)，在教學(xué)中應(yīng)該增加一些簡(jiǎn)單代碼知識(shí)，介紹一些常用的代碼語(yǔ)言及Html標(biāo)簽和CSS規(guī)則的使用方法，便于優(yōu)化網(wǎng)頁(yè)樣式，使整個(gè)網(wǎng)站風(fēng)格統(tǒng)一，也便于對(duì)已有的網(wǎng)頁(yè)模板進(jìn)行更改，進(jìn)而大大提高學(xué)生的崗位實(shí)踐技能。

（2）實(shí)際案例制作教學(xué)

此板塊教學(xué)采用以項(xiàng)目為載體、以任務(wù)為驅(qū)動(dòng)的教學(xué)方法。教師可以引入實(shí)際項(xiàng)目或者虛擬項(xiàng)目，提出項(xiàng)目名稱和項(xiàng)目要求，輔導(dǎo)學(xué)生進(jìn)行實(shí)際案例設(shè)計(jì)。實(shí)際案例制作教學(xué)應(yīng)充分強(qiáng)調(diào)實(shí)用性和自主性，教學(xué)環(huán)節(jié)可分三步進(jìn)行。首先是教師示范環(huán)節(jié)：教師要根據(jù)實(shí)例要求演示創(chuàng)作過(guò)程，從網(wǎng)站創(chuàng)意草圖到制作靜態(tài)界面；從創(chuàng)建站點(diǎn)到Dreamweaver網(wǎng)頁(yè)布局，創(chuàng)建超級(jí)鏈接；從美化網(wǎng)頁(yè)樣式，到制作網(wǎng)頁(yè)特效，利用簡(jiǎn)單的代碼語(yǔ)言和Flas實(shí)現(xiàn)動(dòng)態(tài)、實(shí)時(shí)、交互的頁(yè)面效果教師應(yīng)將每個(gè)創(chuàng)作環(huán)節(jié)一一展示，并將知識(shí)點(diǎn)設(shè)計(jì)應(yīng)用到整個(gè)案例實(shí)際操作中去，做到知識(shí)點(diǎn)與案例有效融合，案例之間能承上啟下，有機(jī)銜接。其次為學(xué)生設(shè)計(jì)環(huán)節(jié)：學(xué)生可以根據(jù)老師的思路對(duì)經(jīng)典案例進(jìn)行學(xué)習(xí)和分析，依據(jù)實(shí)際任務(wù)的要求，進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)實(shí)際操作。其間遇到問(wèn)題學(xué)生可以相互討論，或求助教師解決難題。在整個(gè)講課過(guò)程中，教師指導(dǎo)為輔，學(xué)生對(duì)案例進(jìn)行學(xué)習(xí)和分析為主，充分發(fā)揮學(xué)生的主觀能動(dòng)性。要求學(xué)生充分發(fā)揮創(chuàng)意性思維，從被動(dòng)學(xué)習(xí)轉(zhuǎn)換為為了實(shí)現(xiàn)項(xiàng)目目標(biāo)而進(jìn)行多渠道主動(dòng)學(xué)習(xí)，提高學(xué)生學(xué)習(xí)效率，縮短和實(shí)際崗位間的操作差距，進(jìn)而為走向社會(huì)奠定基礎(chǔ)。最后為展示評(píng)價(jià)環(huán)節(jié)：學(xué)生對(duì)自己的作品公開演示匯報(bào)，并鼓勵(lì)別的學(xué)生對(duì)其作品評(píng)價(jià)，找出優(yōu)劣點(diǎn)，好的保留，差的改正。教師根據(jù)作品質(zhì)量和學(xué)生評(píng)價(jià)對(duì)作品打分，以此作為該生整門課程成績(jī)的一個(gè)依據(jù)。

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