摘要：本文結(jié)合教學(xué)實(shí)踐，闡述了針對(duì)計(jì)算機(jī)網(wǎng)絡(luò)專業(yè)的學(xué)生如何有效的運(yùn)用photoshop設(shè)計(jì)出漂亮實(shí)用的網(wǎng)頁頁面，其中提出了重構(gòu)課程知識(shí)，引入藝術(shù)設(shè)計(jì)理念，激發(fā)學(xué)生學(xué)習(xí)興趣，關(guān)注作品細(xì)節(jié)等具體實(shí)施方法，旨在培養(yǎng)學(xué)生的實(shí)操能力和職業(yè)素養(yǎng)。

關(guān)鍵詞：photoshop；重構(gòu)課程知識(shí)；教學(xué)方法；細(xì)節(jié)

中圖分類號(hào)：G642 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1007-9599 （2012） 15-0000-02

photoshop是由美國Adobe公司開發(fā)研制的一款功能強(qiáng)大的圖形圖像處理軟件，自誕生之日起就主要應(yīng)用于平面廣告設(shè)計(jì)和攝影作品后期效果處理，隨著其版本的不斷更新，網(wǎng)絡(luò)的普及應(yīng)用以及軟件自身的超強(qiáng)實(shí)用性，photoshop更加廣泛的應(yīng)用于網(wǎng)頁設(shè)計(jì)。很多高職院校都開設(shè)了圖形圖像處理課程，伴隨專業(yè)細(xì)分，此類課程的教學(xué)內(nèi)容也隨之發(fā)生了變化，更強(qiáng)調(diào)應(yīng)用范圍的針對(duì)性，那么面對(duì)計(jì)算機(jī)網(wǎng)絡(luò)專業(yè)的學(xué)生而言，如何有效的應(yīng)用photoshop設(shè)計(jì)出漂亮又實(shí)用的網(wǎng)頁頁面是我們一線老師需要思考的問題。

1 重構(gòu)課程知識(shí)

針對(duì)網(wǎng)絡(luò)專業(yè)我們將photoshop這一應(yīng)用軟件的教學(xué)課程稱之為《網(wǎng)頁圖像處理》，由于該課程實(shí)踐性較強(qiáng)，所以我們一直采用機(jī)電一體化的教學(xué)手段進(jìn)行教學(xué)。為了將所需知識(shí)有效的傳遞給學(xué)生，在授課之前對(duì)課程的各知識(shí)點(diǎn)進(jìn)行整合重構(gòu)是十分有必要的。根據(jù)企業(yè)調(diào)研我們了解到目前運(yùn)用photoshop進(jìn)行頁面元素設(shè)計(jì)不外乎以下這些內(nèi)容，網(wǎng)站首頁、欄目頁、內(nèi)容頁、banner廣告、網(wǎng)站標(biāo)志、圖片處理等。

據(jù)此我們將教學(xué)內(nèi)容重構(gòu)，強(qiáng)化圖層、鋼筆、切片的應(yīng)用，這幾項(xiàng)是頁面設(shè)計(jì)中經(jīng)常會(huì)用到的知識(shí)；弱化通道、濾鏡的應(yīng)用，因?yàn)檎n時(shí)數(shù)的限制，我們必須將某些不常用或是較容易掌握的知識(shí)點(diǎn)到為止，詳略得當(dāng)?shù)慕虒W(xué)有助于學(xué)生更好的掌握所需知識(shí)。

2 引入藝術(shù)設(shè)計(jì)理念

由于計(jì)算機(jī)網(wǎng)絡(luò)專業(yè)的學(xué)生沒有藝術(shù)功底，色彩感差，版式布局意識(shí)薄弱，缺乏設(shè)計(jì)創(chuàng)意，所以要想學(xué)生通過學(xué)習(xí)能夠設(shè)計(jì)出漂亮實(shí)用的網(wǎng)頁頁面，必須引入平面設(shè)計(jì)、配色與布局等藝術(shù)理論知識(shí)以求提高學(xué)生的視覺素養(yǎng)。

