淺析phtoshop課程教學的思考與實踐

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

關鍵詞：photoshop；重構課程知識；教學方法；細節(jié)

中圖分類號：G642 文獻標識碼：A 文章編號：1007-9599 （2012） 15-0000-02

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

1 重構課程知識

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

據(jù)此我們將教學內容重構，強化圖層、鋼筆、切片的應用，這幾項是頁面設計中經(jīng)常會用到的知識；弱化通道、濾鏡的應用，因為課時數(shù)的限制，我們必須將某些不常用或是較容易掌握的知識點到為止，詳略得當?shù)慕虒W有助于學生更好的掌握所需知識。

2 引入藝術設計理念

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

2.1 了解基本布局類型

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

2.2 掌握基本的配色常識

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

3 激發(fā)學生學習興趣

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

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

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

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

4 培養(yǎng)學生關注頁面細節(jié)

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

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

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

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

4.2 細微的材質質感

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

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

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

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

參考文獻：

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

[2]張春英.photoshop教學設計思考[J].教育論壇，2010，10：112-115

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

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

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

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