2.1 了解基本布局類型

網(wǎng)頁的布局不像平面設(shè)計(jì)那么簡單，除了要具備可操作性外，技術(shù)問題也是制約網(wǎng)頁布局的一個(gè)重要因素。網(wǎng)頁的基本布局類型包括左右對(duì)稱結(jié)構(gòu)布局、“同”字型結(jié)構(gòu)布局、“回”字型結(jié)構(gòu)布局、“匡”字型結(jié)構(gòu)布局、“廠”字型結(jié)構(gòu)布局、自由式結(jié)構(gòu)布局、“另類”結(jié)構(gòu)布局等幾種布局的基本結(jié)構(gòu)。

2.2 掌握基本的配色常識(shí)

學(xué)生需要了解在網(wǎng)頁設(shè)計(jì)中什么是單色方案，什么是互補(bǔ)色方案，什么是冷色，什么是暖色，如何通過色彩心理學(xué)理論設(shè)計(jì)出符合客戶和用戶需要的頁面。

3 激發(fā)學(xué)生學(xué)習(xí)興趣

俗話說“好的開始等于成功的一半”，在課程教學(xué)過程中第一節(jié)課有著舉足輕重的作用，除了介紹photoshop的主要作用及應(yīng)用范圍，還應(yīng)該向?qū)W生演示該軟件魔術(shù)般的特效變化，讓學(xué)生對(duì)其產(chǎn)生好奇心和興趣，當(dāng)然，為了建立學(xué)生學(xué)習(xí)的自信心，最好能向?qū)W生展示以往學(xué)生的優(yōu)秀作品，告訴他們只要用心努力就會(huì)有成績。

在課程實(shí)施的過程中，我們根據(jù)教學(xué)目標(biāo)和學(xué)生實(shí)際情況，制定課程標(biāo)準(zhǔn)，依據(jù)標(biāo)準(zhǔn)把教學(xué)內(nèi)容進(jìn)行分解，把photoshop中關(guān)于網(wǎng)頁設(shè)計(jì)精要的任務(wù)落實(shí)到具體的幾項(xiàng)目上，學(xué)生通過對(duì)這幾個(gè)項(xiàng)目要求的實(shí)踐和探索，來完成教學(xué)任務(wù)，達(dá)到教學(xué)目標(biāo)，培養(yǎng)學(xué)生的學(xué)習(xí)力和職業(yè)素養(yǎng)。項(xiàng)目的選取要遵循認(rèn)知學(xué)習(xí)規(guī)律和職業(yè)成長規(guī)律，從入門到熟練，從新手到專家，從單一到綜合，職業(yè)能力由易到難的原則。

在學(xué)生動(dòng)手實(shí)踐的過程中我們倡導(dǎo)學(xué)生采用研究性學(xué)習(xí)方法完成學(xué)習(xí)任務(wù)，這個(gè)過程學(xué)生經(jīng)常會(huì)遇到各種各樣的問題，教師在解決問題時(shí)不應(yīng)該只謀求一種方法或答案，而應(yīng)該提供多種實(shí)現(xiàn)方法和技巧，啟發(fā)學(xué)生積極思考問題，激發(fā)其學(xué)習(xí)興趣，培養(yǎng)其探索精神，進(jìn)而提高其動(dòng)手能力，拓展其創(chuàng)新思維。通常我們稱這樣的教學(xué)過程為研究性學(xué)習(xí)實(shí)踐教學(xué)，與過去傳統(tǒng)的教學(xué)相比較其具有較大的變化，在研究性學(xué)習(xí)中，教師扮演的是引導(dǎo)角色，主要組織學(xué)生從學(xué)習(xí)中選擇和確定他們感興趣的研究專題，去發(fā)現(xiàn)問題和解決問題，并在分析問題和解決問題中讓學(xué)生對(duì)學(xué)到的知識(shí)有更深切的體會(huì)，使之真正成為自己的東西。

此外，在教授過程中有效的師生互動(dòng)也可以激發(fā)學(xué)生的創(chuàng)新思維和學(xué)習(xí)積極性。教師可以在布置專題項(xiàng)目前搜集經(jīng)典項(xiàng)目案例進(jìn)行賞析，在學(xué)生完成項(xiàng)目后，對(duì)每一個(gè)學(xué)生的作品進(jìn)行點(diǎn)評(píng)，這樣不僅可以讓學(xué)生們了解彼此間的學(xué)習(xí)狀態(tài)，而且還可以給他們提供學(xué)習(xí)的空間和努力的方向。

4 培養(yǎng)學(xué)生關(guān)注頁面細(xì)節(jié)

都說細(xì)節(jié)決定成敗，很多時(shí)候，一個(gè)小細(xì)節(jié)的失誤往往會(huì)毀了整個(gè)設(shè)計(jì)。這一點(diǎn)也同樣適用于網(wǎng)頁設(shè)計(jì)。在教學(xué)過程中我們要求學(xué)生不單單是學(xué)會(huì)使用photoshop，而是要運(yùn)用photoshop設(shè)計(jì)出精致的頁面，那么讓學(xué)生關(guān)注哪些細(xì)節(jié)呢？

時(shí)下我們常常念叨的是網(wǎng)頁設(shè)計(jì)需要考慮用戶體驗(yàn)，用戶體驗(yàn)之一就是視覺沖擊，而這一沖擊究竟是享受還是傷不起，就要看網(wǎng)站設(shè)計(jì)的細(xì)節(jié)，其主要就是質(zhì)感的設(shè)計(jì)與制作。

如圖1-1是一個(gè)富有創(chuàng)意視覺的網(wǎng)頁，讓我們來細(xì)看一下它的細(xì)節(jié)（圖1-2）?？旖莅粹o周圍，靠近網(wǎng)頁布局頂端的部分。首先，按鈕背后的陰影將頁面上的這部分突出出來。該區(qū)域頂端和底部的兩個(gè)簡單的單像素線是一個(gè)簡潔的設(shè)計(jì)方式，它使得這個(gè)區(qū)域在視覺效果上更明顯的區(qū)別于頁面上的其他元素。其中的一個(gè)單像素線條更引人注意，這是因?yàn)樗褂昧肆脸壬?。它為兩者之間的陰影和背景提供了對(duì)比，但是真正起作用的卻是第二個(gè)暗橙色的線條。兩個(gè)線條相互配合起來封鎖了這個(gè)頂部區(qū)域。如圖1-3：

當(dāng)這個(gè)頁面不再包括這些線條的設(shè)計(jì)的時(shí)候，差異就能最好的表現(xiàn)出來。之所以要使用襯線，是為了體現(xiàn)物體在2D效果上的立體感，而立體感的體現(xiàn)必須要有陰影和高光。陰影我們通常使用photoshop的圖層樣式來實(shí)現(xiàn)，而高光效果的實(shí)現(xiàn)，最常用的技巧之一就是使用襯線了。

4.2 細(xì)微的材質(zhì)質(zhì)感

圖1-4網(wǎng)頁頁面真是解釋背景材質(zhì)的絕佳案例。因?yàn)樵谡麄€(gè)頁面中，從上至下使用了三種不同的材質(zhì)作為頁面的背景。上面的深藍(lán)色部分應(yīng)用的是坑坑洼洼凹凸不平的材質(zhì)，中間黑色部分應(yīng)用的是紡織布的材質(zhì)，而底部應(yīng)用的是雜色的材質(zhì)。當(dāng)然，這三種材質(zhì)都是非常細(xì)微的，但是效果確是非常出眾的。實(shí)際上，過于醒目和復(fù)雜的背景材質(zhì)不僅不能為設(shè)計(jì)增色，反而由于分散讀者的注意力而是整個(gè)設(shè)計(jì)品質(zhì)降低。所以最好的策略就是讓你的背景材質(zhì)保持細(xì)微而柔和。

當(dāng)然，除了上述兩項(xiàng)細(xì)節(jié)外，頁面設(shè)計(jì)還需注意字體、顏色、頁面風(fēng)格一致性等。每個(gè)人都可以通過相關(guān)工具制作網(wǎng)頁頁面和創(chuàng)建一個(gè)網(wǎng)站，不過所有優(yōu)秀的網(wǎng)站設(shè)計(jì)都有一些共同特點(diǎn)：組織有序，內(nèi)容上乘，并且所有的設(shè)計(jì)細(xì)節(jié)井井有條。所以我們在教學(xué)過程中要注重培養(yǎng)學(xué)生關(guān)注細(xì)節(jié)，使學(xué)生不僅能出成品，而且應(yīng)該是上乘品。

在教學(xué)中我發(fā)現(xiàn)Photoshop的課程學(xué)習(xí)需要一個(gè)延續(xù)和積累的過程，而非一個(gè)學(xué)期的學(xué)習(xí)就能使學(xué)生既掌握操作技能，又有較好的藝術(shù)設(shè)計(jì)素養(yǎng)。所以要求我們一線教師要考慮課上和課下對(duì)學(xué)生的有效訓(xùn)練以及如何開設(shè)第二課堂來延續(xù)學(xué)生的學(xué)習(xí)，又或者如何創(chuàng)建優(yōu)質(zhì)的網(wǎng)絡(luò)課程供學(xué)生課下學(xué)習(xí)。

Photoshop是一門比較特殊的課程，其具有一定的藝術(shù)性和實(shí)踐性，好的教學(xué)設(shè)計(jì)和方法能夠激發(fā)學(xué)生的學(xué)習(xí)興趣和潛能。為了讓學(xué)生能夠在有限時(shí)間內(nèi)做出有質(zhì)有效的頁面設(shè)計(jì)，培養(yǎng)學(xué)生的專業(yè)技能和素養(yǎng)，我們需要在各個(gè)方面進(jìn)行改革，包括課程體系構(gòu)建、教學(xué)大綱、課程標(biāo)準(zhǔn)、教材、教學(xué)內(nèi)容等。我們需要順應(yīng)市場的需求，按照職位能力需求明確教學(xué)目的，整合教學(xué)內(nèi)容，采用最適合的教學(xué)方法，才能讓學(xué)生更好的掌握photoshop的應(yīng)用技巧，增強(qiáng)他們的實(shí)踐操作能力，培養(yǎng)他們的創(chuàng)新精神和提高他們的職業(yè)素養(yǎng)，使他們成為優(yōu)秀的網(wǎng)頁頁面設(shè)計(jì)師。

參考文獻(xiàn)：

[1]周靖.Photoshop網(wǎng)頁設(shè)計(jì)技巧[J].科技創(chuàng)新與應(yīng)用，2012，3：38

[2]張春英.photoshop教學(xué)設(shè)計(jì)思考[J].教育論壇，2010，10：112-115

[3]張琰.網(wǎng)頁設(shè)計(jì)與網(wǎng)頁制作課程的教學(xué)改革研究與實(shí)踐[J].中國現(xiàn)代教育裝備.2012，3：95-96

[4]http：//www.missyuan.com/thread-410588-1-1.html.網(wǎng)頁設(shè)計(jì)中的配色理論

[5]http：//club.topsage.com/thread-1841541-1-1.html.淺談PhotoShop課程教學(xué)方法

[6]http：//ucdchina.com/snap/9241.細(xì)節(jié)讓網(wǎng)頁設(shè)計(jì)與眾不同