前言:一篇好文章的誕生,需要你不斷地搜集資料、整理思路,本站小編為你收集了豐富的網(wǎng)頁(yè)設(shè)計(jì)特點(diǎn)分析主題范文,僅供參考,歡迎閱讀并收藏。
文章從網(wǎng)頁(yè)設(shè)計(jì)創(chuàng)意思維和創(chuàng)意方法的角度出發(fā),簡(jiǎn)單解析了網(wǎng)頁(yè)設(shè)計(jì)創(chuàng)意的內(nèi)涵,突出了網(wǎng)頁(yè)設(shè)計(jì)創(chuàng)意對(duì)于網(wǎng)站建設(shè)存在性的重要意義。希望通過文章的分析,能夠?qū)ο嚓P(guān)工作提供參考。
關(guān)鍵詞:
網(wǎng)頁(yè)設(shè)計(jì);設(shè)計(jì)創(chuàng)意;研究分析
當(dāng)前時(shí)代是一個(gè)互聯(lián)網(wǎng)+爆發(fā)的時(shí)代,學(xué)習(xí)、生活、工作的方方面面都離不開互聯(lián)網(wǎng)。用戶、計(jì)算機(jī)、瀏覽器、應(yīng)用軟件、網(wǎng)絡(luò)、服務(wù)器、程序員已經(jīng)從過去人們并不熟知的專業(yè)詞匯成為了家喻戶曉的名詞,而這種用戶與程序員之間的“交流溝通”,也成為這個(gè)時(shí)代最頻繁而又最不為人知的對(duì)話。在如此“繁華”的時(shí)代,網(wǎng)絡(luò)作為這條溝通長(zhǎng)廊的關(guān)鍵紐帶,扮演著中間信息傳遞的媒介角色,至關(guān)重要。而網(wǎng)頁(yè)又作為這一紐帶中與用戶交互的第一窗口,它的設(shè)計(jì)顯得尤為重要。一個(gè)好的網(wǎng)站,其網(wǎng)頁(yè)的設(shè)計(jì)自然不會(huì)松怠。一個(gè)獨(dú)特的網(wǎng)頁(yè)設(shè)計(jì)創(chuàng)意,就像一個(gè)獨(dú)特的商業(yè)模式能造就一個(gè)商業(yè)奇跡一樣,能讓一個(gè)網(wǎng)站獲取更多的用戶訪問量,這時(shí)網(wǎng)頁(yè)不僅僅是信息傳遞的媒介,已然成為新時(shí)代的一種新的營(yíng)銷手段。因而,如何在數(shù)以億計(jì)的網(wǎng)頁(yè)中脫引而出,表達(dá)出網(wǎng)站中心意旨的同時(shí)吸引更多的目標(biāo)用戶,自然將網(wǎng)頁(yè)設(shè)計(jì)創(chuàng)意的探索推向前沿。
1網(wǎng)頁(yè)設(shè)計(jì)創(chuàng)意思維
創(chuàng)———?jiǎng)?chuàng)新、創(chuàng)造,意———意識(shí)、思想,創(chuàng)意的字面意思即創(chuàng)新的思想。創(chuàng)意是對(duì)現(xiàn)存實(shí)物的理解及認(rèn)知的基礎(chǔ)上衍生出的一種新的抽象思維和行為潛能。創(chuàng)意思維是以新穎獨(dú)特的思維活動(dòng)揭示客觀事物本質(zhì)及內(nèi)在聯(lián)系并指引人去獲得對(duì)問題的新的解釋,從而產(chǎn)生前所未有的思維成果。網(wǎng)頁(yè)設(shè)計(jì)創(chuàng)意思維有以下幾個(gè)原則:(1)審美原則。好的創(chuàng)意必須具有審美性,沒有好的審美感受,就不會(huì)產(chǎn)生好的效果,這就要求我們?cè)O(shè)計(jì)的內(nèi)容積極向上、生動(dòng)形象、健康美好,符合大眾群體的審美評(píng)判。(2)目標(biāo)原則。創(chuàng)意的目的是更好的反映主題、表現(xiàn)主題,而不是獨(dú)立成為某個(gè)藝術(shù)表現(xiàn)形式,脫離創(chuàng)意的目標(biāo)性。(3)系列原則。創(chuàng)意的系列原則是指創(chuàng)意不是憑空創(chuàng)造的,它具有一定的系列性,在某種基礎(chǔ)上演化發(fā)展,可能是連續(xù)的、漸變的、重復(fù)的等等,給人一種分散的統(tǒng)一性,寓多樣于統(tǒng)一之中。(4)簡(jiǎn)介原則。創(chuàng)意不能過于浮夸,喧賓奪主,本末倒置;錯(cuò)落有致,層次有序方是創(chuàng)意之道。
2網(wǎng)頁(yè)設(shè)計(jì)創(chuàng)意方法
好的網(wǎng)頁(yè)設(shè)計(jì)創(chuàng)意往往是在借鑒的基礎(chǔ)上,憑借設(shè)計(jì)者豐富的經(jīng)驗(yàn)和知識(shí),從而啟發(fā)出創(chuàng)造性的設(shè)計(jì)思路和方法。常見的網(wǎng)頁(yè)設(shè)計(jì)創(chuàng)意方法有:(1)聯(lián)想———通過豐富的想象,由A事物想到B事物,突破時(shí)間、空間、虛實(shí)等各方面的限制,以達(dá)到預(yù)期的效果。聯(lián)想手法的特點(diǎn)是源于人潛意識(shí)的本能以及認(rèn)知和經(jīng)驗(yàn)的積累,是一種最常用的藝術(shù)形式表現(xiàn)手法。(2)對(duì)比———通過對(duì)立沖突的表現(xiàn)手法,將網(wǎng)頁(yè)整體部分中需要突出顯示的部分不和諧化,以達(dá)到預(yù)期的效果。對(duì)比手法的特點(diǎn)是利用差別借彼顯此地突出不同性質(zhì)和特點(diǎn),這種手法會(huì)給人鮮明地強(qiáng)調(diào)感和視覺沖擊感。(3)夸張———通過虛構(gòu)夸大的表現(xiàn)手法,將對(duì)象的特點(diǎn)和個(gè)性賦予新奇變化,以達(dá)到預(yù)期的效果??鋸埵址ǖ奶攸c(diǎn)是虛構(gòu)、夸大、變化!(4)趣味幽默———通過喜劇特效的表現(xiàn)手法,巧妙安排,營(yíng)造充滿情趣乃至引人發(fā)笑、耐人尋味的幽默意境,以達(dá)到預(yù)期的效果。趣味幽默的特點(diǎn)是喜劇性、幽默性,是一種特有的藝術(shù)感染力作用手法。(5)比喻———通過相似點(diǎn)以物喻物的表現(xiàn)手法,“借題發(fā)揮”、“婉轉(zhuǎn)曲達(dá)”。比喻手法的特點(diǎn)是比較含蓄,伏筆有時(shí)不會(huì)被一眼看穿,但心領(lǐng)神會(huì)后往往產(chǎn)生意猶未盡的效果。(6)懸念設(shè)置———通過“故弄玄虛”的表現(xiàn)手法,營(yíng)造猜疑緊張的心里狀態(tài),驅(qū)動(dòng)瀏覽者的好奇心,已達(dá)到預(yù)期的效果。懸念設(shè)置的特點(diǎn)是藝術(shù)層階較高,有引人入勝的效果。當(dāng)然,以上方法合理的綜合使用,同樣能夠設(shè)計(jì)出創(chuàng)造性的新成果。此外,除了以上一些常見的方法,網(wǎng)頁(yè)設(shè)計(jì)創(chuàng)意的方法還有很多。
3結(jié)束語
一個(gè)網(wǎng)站的成敗,很大程度上取決于是否有一個(gè)好的網(wǎng)頁(yè)設(shè)計(jì)創(chuàng)意。好的創(chuàng)意能巧妙、恰如其分地表現(xiàn)主題,渲染氣氛,引起瀏覽者的共鳴,使人過目不忘。可以說,好的網(wǎng)頁(yè)設(shè)計(jì)創(chuàng)意是網(wǎng)站生存的關(guān)鍵。當(dāng)然,服務(wù)于網(wǎng)站用途的網(wǎng)頁(yè)設(shè)計(jì)創(chuàng)意最終的任務(wù)還是為了表現(xiàn)主題,創(chuàng)意階段的一切思考,都是圍繞著主題進(jìn)行的。一個(gè)網(wǎng)站如果想在千軍萬馬中突出重圍,網(wǎng)頁(yè)設(shè)計(jì)上必須下足功夫,有著獨(dú)特的創(chuàng)意方能突出個(gè)性,在混戰(zhàn)中搶得先機(jī),為利于不敗之地創(chuàng)造前提。
參考文獻(xiàn)
[1]吳偉敏.網(wǎng)站設(shè)計(jì)與Web應(yīng)用開發(fā)技術(shù)[M].清華大學(xué)出版社,2015.
[2]王暉.網(wǎng)頁(yè)設(shè)計(jì)那些事兒[M].人民郵電出版社,2015.
[3]PatrickMcNeil.網(wǎng)頁(yè)設(shè)計(jì)創(chuàng)意書[M].圖靈編輯部譯.人民郵電出版社,2010.
[4]鐘垂貴.網(wǎng)頁(yè)創(chuàng)意設(shè)計(jì)[M].中國(guó)海洋大學(xué)出版社,2015.
【關(guān)鍵詞】計(jì)算機(jī);網(wǎng)頁(yè)設(shè)計(jì);布局;特點(diǎn)
隨著現(xiàn)代化科技的發(fā)展,計(jì)算機(jī)已經(jīng)成為人們生活中的重要組成部分,網(wǎng)頁(yè)瀏覽的形式已經(jīng)代替以往書籍瀏覽的形式,也正因?yàn)槿绱司W(wǎng)頁(yè)的設(shè)計(jì)與布局尤為重要??茖W(xué)合理的網(wǎng)頁(yè)設(shè)計(jì)布局不但能夠帶給人們美感,并且還能使人們?cè)跒g覽的過程中內(nèi)心放松。計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)的概念主要包括網(wǎng)頁(yè)設(shè)計(jì)布局的整體造型以及網(wǎng)頁(yè)設(shè)計(jì)布局頁(yè)面的尺寸。頁(yè)面設(shè)計(jì)的整體造型指的就是網(wǎng)頁(yè)設(shè)計(jì)中的布局形狀,其中最常見的形狀有三角形、圓形等,也有部分計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)采用綜合體的形狀,在頁(yè)面的選擇上,大多是根據(jù)網(wǎng)站自身的特點(diǎn)來選擇的。計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)的尺寸也較為多樣化,在計(jì)算機(jī)使用過程中,常常由于客觀影響造成屏幕的分辨率以及尺寸的影響,但由于是客觀因素?zé)o法改變,在瀏覽器自帶的功能上,對(duì)于瀏覽過程中網(wǎng)頁(yè)的增大與減小都能夠借助瀏覽器工具欄中的相應(yīng)功能解決。計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)中的布局與計(jì)算機(jī)的發(fā)展有著直接的聯(lián)系,并且影響網(wǎng)站的瀏覽量,目前最為常見的布局分為同字型布局、標(biāo)題正文型布局、綜合框架型布局、封面型布局以及Flash型布局等五種形式。這五種布局形式都能夠最大程度的提高網(wǎng)頁(yè)的美感,并且在現(xiàn)代網(wǎng)頁(yè)布局中被廣泛運(yùn)用,以下便是對(duì)五種布局類型的詳細(xì)分析。
1.同字型布局
同字型布局主要針對(duì)網(wǎng)頁(yè)布局的內(nèi)容,這種布局其內(nèi)的填充范圍較廣、填充的數(shù)量也較大。在網(wǎng)頁(yè)設(shè)計(jì)布局中,大多都是在網(wǎng)頁(yè)的標(biāo)題欄進(jìn)行網(wǎng)站主體的填充,有的是填充廣告,也有少數(shù)網(wǎng)頁(yè)設(shè)計(jì)布局中填充的形式是小標(biāo)題。在頁(yè)面的兩側(cè)分別布置內(nèi)容,其中網(wǎng)站的信息與動(dòng)態(tài)或是服務(wù)人員以及相應(yīng)的廣告等,在以往網(wǎng)頁(yè)設(shè)計(jì)布局中這部分并沒有受到重視,因此也是相對(duì)具有價(jià)值的部分。同字型布局網(wǎng)頁(yè)主要都是從中央位置布置,根據(jù)網(wǎng)頁(yè)內(nèi)容的重點(diǎn)由上到下布局,或是根據(jù)網(wǎng)頁(yè)自身的特點(diǎn)以及相應(yīng)的顏色進(jìn)行布局,也有部分網(wǎng)頁(yè)是根據(jù)其中的細(xì)節(jié)進(jìn)行布局的。在網(wǎng)頁(yè)的下端并不會(huì)進(jìn)行內(nèi)容的布局,就目前網(wǎng)頁(yè)來看下端也只是網(wǎng)頁(yè)的信息以及登錄方式等。
2.標(biāo)題正文型布局
標(biāo)題正文型布局與同字型布局不同的是標(biāo)題正文型布局并沒有兩端的布局,其它布局類型相似。在頁(yè)面上端的布局中大多都是網(wǎng)頁(yè)的標(biāo)題,其中也有廣告,頁(yè)面的中端是網(wǎng)頁(yè)的主要內(nèi)容以及和重點(diǎn)內(nèi)容,其中中端內(nèi)容中包含同字型布局兩端布局的內(nèi)容,例如,在正標(biāo)題下方是對(duì)網(wǎng)站的簡(jiǎn)訊,之后便是相應(yīng)的附加咨詢,最為常見的就是天氣信息以及網(wǎng)站的注冊(cè)信息等,在下方便是網(wǎng)站的主要內(nèi)容也就是正文,在正文的布局上,其結(jié)構(gòu)都是簡(jiǎn)單明了的。
3.綜合框架型布局
綜合框架型布局與其它布局相比形式較為復(fù)雜,主要采用框架的形式來進(jìn)行網(wǎng)頁(yè)的布局,分別在上端、兩端以及下端,網(wǎng)站的主要內(nèi)容都是在框架中進(jìn)行布局的。這種布局形式與其他布局形式相比更具有輪廓性,能夠?qū)⑵渌季种械膬?nèi)容類型充分地體現(xiàn)出來。
4.封面型布局
封面類型布局便是字面上的意思,按照書本頁(yè)面的形式進(jìn)行布局,在封面型布局中大多采用的是圖片,其中圖片篇幅較大。一般在不同種類網(wǎng)站的主頁(yè)上大多采用封面型布局,在布局的周圍相應(yīng)的分布著較小以及較為簡(jiǎn)單的信息,此種信息所采用的形式都是超鏈接的形式,例如,最為常見的QQ空間,其主頁(yè)便采用封面型布局的形式,采用此種布局的主要目的就是能夠凸顯網(wǎng)頁(yè)自身的特點(diǎn),能夠吸引使用者的目光的同時(shí),對(duì)其功能更加一目了然方便操作。
5.Flash型布局
關(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é)生的必修課程。然而,隨著近年來平面設(shè)計(jì)高等教育的不斷擴(kuò)招,以往的課程體系和教學(xué)方法已無法滿足當(dāng)代和未來社會(huì)對(duì)網(wǎng)頁(yè)設(shè)計(jì)人才的要求,而忽視市場(chǎng)需求的人才培養(yǎng)模式也會(huì)使人才培養(yǎng)與市場(chǎng)需求間的距離越來越大。所以,對(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è)界面看起來很漂亮,鏈接也很流暢,但實(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)的問題,首先要從教學(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)。這些功能元素的形式語言設(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)載體,所以作品的寬度不宜超過顯示器寬度,高度可以任意,但只能顯示一屏的高度,隨著瀏覽者拖動(dòng)滾動(dòng)條,作品的顯示高度隨之變化。用于傳統(tǒng)平面設(shè)計(jì)中的色彩在輸出過程中是以印刷色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ì)的概念,原來的平面設(shè)計(jì)專業(yè)教學(xué)中沒有交互設(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ì)等,通過模擬用戶上網(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)上從同類公司中凸顯出來,提高上網(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ǎ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è)三劍客”,過去網(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)單地說,就是根據(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é)和英語的掌握水平普遍不高。對(duì)此,在代碼教學(xué)內(nèi)容上應(yīng)選取一些常用的、簡(jiǎn)單的代碼語言,并結(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ú)立自主分析、解決問題的能力和實(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ù)。這樣的交流過程使每名學(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é)生自主解決問題,表?yè)P(yáng)優(yōu)點(diǎn),發(fā)現(xiàn)不足,匯總各個(gè)組項(xiàng)目實(shí)施中的共性問題,對(duì)共性問題所涉及的理論知識(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)校企無障礙對(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]范雙南,李希勇,萬宏輝.現(xiàn)代設(shè)計(jì)基礎(chǔ)——21世紀(jì)藝術(shù)設(shè)計(jì)專業(yè)規(guī)劃教材Dreamweaver網(wǎng)頁(yè)設(shè)計(jì).北京工藝美術(shù)出版社,2009.
一、課程目標(biāo)
眾所周知,課程目標(biāo)決定一門課程構(gòu)建和發(fā)展的最終導(dǎo)向,一方面可以為學(xué)生指明正確的課程學(xué)習(xí)方向,另一方面也為教師傳授正確的知識(shí)理念提供依據(jù),真正做到“教”和“學(xué)”的“有的放矢”。結(jié)合藝術(shù)設(shè)計(jì)專業(yè)學(xué)生的個(gè)性特點(diǎn),注重網(wǎng)頁(yè)設(shè)計(jì)語言的學(xué)習(xí),將藝術(shù)和技術(shù)有機(jī)的緊密結(jié)合。在課程目標(biāo)制定的過程中,弱化一些在前期專業(yè)基礎(chǔ)課程中已經(jīng)學(xué)習(xí)過的相關(guān)知識(shí)(如PS圖像處理等),做好簡(jiǎn)單的銜接,將重點(diǎn)放到藝術(shù)設(shè)計(jì)專業(yè)學(xué)生相對(duì)薄弱的知識(shí)點(diǎn)(如網(wǎng)頁(yè)設(shè)計(jì)語言等)。Dreamweaver是目前最好的網(wǎng)頁(yè)制作與設(shè)計(jì)軟件工具,作為可視網(wǎng)頁(yè)編輯工作的標(biāo)準(zhǔn),它一直在代碼編輯和應(yīng)用程序開發(fā)方面的功能比較強(qiáng)大。更重要的是它是所見即所得類型的網(wǎng)頁(yè)設(shè)計(jì)軟件,對(duì)藝術(shù)設(shè)計(jì)專業(yè)的學(xué)生來說,學(xué)習(xí)和應(yīng)用的難易程度非常合適。同時(shí),對(duì)于網(wǎng)頁(yè)設(shè)計(jì)素材的制作和處理,動(dòng)畫素材可以選擇Flash,圖片素材可以選擇photoshop,這里強(qiáng)調(diào)并要求和Dreamweaver相匹配和適應(yīng)。作為網(wǎng)頁(yè)設(shè)計(jì)的基礎(chǔ)理念,在制定《網(wǎng)頁(yè)設(shè)計(jì)》教學(xué)目標(biāo)時(shí),必須考慮將W3C標(biāo)準(zhǔn)相關(guān)的新理念、新做法等元素考慮進(jìn)來,強(qiáng)調(diào)使用規(guī)范化語義標(biāo)簽語言(X)HTML書寫頁(yè)面結(jié)構(gòu),并強(qiáng)調(diào)CSS樣式表的使用,同時(shí)遵循W3C標(biāo)準(zhǔn),了解div+css和標(biāo)準(zhǔn)頁(yè)面的優(yōu)勢(shì)所在,使用“div+css”實(shí)現(xiàn)網(wǎng)頁(yè)結(jié)構(gòu)代碼與表現(xiàn)樣式相分離,以及對(duì)后面制作標(biāo)準(zhǔn)頁(yè)面所起到的促進(jìn)作用等。
二、教學(xué)內(nèi)容
(一)在藝術(shù)設(shè)計(jì)專業(yè)的人才培養(yǎng)計(jì)劃中,網(wǎng)頁(yè)設(shè)計(jì)課程
一般安排在課程學(xué)習(xí)的中后時(shí)間段。就本課程而言,我建議教學(xué)內(nèi)容并時(shí)間安排如下:
1.Dreamweaver軟件的學(xué)習(xí)和應(yīng)用為重點(diǎn)講解,講授和實(shí)踐為5+5個(gè)學(xué)時(shí)。Dreamweaver軟件的主要任務(wù)就是完成網(wǎng)頁(yè)設(shè)計(jì)的版面架構(gòu),教學(xué)中,主要講解本地站點(diǎn)的創(chuàng)建和頁(yè)面結(jié)構(gòu)搭建。在早期的網(wǎng)頁(yè)排版中一般使用網(wǎng)頁(yè)表格(table)及其嵌套的模式布局頁(yè)面,隨著技術(shù)更新和用戶需求,表格結(jié)構(gòu)已不適合現(xiàn)在時(shí)展的需要,即不適合手機(jī)及平板電腦的用戶瀏覽,呈現(xiàn)逐漸被淘汰的趨勢(shì)。現(xiàn)今網(wǎng)頁(yè)版面架構(gòu)大都采用div+css的方式設(shè)計(jì),具有瀏覽速度快,適合在手機(jī)或平板電腦上瀏覽的優(yōu)勢(shì)。結(jié)構(gòu)和樣式的相分離,也便于日后的網(wǎng)頁(yè)改版的便利;
2.網(wǎng)頁(yè)編程基礎(chǔ)方面:HTML語言、CSS樣式、JavaScipt,講授和實(shí)踐7+7學(xué)時(shí)。非計(jì)算機(jī)專業(yè)的學(xué)生一般錯(cuò)誤的認(rèn)為使用Dreamweaver這樣所見即所得的工具學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì),不再需要學(xué)習(xí)太多的“語言”。其實(shí)不然,HTML是網(wǎng)頁(yè)的靈魂,它不像C語言那樣“生澀難懂”,相對(duì)藝術(shù)設(shè)計(jì)學(xué)生而言,完全有能力學(xué)會(huì)和掌握。CSS通俗講是控制網(wǎng)頁(yè)中內(nèi)容的顏色、字體大小、寬度背景等樣式,并由此來實(shí)現(xiàn)各種各樣網(wǎng)頁(yè)樣式的統(tǒng)稱,也是需要熟悉和掌握的。JavaScipt與C語言不同,它提供一定的面向?qū)ο竽芰?,因此模塊、名字空間、類、對(duì)象、封裝、函數(shù)等功能在JavaScipt中的實(shí)現(xiàn)方式是其教學(xué)的重頭戲,它們才是現(xiàn)代JavaScipt語言的精髓;
3.Flas,講授和實(shí)踐6+4學(xué)時(shí)。Flash主要制作二維動(dòng)畫,體積小,便于使用,學(xué)習(xí)難度小,能夠滿足網(wǎng)頁(yè)設(shè)計(jì)的需要,如:網(wǎng)頁(yè)Banner條的設(shè)計(jì)、片頭動(dòng)畫、課件等;
4.網(wǎng)站客戶端的表現(xiàn)原則、開發(fā)流程、面向客戶的網(wǎng)站設(shè)計(jì),講授和實(shí)踐2+0學(xué)時(shí);
5.photoshop為輔助2學(xué)時(shí),藝術(shù)設(shè)計(jì)專業(yè)的學(xué)生已經(jīng)學(xué)習(xí)并掌握photoshop的使用方法。因此,減少這方面的講解,給其他新知識(shí)點(diǎn)留下更充裕的時(shí)間。
(二)結(jié)合網(wǎng)絡(luò)技術(shù)發(fā)展和用戶體驗(yàn)要求,本課程教學(xué)還需注意下面要點(diǎn):
1.面向用戶體驗(yàn)的網(wǎng)頁(yè)設(shè)計(jì):學(xué)生在學(xué)習(xí)和制作網(wǎng)頁(yè)時(shí),總是以“自我”的感覺為主導(dǎo),很少考慮并分析用戶需求,以為自己的設(shè)計(jì)有相當(dāng)?shù)摹拔Α钡菍?duì)于訪問者來說,大多數(shù)的設(shè)計(jì)過于空洞、內(nèi)容繁冗,徒有漂亮的外觀。所以學(xué)生應(yīng)該明確,網(wǎng)頁(yè)設(shè)計(jì)應(yīng)該以“用戶”為中心,而不是展示、甚至炫耀網(wǎng)頁(yè)技術(shù)或技巧。因此,有必要引進(jìn)面向用戶的網(wǎng)頁(yè)設(shè)計(jì)教學(xué)。
2.當(dāng)前互聯(lián)網(wǎng)技術(shù)飛速發(fā)展,網(wǎng)絡(luò)資源共享已成趨勢(shì),學(xué)生獲取知識(shí)的渠道已不僅僅滿足于課堂上教師的講解,包括每一步所要學(xué)習(xí)的知識(shí)點(diǎn)。充分利用網(wǎng)絡(luò),包括豐富的教學(xué)資源和便利的搜索功能,面對(duì)現(xiàn)實(shí)中存在的問題,引導(dǎo)學(xué)生如何利用互聯(lián)網(wǎng)學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)方面的前沿知識(shí),發(fā)現(xiàn)并解決。鼓勵(lì)學(xué)生使用博客、論壇,通過發(fā)現(xiàn)其中有趣的文章,得到解決問題的新方法和代碼片段。向?qū)W生介紹開源社區(qū),并鼓勵(lì)他們?cè)诰€發(fā)表自己的代碼,使用社交媒體進(jìn)行資源查找,并形成專業(yè)的社交媒體互動(dòng),更加專注于他們的代碼與工作,真正激發(fā)學(xué)生的學(xué)習(xí)興趣。
三、教學(xué)方法
《網(wǎng)頁(yè)設(shè)計(jì)》課程具有交叉學(xué)科性質(zhì),結(jié)合藝術(shù)設(shè)計(jì)專業(yè)學(xué)生的自身特點(diǎn),在教學(xué)過程中,我運(yùn)用任務(wù)驅(qū)動(dòng)法、模塊教學(xué)法和項(xiàng)目教學(xué)法等多重手段,給學(xué)生明確的思路,引導(dǎo)學(xué)生多動(dòng)腦,勤動(dòng)手,發(fā)現(xiàn)問題,分析問題,解決問題。
(一)任務(wù)驅(qū)動(dòng)法
任務(wù)驅(qū)動(dòng)法,即通過創(chuàng)設(shè)問題情境來調(diào)動(dòng)學(xué)生的學(xué)習(xí)興趣,進(jìn)而啟發(fā)學(xué)生的求知欲?!芭d趣是最好的老師”,只有發(fā)現(xiàn)問題,才有任務(wù)和動(dòng)力,教師利用專業(yè)知識(shí),結(jié)合課堂所講章節(jié)內(nèi)容,分析并解決問題。只有這樣才能有利于培養(yǎng)學(xué)生獨(dú)立分析問題、解決問題的能力和創(chuàng)新能力。具體到《網(wǎng)頁(yè)設(shè)計(jì)》課程教學(xué)中,通過導(dǎo)入新課環(huán)節(jié),將所要講授的新知識(shí)隱含在一個(gè)或幾個(gè)任務(wù)之中,引導(dǎo)學(xué)生對(duì)所提出的任務(wù)進(jìn)行分析討論,明確大體涉及所需知識(shí),承前啟后,找出哪些是需要復(fù)習(xí)鞏固的知識(shí),哪些是需要探索學(xué)習(xí)的新知識(shí),在教師的指導(dǎo)下找出解決問題的方法,通過任務(wù)的完成實(shí)現(xiàn)對(duì)所學(xué)知識(shí)的構(gòu)建。
(二)模塊教學(xué)法
團(tuán)隊(duì)合作、模塊運(yùn)營(yíng)是現(xiàn)代企業(yè)生存和發(fā)展之道,網(wǎng)頁(yè)設(shè)計(jì)公司亦是如此,很多網(wǎng)站界面都實(shí)行模塊化,每個(gè)部門負(fù)責(zé)完成自己的任務(wù)。為和現(xiàn)代網(wǎng)頁(yè)設(shè)計(jì)公司相適應(yīng),《網(wǎng)頁(yè)設(shè)計(jì)》課程嘗試實(shí)施有目標(biāo)、有任務(wù)、有內(nèi)容的模塊教學(xué)法,將本課程教學(xué)內(nèi)容有意識(shí)地分化為幾個(gè)模塊,針對(duì)每一個(gè)模塊設(shè)定具體的教學(xué)目標(biāo)、任務(wù)和要求,將課堂所講內(nèi)容和現(xiàn)實(shí)所需實(shí)踐有機(jī)結(jié)合。同時(shí)讓學(xué)生自由組合成一個(gè)個(gè)小團(tuán)隊(duì),團(tuán)隊(duì)之間、團(tuán)隊(duì)之內(nèi)分工協(xié)作,團(tuán)隊(duì)合作,真正做到鍛煉學(xué)生綜合能力的教學(xué)和實(shí)踐。
(三)項(xiàng)目教學(xué)法
通過實(shí)施一個(gè)完整的“項(xiàng)目”而進(jìn)行教學(xué)活動(dòng),其目的是在課堂教學(xué)中把理論與實(shí)踐有機(jī)的結(jié)合起來,充分發(fā)揮學(xué)生的創(chuàng)造潛能,提高學(xué)生解決實(shí)際問題的能力?!毒W(wǎng)頁(yè)設(shè)計(jì)》課程相對(duì)來說,有非常多的“項(xiàng)目”可供實(shí)施。一般是在知識(shí)體系講解完全后,給出一個(gè)具體的項(xiàng)目命題,如學(xué)生(或?qū)W校)個(gè)人(或創(chuàng)業(yè)小店)的網(wǎng)站、網(wǎng)絡(luò)上征稿的企業(yè)網(wǎng)站等,在實(shí)施這些“項(xiàng)目”過程中發(fā)現(xiàn)問題并且解決問題,一方面可以鍛煉學(xué)生的實(shí)踐能力,更重要的是及早讓學(xué)生有實(shí)戰(zhàn)意識(shí),真正實(shí)現(xiàn)課堂教學(xué)和單位實(shí)習(xí)的“零距離”。
(四)雙師教學(xué)法
聘請(qǐng)工作在網(wǎng)頁(yè)設(shè)計(jì)一線,且具有豐富實(shí)踐經(jīng)驗(yàn)的設(shè)計(jì)師作為兼職教員,加入到課程教學(xué)中來。兼職教員能制作最專業(yè)的網(wǎng)站,對(duì)本行業(yè)的最新趨勢(shì)有著完整的把控力,對(duì)網(wǎng)頁(yè)設(shè)計(jì)實(shí)際工作中有可能遇到的問題有著獨(dú)到的見解。他們可為學(xué)生開設(shè)講座、解惑答疑,結(jié)合全職教師對(duì)教學(xué)內(nèi)容和方法的深入研究,兩種教師互補(bǔ),增強(qiáng)學(xué)生的學(xué)習(xí)體驗(yàn)和興趣,提高教學(xué)質(zhì)量。
四、結(jié)語
網(wǎng)站風(fēng)格是網(wǎng)頁(yè)設(shè)計(jì)藝術(shù)創(chuàng)新的主要對(duì)象,網(wǎng)站風(fēng)格是一個(gè)抽象的概念,指的是網(wǎng)頁(yè)形象能夠給訪問者帶來的感受,這種感受可以通過網(wǎng)頁(yè)中的內(nèi)容、文字、色彩等進(jìn)行傳達(dá),通過對(duì)網(wǎng)頁(yè)風(fēng)格的感受,網(wǎng)頁(yè)本身所具有的性格和品位也會(huì)凸現(xiàn)出來。如果網(wǎng)頁(yè)沒有自身的風(fēng)格,則網(wǎng)頁(yè)設(shè)計(jì)的過程會(huì)變成一個(gè)堆砌信息的過程
二、網(wǎng)頁(yè)設(shè)計(jì)藝術(shù)創(chuàng)新對(duì)設(shè)計(jì)者提出的要求
每一個(gè)優(yōu)秀的網(wǎng)頁(yè)都建立在創(chuàng)新的基礎(chǔ)之上,同時(shí)也傳達(dá)著網(wǎng)頁(yè)設(shè)計(jì)者本身的思想和精神,在網(wǎng)頁(yè)設(shè)計(jì)的藝術(shù)創(chuàng)新中,設(shè)計(jì)師是進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)工作的主體,而要實(shí)現(xiàn)網(wǎng)頁(yè)設(shè)計(jì)的藝術(shù)創(chuàng)新,網(wǎng)頁(yè)設(shè)計(jì)者要具有以下幾點(diǎn)認(rèn)知和素質(zhì):一是肯定創(chuàng)新的價(jià)值。設(shè)計(jì)師要認(rèn)識(shí)到藝術(shù)創(chuàng)新是讓自己設(shè)計(jì)的網(wǎng)頁(yè)實(shí)現(xiàn)無可替代的重要途徑,設(shè)計(jì)師只有具有創(chuàng)新的意識(shí),才能在自己設(shè)計(jì)的網(wǎng)頁(yè)中留下自身思想的烙印;二是藝術(shù)創(chuàng)新要具有針對(duì)性。即網(wǎng)頁(yè)信息要明確地將中心意義傳達(dá)給網(wǎng)頁(yè)訪問者,讓訪問者認(rèn)知網(wǎng)頁(yè)的創(chuàng)新點(diǎn)并通過網(wǎng)頁(yè)獲得不同的視覺體驗(yàn)和心理體驗(yàn),這種針對(duì)性需要建立在對(duì)訪問群體進(jìn)行分析的基礎(chǔ)上,即對(duì)“小眾”心理的迎合;三是網(wǎng)頁(yè)設(shè)計(jì)者要具有真誠(chéng)善變的特點(diǎn)。藝術(shù)創(chuàng)新是一個(gè)改變傳統(tǒng)的過程,善變即推陳出新,其應(yīng)當(dāng)是一個(gè)優(yōu)秀的網(wǎng)頁(yè)設(shè)計(jì)者應(yīng)當(dāng)具有的重要素質(zhì),但是同時(shí)善變并不是胡亂設(shè)計(jì),所以設(shè)計(jì)者也應(yīng)當(dāng)具有真誠(chéng)的品質(zhì),因?yàn)閱渭兊挠弦约疤摷俚膭?chuàng)新都是沒有任何生命力的。
三、網(wǎng)頁(yè)設(shè)計(jì)中的藝術(shù)創(chuàng)新
(一)色彩藝術(shù)創(chuàng)新。色彩是網(wǎng)頁(yè)設(shè)計(jì)中的重要元素,不同色彩能夠喚起人們的不同感知,同時(shí)色彩也是網(wǎng)頁(yè)中最能夠給予訪問者視覺沖擊力的設(shè)計(jì)原色,所以在網(wǎng)頁(yè)藝術(shù)創(chuàng)新中,對(duì)色彩的運(yùn)用作出創(chuàng)新是一個(gè)重要的突破口。色彩的創(chuàng)新可以有多種形式,其中色彩表現(xiàn)和選擇的自由化以及色彩簡(jiǎn)約設(shè)計(jì)就是其中的兩種主要形式:一是色彩表現(xiàn)與選擇的自由化,網(wǎng)頁(yè)的個(gè)性可以通過自由地選擇色彩來實(shí)現(xiàn),而自由化的色彩表現(xiàn)能夠使網(wǎng)頁(yè)具有更加獨(dú)特的風(fēng)格,色彩的選擇會(huì)受到訪問群體和時(shí)代的影響,但是設(shè)計(jì)者可以在色彩的選擇和使用中通過一些小的調(diào)整來表達(dá)自身的心理和情感使網(wǎng)頁(yè)具有個(gè)性化的特質(zhì);二是設(shè)計(jì)色彩奉行簡(jiǎn)約。簡(jiǎn)約化的色彩設(shè)計(jì)已經(jīng)逐漸成為了網(wǎng)頁(yè)設(shè)計(jì)中的主流,良好的簡(jiǎn)約化色彩設(shè)計(jì)可以達(dá)到以少勝多,以簡(jiǎn)勝繁的藝術(shù)效果,雖然簡(jiǎn)約的色彩設(shè)計(jì)更容易突出網(wǎng)頁(yè)的主題,但是卻對(duì)網(wǎng)頁(yè)設(shè)計(jì)者的能力提出了更好的要求,即要求網(wǎng)頁(yè)設(shè)計(jì)者運(yùn)用更少的設(shè)計(jì)元素來表達(dá)出更多的藝術(shù)內(nèi)涵。
隨著4G網(wǎng)絡(luò)的成熟和智能手機(jī)的普及,網(wǎng)頁(yè)設(shè)計(jì)師不僅能制作普通網(wǎng)頁(yè)界面,更多是能設(shè)計(jì)藝術(shù)界面和交互界面的網(wǎng)頁(yè),能適應(yīng)多平臺(tái)等特點(diǎn)。根據(jù)我學(xué)院每年對(duì)企業(yè)調(diào)研,目前企業(yè)對(duì)網(wǎng)頁(yè)設(shè)計(jì)師的要求:(1)根據(jù)企業(yè)需求和定位能夠設(shè)計(jì)符合當(dāng)下交互技術(shù)的流行網(wǎng)頁(yè)界面;(2)能夠制作靜態(tài)網(wǎng)頁(yè)和網(wǎng)頁(yè)前端javascript特效,較好配合后臺(tái)程序員進(jìn)行網(wǎng)站開發(fā);(3)有較強(qiáng)的自學(xué)能力,是藝術(shù)與技術(shù)相結(jié)合的高素質(zhì)技術(shù)技能型人才。
2高職網(wǎng)頁(yè)設(shè)計(jì)課程的教學(xué)現(xiàn)狀
我院對(duì)福建省同類高職院校的網(wǎng)頁(yè)設(shè)計(jì)人才培養(yǎng)進(jìn)行廣泛調(diào)研,很少院校能夠培養(yǎng)符合企業(yè)需求的網(wǎng)頁(yè)設(shè)計(jì)師,致使我省應(yīng)屆畢業(yè)生難于滿足社會(huì)對(duì)網(wǎng)頁(yè)設(shè)計(jì)人才需求。高職網(wǎng)頁(yè)設(shè)計(jì)課程的教學(xué)現(xiàn)狀是:
2.1開設(shè)課程不滿足社會(huì)對(duì)網(wǎng)頁(yè)設(shè)計(jì)師的要求網(wǎng)頁(yè)設(shè)計(jì)課程是一門綜合性的課程,是它包括構(gòu)圖、排版、特效制作等多種知識(shí),決定了這門課程具有很強(qiáng)的綜合性、實(shí)踐性、融藝術(shù)性與技術(shù)性為一體的特點(diǎn)。而高職院校教學(xué)雖然在開設(shè)網(wǎng)頁(yè)設(shè)計(jì)課程體系上采取一定改革措施,但針對(duì)性不強(qiáng),如針對(duì)企業(yè)需要藝術(shù)與技術(shù)相結(jié)合的網(wǎng)頁(yè)設(shè)計(jì)人才,專門開設(shè)了《網(wǎng)站色彩與構(gòu)成》、《網(wǎng)頁(yè)設(shè)計(jì)》、《網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)》、《程序設(shè)計(jì)基礎(chǔ)(java方向)》相關(guān)專業(yè)技術(shù)課程,也專門開設(shè)了《設(shè)計(jì)素描》、《設(shè)計(jì)色彩》、《構(gòu)成設(shè)計(jì)》等美術(shù)課程,但沒有真正以企業(yè)工作過程為導(dǎo)向,開設(shè)藝術(shù)與技術(shù)相結(jié)合的網(wǎng)頁(yè)綜合項(xiàng)目課程,學(xué)生很難融會(huì)貫通運(yùn)用綜合知識(shí)進(jìn)行網(wǎng)頁(yè)設(shè)計(jì),另一方面由于網(wǎng)頁(yè)設(shè)計(jì)技術(shù)的飛速發(fā)展,從最早的表格布局到現(xiàn)在DIV+CSS布局,網(wǎng)頁(yè)語言從最早的HTML1.0到現(xiàn)在的HTML5,網(wǎng)頁(yè)的設(shè)計(jì)風(fēng)格也隨著時(shí)代的變化而不斷改變,社會(huì)對(duì)網(wǎng)頁(yè)設(shè)計(jì)師的要求不斷提高,而高職院校相關(guān)專業(yè)課程沒有適時(shí)更新,學(xué)生也缺乏提升自我的學(xué)習(xí)能力,因此高職畢業(yè)生很難適應(yīng)網(wǎng)頁(yè)設(shè)計(jì)這一行業(yè)的人才需求。
2.2教師專業(yè)水平有限,團(tuán)隊(duì)意識(shí)不強(qiáng)有的高職院校雖然按照企業(yè)工作過程開設(shè)網(wǎng)頁(yè)設(shè)計(jì)相關(guān)課程,但由于各個(gè)任課教師專業(yè)水平不同,團(tuán)隊(duì)意識(shí)不強(qiáng),較難形成一個(gè)企業(yè)整體項(xiàng)目意識(shí),通常每個(gè)教師根據(jù)自己方向選擇各自企業(yè)項(xiàng)目進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)相關(guān)課程的教學(xué),有的教師自身受限專業(yè)水平與實(shí)踐技能,無法與專業(yè)組教師達(dá)成共識(shí),造成學(xué)生在學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)專業(yè)課程體系無法形成專業(yè)整個(gè)知識(shí)技能體系,網(wǎng)頁(yè)設(shè)計(jì)綜合技能很難得到提高,只能滿足于淘寶美工卻無法勝任電商網(wǎng)頁(yè)設(shè)計(jì)師。
2.3教學(xué)方法單一,仍以傳統(tǒng)教學(xué)為主長(zhǎng)期以來在教學(xué)中仍以教師為主體,而忽略學(xué)生的主體地位。h教師在授課中,往往先講解網(wǎng)頁(yè)各獨(dú)立元素的設(shè)計(jì)制作,與整體案例的設(shè)計(jì)制作相分離,導(dǎo)致學(xué)生在實(shí)踐過程中,學(xué)生只掌握每個(gè)工具單獨(dú)使用,不能將網(wǎng)頁(yè)各獨(dú)立元素的制作與整體項(xiàng)目相結(jié)合,當(dāng)需要綜合運(yùn)用各種軟件工具知識(shí)去制作完整項(xiàng)目時(shí),卻顯得力不從心,即整體性不強(qiáng)。這種傳統(tǒng)教學(xué)方法優(yōu)勢(shì)是整個(gè)教學(xué)過程比較系統(tǒng)完整,授課內(nèi)容還是以理論知識(shí)為先導(dǎo),教學(xué)手段單一,老師雖是孜孜不倦的教,而學(xué)生興趣缺乏,參與性不強(qiáng),不能培養(yǎng)學(xué)生的自主學(xué)習(xí)能力和團(tuán)隊(duì)協(xié)作能力,往往老師累得滿頭大汗,學(xué)生卻收獲甚微。
2.4生源質(zhì)量參差不齊隨著高職招生人數(shù)不斷上升,生源質(zhì)量參差不齊,生源質(zhì)量也在下降。教師引入企業(yè)項(xiàng)目進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)教學(xué),學(xué)生完成的程度和質(zhì)量不一,有些同學(xué)無法跟上進(jìn)度,就出現(xiàn)厭學(xué)、遲到及曠課等現(xiàn)象。
3網(wǎng)絡(luò)環(huán)境下“網(wǎng)頁(yè)設(shè)計(jì)”混合式教學(xué)構(gòu)建模式及優(yōu)勢(shì)
3.1網(wǎng)絡(luò)環(huán)境下“網(wǎng)頁(yè)設(shè)計(jì)”混合式教學(xué)構(gòu)建模式網(wǎng)頁(yè)設(shè)計(jì)集藝術(shù)與技術(shù)為一體綜合性課程,既需要個(gè)人創(chuàng)意設(shè)計(jì)能力,又需要全面應(yīng)用高新技術(shù)能力,具有很強(qiáng)的實(shí)踐性和綜合性。在網(wǎng)頁(yè)設(shè)計(jì)授課過程中,教師要從易到難引入企業(yè)項(xiàng)目,引導(dǎo)啟發(fā)學(xué)生,并在課堂上統(tǒng)一進(jìn)行項(xiàng)目分析,在講解過程中,將網(wǎng)頁(yè)設(shè)計(jì)的藝術(shù)美學(xué)及專業(yè)技術(shù)知識(shí)融入到所要完成項(xiàng)目中,調(diào)動(dòng)學(xué)生的學(xué)習(xí)積極性、自主的對(duì)網(wǎng)頁(yè)綜合知識(shí)進(jìn)行建構(gòu),同時(shí)通過現(xiàn)代網(wǎng)絡(luò)視頻教學(xué),演示網(wǎng)頁(yè)設(shè)計(jì)從選定項(xiàng)目、制定計(jì)劃、活動(dòng)探究、制作作品、成果展示、綜合評(píng)價(jià)等環(huán)節(jié),激發(fā)學(xué)生對(duì)網(wǎng)頁(yè)設(shè)計(jì)項(xiàng)目整體認(rèn)識(shí),對(duì)網(wǎng)頁(yè)設(shè)計(jì)的興趣,讓學(xué)生自己產(chǎn)生要制作屬于自己的項(xiàng)目作品,學(xué)生從傳統(tǒng)教學(xué)“要我學(xué)”變?yōu)榛旌辖虒W(xué)“我要學(xué)”的教學(xué)模式。通過混合式教學(xué)模式,把傳統(tǒng)學(xué)習(xí)方式的優(yōu)勢(shì)和網(wǎng)絡(luò)學(xué)習(xí)方式的優(yōu)勢(shì)結(jié)合起來,教學(xué)以學(xué)生為主體,充分挖掘?qū)W生學(xué)習(xí)過程過程積極性、主動(dòng)性和創(chuàng)造性,培養(yǎng)藝術(shù)與技術(shù)相結(jié)合的網(wǎng)頁(yè)設(shè)計(jì)技術(shù)技能型人才。搭建好的網(wǎng)頁(yè)設(shè)計(jì)的網(wǎng)絡(luò)教學(xué)平臺(tái)、教育教學(xué)資源庫(kù),運(yùn)用在線教學(xué)與課堂教學(xué)優(yōu)勢(shì)互補(bǔ)的混合式教學(xué)模式,教師通過基于網(wǎng)絡(luò)的課堂進(jìn)行教,學(xué)生除了課堂學(xué)習(xí)外,課后自主在線學(xué)習(xí)、在線做作業(yè)、討論協(xié)作、在線答疑等學(xué)習(xí)活動(dòng)。將教師的網(wǎng)頁(yè)設(shè)計(jì)教學(xué)由課堂上擴(kuò)展到了課堂外,才能真正培養(yǎng)出綜合能力強(qiáng)、創(chuàng)造性思維突出的網(wǎng)頁(yè)設(shè)計(jì)人才。
3.2網(wǎng)絡(luò)環(huán)境下“網(wǎng)頁(yè)設(shè)計(jì)”混合式教學(xué)的優(yōu)勢(shì)(1)提高教師“雙師”素質(zhì):網(wǎng)頁(yè)設(shè)計(jì)課程是基于企業(yè)項(xiàng)目教學(xué),項(xiàng)目設(shè)計(jì)是項(xiàng)目教學(xué)的成敗的關(guān)鍵,要求教師不僅要具備深厚的理論知識(shí),還應(yīng)具有一定職業(yè)技能與實(shí)踐經(jīng)驗(yàn),即教師具備“雙師”素質(zhì),通過網(wǎng)絡(luò)教學(xué)平臺(tái)建設(shè),優(yōu)秀專業(yè)教師與企業(yè)技術(shù)人員帶領(lǐng)專業(yè)較弱教師,共同完成項(xiàng)目網(wǎng)頁(yè)設(shè)計(jì)整體設(shè)計(jì)。通過開展混合式教學(xué),進(jìn)一步提高教師的教學(xué)設(shè)計(jì)水平和實(shí)踐技能,更新教師的教育觀念,提高教師自身的業(yè)務(wù)水平,促進(jìn)教師向雙師型轉(zhuǎn)變。(2)教學(xué)資源豐富:教師與企業(yè)技術(shù)人員在網(wǎng)絡(luò)教學(xué)平臺(tái)提供各種媒體素材,包括視頻、動(dòng)畫、課件、網(wǎng)頁(yè)設(shè)計(jì)優(yōu)秀作品等教學(xué)內(nèi)容,遠(yuǎn)遠(yuǎn)超過教師課堂講授與教材內(nèi)容。網(wǎng)絡(luò)教學(xué)平臺(tái)進(jìn)一步為學(xué)生提供課后學(xué)習(xí)實(shí)踐企業(yè)項(xiàng)目,引入企業(yè)項(xiàng)目任務(wù),能從高職學(xué)生特點(diǎn)出發(fā),項(xiàng)目從易到難,循序漸進(jìn),讓學(xué)生學(xué)習(xí)實(shí)踐覺得能“跳著夠得著”,既有挑戰(zhàn)性,又能完成企業(yè)項(xiàng)目并使學(xué)生獲得成就感,提高學(xué)生綜合實(shí)踐技能。通過網(wǎng)絡(luò)在線教學(xué)優(yōu)勢(shì),為學(xué)生提供了自由選擇的學(xué)習(xí)空間,有更豐富網(wǎng)絡(luò)學(xué)習(xí)資源,激發(fā)學(xué)生學(xué)習(xí)興趣,調(diào)動(dòng)學(xué)生的主動(dòng)性與積極性,有效提高了學(xué)生的創(chuàng)新思維能力,對(duì)于培養(yǎng)學(xué)生的創(chuàng)造精神和樹立終身學(xué)習(xí)的觀念有重要的意義。(3)學(xué)習(xí)自主性:傳統(tǒng)的課堂教學(xué)受限上課時(shí)間,教學(xué)內(nèi)容也受限,存在形式與內(nèi)容單一。特別對(duì)于學(xué)生難于理解的重點(diǎn)與難點(diǎn),老師可能認(rèn)為在課堂已講解很清楚,但學(xué)生還是沒有理解等諸多弊端,而通過混合式教學(xué),利用網(wǎng)絡(luò)在線教學(xué)等輔助手段在很大程度上彌補(bǔ)了這種不足,讓學(xué)生能在課后按需學(xué)習(xí),讓差生或請(qǐng)假學(xué)生補(bǔ)缺補(bǔ)漏,趕上全班統(tǒng)一進(jìn)度。通過網(wǎng)絡(luò)教學(xué)平臺(tái)和教育教學(xué)資源庫(kù),可以24小時(shí)開放教學(xué),大大打破上課的時(shí)間限制,學(xué)生可以把課堂當(dāng)中沒有消化的內(nèi)容利用網(wǎng)絡(luò)的在線自主學(xué)習(xí),進(jìn)一步的加深理解,使課堂教學(xué)加以延伸。利用在線學(xué)習(xí),基礎(chǔ)好的同學(xué)也可以通過網(wǎng)絡(luò)教學(xué)平臺(tái)和教育教學(xué)資源庫(kù)進(jìn)行自學(xué),提升自己的學(xué)習(xí)能力。(4)網(wǎng)絡(luò)在線答疑:利用在線系統(tǒng)為教師和學(xué)生提供一個(gè)良好的交流平臺(tái),師生通過平臺(tái)將獲得更多的溝通機(jī)會(huì),師生之間在平臺(tái)上在線討論交流答疑,學(xué)生之間也可以在平臺(tái)上在線討論交流答疑,及時(shí)解決學(xué)習(xí)過程中遇到問題,調(diào)動(dòng)了學(xué)生的積極性,進(jìn)一步提高教學(xué)水平。
4混合式教學(xué)模式實(shí)例分析
在網(wǎng)絡(luò)環(huán)境下,構(gòu)建與傳統(tǒng)教學(xué)相互融合網(wǎng)絡(luò)教學(xué)平臺(tái),實(shí)現(xiàn)交互式教學(xué)平臺(tái),學(xué)生自主學(xué)習(xí)的空間。下面以學(xué)院《Dreamweaver網(wǎng)頁(yè)設(shè)計(jì)》為例說明,實(shí)現(xiàn)傳統(tǒng)教學(xué)與網(wǎng)絡(luò)教學(xué)的混合教學(xué)模式。
1.設(shè)計(jì)制作企業(yè)項(xiàng)目。課前教師與企業(yè)人員共同設(shè)計(jì)制作《**企業(yè)網(wǎng)頁(yè)設(shè)計(jì)》項(xiàng)目,共構(gòu)建八個(gè)學(xué)習(xí)情景:《學(xué)習(xí)情境1企業(yè)網(wǎng)頁(yè)圖文混排》;《學(xué)習(xí)情境2企業(yè)網(wǎng)頁(yè)表格數(shù)據(jù)制作》;《學(xué)習(xí)情境3企業(yè)網(wǎng)頁(yè)表格布局》:《學(xué)習(xí)情境4企業(yè)網(wǎng)頁(yè)超鏈接設(shè)置》:《學(xué)習(xí)情境5企業(yè)網(wǎng)表單網(wǎng)頁(yè)制作》;《學(xué)習(xí)情境6企業(yè)網(wǎng)頁(yè)制作-css樣式表應(yīng)用》:《學(xué)習(xí)情境7企業(yè)網(wǎng)頁(yè)布局-div+css布局》;《學(xué)習(xí)情境8企業(yè)網(wǎng)頁(yè)JavaScript特效應(yīng)用》。
2.課堂教學(xué)內(nèi)容以網(wǎng)頁(yè)設(shè)計(jì)的工作過程為依據(jù),劃分上述八個(gè)學(xué)習(xí)情境,采用混合式教學(xué)模式,按任務(wù)展開教學(xué)。每個(gè)學(xué)習(xí)情境都包含:①任務(wù)導(dǎo)入:首先提供學(xué)生與所講知識(shí)相關(guān)的網(wǎng)頁(yè)案例,吸引學(xué)生注意,然后導(dǎo)入學(xué)習(xí)情境任務(wù);②分析總結(jié):教師引導(dǎo)學(xué)生發(fā)現(xiàn)問題,并提出問題,激發(fā)學(xué)生學(xué)習(xí)興趣,經(jīng)過共同分析與討論,總結(jié)出具體的制作方法;③實(shí)訓(xùn)(仿真實(shí)踐,在線測(cè)試):學(xué)生根據(jù)學(xué)習(xí)情境,在教師的示范講解下,獨(dú)立完成操作,在線測(cè)試。④講評(píng)總結(jié):學(xué)生在制作過程中會(huì)出現(xiàn)各種各樣的問題。教師所做的是將問題匯總??偨Y(jié)出相關(guān)的注意事項(xiàng),點(diǎn)評(píng)作業(yè)時(shí),側(cè)重學(xué)生的思維引導(dǎo),及時(shí)給予學(xué)生鼓勵(lì)。⑤能力擴(kuò)展:提供給學(xué)生實(shí)踐性較強(qiáng)的案例,要實(shí)現(xiàn)效果,需要結(jié)合以前的知識(shí)和運(yùn)用一定的技巧。這樣既擴(kuò)大了知識(shí)面。又體現(xiàn)了知識(shí)的綜合性。在課堂講解環(huán)節(jié),可以適時(shí)插入教學(xué)視頻、技術(shù)操作視頻、實(shí)例展示等內(nèi)容,解決傳統(tǒng)教學(xué)方法無法講清楚的知識(shí)點(diǎn)和實(shí)際操作演示,使教學(xué)效果更生動(dòng)具體。通過學(xué)習(xí)情境,學(xué)生目的明確,整體性學(xué)習(xí)Dreamweaver軟件各個(gè)工具,運(yùn)用到每個(gè)學(xué)習(xí)情境任務(wù)中,學(xué)習(xí)網(wǎng)頁(yè)各獨(dú)立元素與整體學(xué)習(xí)情境相結(jié)合。
3.在網(wǎng)絡(luò)學(xué)習(xí)平臺(tái)上,教師上傳課前準(zhǔn)備《Dreamweaver網(wǎng)頁(yè)設(shè)計(jì)》學(xué)習(xí)指南、課堂講解八個(gè)學(xué)習(xí)情境模擬、仿真實(shí)踐、在線測(cè)試、網(wǎng)絡(luò)資源、網(wǎng)絡(luò)答疑等環(huán)節(jié)。(1)學(xué)習(xí)指南:包括課程介紹、課程標(biāo)準(zhǔn)、學(xué)習(xí)建議、鏈接優(yōu)秀網(wǎng)站的網(wǎng)址等,讓學(xué)生了解本門課程的教學(xué)目的、要求和學(xué)時(shí)分配,當(dāng)學(xué)生遇到網(wǎng)頁(yè)設(shè)計(jì)問題時(shí),就可以在學(xué)習(xí)指南資源庫(kù)中找到滿意的答案。(2)學(xué)習(xí)情境模擬:教師授課、實(shí)踐操作視頻。(3)情境模擬部分:有10個(gè)訓(xùn)練素材,學(xué)生可以選擇訓(xùn)練企業(yè)項(xiàng)目進(jìn)行自我訓(xùn)練,學(xué)生之間還可以通過網(wǎng)絡(luò)互相交流;(4)仿真實(shí)踐環(huán)節(jié):在一定程度需要借助仿真實(shí)訓(xùn)軟件,應(yīng)用于學(xué)生日常實(shí)訓(xùn)和各階段試。(5)網(wǎng)絡(luò)答疑:網(wǎng)絡(luò)給師生提供了一個(gè)交流的平臺(tái),師生可以通過QQ、郵箱、論壇等形式進(jìn)行交流,教師可以及時(shí)了解學(xué)生的學(xué)習(xí)情況。(6)網(wǎng)絡(luò)資源:網(wǎng)絡(luò)資源包括相關(guān)網(wǎng)站、相關(guān)視頻、課程課件、講義、行業(yè)信息、參考書籍、學(xué)生實(shí)訓(xùn)實(shí)錄等補(bǔ)充資源,供學(xué)生課外學(xué)習(xí)。這樣便于因材施教,使好生更優(yōu),差生進(jìn)步更快。
5小結(jié)
關(guān)鍵詞:計(jì)算機(jī);圖像處理;網(wǎng)頁(yè)設(shè)計(jì)
計(jì)算機(jī)圖像處理技術(shù)的應(yīng)用過程,就是利用計(jì)算機(jī)的制圖工具將圖像進(jìn)行加工和設(shè)計(jì)。圖像質(zhì)量的好壞對(duì)網(wǎng)頁(yè)的影響非常大,因?yàn)閳D像是現(xiàn)在網(wǎng)頁(yè)設(shè)計(jì)的主體部分,而且人們?yōu)g覽網(wǎng)頁(yè)時(shí),最先映入眼簾的就是圖像,然后才會(huì)看到網(wǎng)頁(yè)的其他內(nèi)容。所以,圖像處理技術(shù)在網(wǎng)頁(yè)設(shè)計(jì)中起到重要作用。
一、計(jì)算機(jī)圖像處理技術(shù)在網(wǎng)頁(yè)設(shè)計(jì)中的作用
(1)增加網(wǎng)頁(yè)美感,提升視覺吸引效果。利用計(jì)算機(jī)圖像處理技術(shù)可以根據(jù)網(wǎng)站的需要設(shè)計(jì)出符合該網(wǎng)站的圖片,通過圖像處理技術(shù)可以調(diào)控好整個(gè)網(wǎng)頁(yè)的色彩、色調(diào)。運(yùn)用了此技術(shù)可以提升網(wǎng)頁(yè)的視覺傳達(dá)效果。而且圖像會(huì)更吸引瀏覽者的眼光,就能夠增加網(wǎng)頁(yè)的瀏覽量。在網(wǎng)頁(yè)上設(shè)計(jì)時(shí)需要注意很多方面的問題,比如圖像的內(nèi)容、大小、位置,以及圖像與文字的排版和圖像與網(wǎng)頁(yè)色彩的搭配等,這都會(huì)影響到網(wǎng)頁(yè)的整體設(shè)計(jì),在兩個(gè)網(wǎng)站的內(nèi)容相差無幾時(shí),瀏覽者肯定會(huì)瀏覽圖片內(nèi)容豐富且圖像效果好的網(wǎng)頁(yè),因?yàn)檫@給瀏覽者的視覺體驗(yàn)更加豐富。
(2)起到信息引導(dǎo)的作用。因?yàn)槿藗冊(cè)跒g覽網(wǎng)頁(yè)時(shí),普遍先看到的是網(wǎng)頁(yè)的圖片內(nèi)容,在網(wǎng)頁(yè)設(shè)計(jì)時(shí),要將圖片的內(nèi)容設(shè)計(jì)的更加充分,要讓瀏覽者通過圖片就能了解該網(wǎng)頁(yè)的主要內(nèi)容,而且要發(fā)揮好圖像信息的引導(dǎo)作用,要讓瀏覽者僅通過圖像引導(dǎo)就能快速找到所需內(nèi)容。圖像的引導(dǎo)功能所帶來的便利程度可以讓用戶更喜歡該網(wǎng)頁(yè),尤其是在這種快餐式閱讀的時(shí)代,用戶很難仔細(xì)瀏覽網(wǎng)頁(yè)的所有內(nèi)容,只想盡快找到自己的所需要的內(nèi)容,所以圖像的引導(dǎo)功能的設(shè)計(jì)尤為重要。而且圖像不僅可以讓用戶快速找到自己的所需內(nèi)容,還能讓他們?cè)谶@種快速閱讀的環(huán)境下緩解自己的情緒,讓人們放松心情。因此,在網(wǎng)頁(yè)設(shè)計(jì)中,必須要加圖像與文字結(jié)合的圖片內(nèi)容,讓人們能夠在欣賞圖片的同時(shí)獲取到自己想要的內(nèi)容。
二、計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)中圖像處理技術(shù)的概述
計(jì)算機(jī)圖像處理技術(shù)最早誕生于20世紀(jì)末。他是在計(jì)算機(jī)技術(shù)的快速發(fā)展下產(chǎn)生的。早期的圖像處理技術(shù)僅應(yīng)用于航空航天方面,隨著技術(shù)的不斷發(fā)展開始普及到人們的生活中。計(jì)算機(jī)圖像處理技術(shù)主要有以下幾種功能。
(一)圖像壓縮技術(shù)
直接拍攝的圖像內(nèi)存很大,會(huì)占用網(wǎng)頁(yè)的很多內(nèi)存,會(huì)出現(xiàn)網(wǎng)頁(yè)內(nèi)存過大而引起的網(wǎng)頁(yè)運(yùn)轉(zhuǎn)速度降低的狀況。利用計(jì)算機(jī)圖像處理的壓縮技術(shù),能夠?qū)?nèi)存很大的圖片壓縮到很小,而且經(jīng)過壓縮的圖片更清晰,視覺效果更好。
(二)圖像去噪技術(shù)
計(jì)算機(jī)在采集圖像時(shí),會(huì)產(chǎn)生一些噪聲,這是由于計(jì)算機(jī)本身的物理性質(zhì)產(chǎn)生的,由于這種噪聲會(huì)使圖像的質(zhì)量降低,所以,必須要進(jìn)行去噪處理,以保證圖片在網(wǎng)頁(yè)上的質(zhì)量和效果。
(三)圖像增強(qiáng)技術(shù)
圖像增強(qiáng)技術(shù)的主要作用就是將低質(zhì)量的圖像進(jìn)行增強(qiáng)。因?yàn)樵诓焕硐氲呐臄z條件下,拍出來的圖片會(huì)模糊或者像素太差,使用圖像增強(qiáng)技術(shù)能夠?qū)⒛:漠嬞|(zhì)變的清晰,而且能夠?qū)D片要展示的重要信息進(jìn)行強(qiáng)化處理并能弱化掉不重要的信息。給后續(xù)的圖像制作帶來方便。
三、網(wǎng)頁(yè)設(shè)計(jì)中計(jì)算機(jī)圖像處理技術(shù)的功能
(1)構(gòu)造多種樣式圖像組合。在進(jìn)行計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)時(shí),處理圖像的過程中,要先注意圖像的格式,因?yàn)橛?jì)算機(jī)圖像有多種格式,如GIF、JPEG、PNG等,他們分別有自己的特點(diǎn),所以要根據(jù)網(wǎng)頁(yè)的設(shè)計(jì)標(biāo)準(zhǔn)來選擇合適的格式。如果要設(shè)計(jì)生動(dòng)有趣的網(wǎng)頁(yè)界面,可以選擇GIF的格式,因?yàn)檫@種格式的圖像可以由一個(gè)靜態(tài)的圖像轉(zhuǎn)為動(dòng)態(tài)的圖像。而如果想要不將低網(wǎng)頁(yè)的運(yùn)轉(zhuǎn)速度的話,就可以選擇PNG格式,這種格式的圖像在壓縮的過程中不會(huì)破壞圖像的質(zhì)量,保持原有的清晰度,而且生成的圖像文件的空間很小。
(2)控制圖像在網(wǎng)頁(yè)中的大小。一個(gè)網(wǎng)頁(yè)會(huì)有很多個(gè)電腦去打開,而電腦的尺寸是不同的,不同的計(jì)算機(jī)顯示屏的長(zhǎng)度與寬度會(huì)影響到圖像的顯示效果,所以,要控制圖像的大小,不能讓圖片超過顯示屏的長(zhǎng)度或?qū)挾取_€有,在放大或縮小圖片時(shí)會(huì)影響到圖像的清晰度,放大圖片會(huì)降低圖像的清晰度,而縮小圖片會(huì)導(dǎo)致設(shè)計(jì)的圖片與網(wǎng)頁(yè)設(shè)計(jì)要求不符。所以要控制好圖像的大小,同時(shí)也要把握好圖像的清晰度,因?yàn)楦咔鍒D片會(huì)影響到網(wǎng)頁(yè)的運(yùn)行速度。計(jì)算機(jī)圖像處理技術(shù)就能夠平衡圖像的清晰度和網(wǎng)頁(yè)的加載速度,實(shí)現(xiàn)網(wǎng)頁(yè)質(zhì)量的提升。
四、結(jié)語
總之,在信息技術(shù)快速發(fā)展的今天,網(wǎng)頁(yè)設(shè)計(jì)已經(jīng)成為一個(gè)新的技術(shù)產(chǎn)業(yè),要想設(shè)計(jì)出高質(zhì)量,高水平的網(wǎng)頁(yè),必然離不開計(jì)算機(jī)處理技術(shù)的支持。在整個(gè)網(wǎng)頁(yè)設(shè)計(jì)的過程中,設(shè)計(jì)者要考慮到很多方面的因素,才能設(shè)計(jì)出讓瀏覽者滿意的網(wǎng)頁(yè)。
參考文獻(xiàn):
[1]陳智蓋.新時(shí)期網(wǎng)頁(yè)設(shè)計(jì)中計(jì)算機(jī)圖像處理技術(shù)應(yīng)用分析[J].計(jì)算機(jī)光盤軟件與應(yīng)用,2014(15).
[2]韋燕.網(wǎng)頁(yè)設(shè)計(jì)中計(jì)算機(jī)圖像處理技術(shù)的應(yīng)用[J].現(xiàn)代商貿(mào)工業(yè),2013(22).
[3]雷萌.如何在網(wǎng)頁(yè)設(shè)計(jì)中運(yùn)用計(jì)算機(jī)圖像處理技術(shù)[J].信息與電腦,2016,11(2).
【論文摘要】《網(wǎng)頁(yè)設(shè)計(jì)》課程是一門實(shí)用性和綜合性都很強(qiáng)的課程。本課程教學(xué)的最大特點(diǎn)是易學(xué)易忘。為了提高《網(wǎng)頁(yè)設(shè)計(jì)》課程的教學(xué)效果,必須不斷改革與充實(shí)教學(xué)內(nèi)容,注重突出人才培養(yǎng)的實(shí)踐性、應(yīng)用性。改革教學(xué)方法,培養(yǎng)學(xué)生的實(shí)際動(dòng)手能力和計(jì)算機(jī)的操作能力,使學(xué)生能夠運(yùn)用所學(xué)的知識(shí)進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)。
《網(wǎng)頁(yè)設(shè)計(jì)》是近年來計(jì)算機(jī)專業(yè)領(lǐng)域發(fā)展最快和應(yīng)用最廣泛的課程之一,當(dāng)今社會(huì)急需培養(yǎng)掌握計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)、面向不同應(yīng)用層次的專業(yè)人才。因此,本課程自開設(shè)以來,受到學(xué)生的普遍歡迎,學(xué)生對(duì)這門課程教學(xué)的要求也越來越高。
《網(wǎng)頁(yè)設(shè)計(jì)》課程以Dreamweaver MX軟件為主干,專門介紹網(wǎng)頁(yè)設(shè)計(jì)和制作的基本技巧。通過這門課程的學(xué)習(xí),能夠讓學(xué)生掌握網(wǎng)頁(yè)設(shè)計(jì)的基礎(chǔ)知識(shí),并能熟練地制作出動(dòng)態(tài)網(wǎng)站。但是網(wǎng)頁(yè)制作技術(shù)也在不斷地發(fā)展變化,新的技術(shù)、新的方法也在不斷涌現(xiàn),所以我們也需要將網(wǎng)頁(yè)設(shè)計(jì)的最新、最實(shí)用的技術(shù)引用到課堂上去。
為了提高《網(wǎng)頁(yè)制作》課程的教學(xué)質(zhì)量,筆者不斷地從教學(xué)內(nèi)容、教學(xué)方法、實(shí)驗(yàn)環(huán)節(jié)等多方面對(duì)本課程進(jìn)行了積極的創(chuàng)新。在此基礎(chǔ)上總結(jié)出一些實(shí)際教學(xué)經(jīng)驗(yàn)與體會(huì),與大家一起探討。
一、《網(wǎng)頁(yè)設(shè)計(jì)》課程的特點(diǎn)
高等學(xué)校計(jì)算機(jī)專業(yè)開設(shè)《網(wǎng)頁(yè)設(shè)計(jì)》課程的主要目的,是通過本課程的學(xué)習(xí),培養(yǎng)學(xué)生的實(shí)際動(dòng)手能力和計(jì)算機(jī)的操作能力,使學(xué)生能夠運(yùn)用所學(xué)的知識(shí)進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)。
《網(wǎng)頁(yè)設(shè)計(jì)》不是作為一門課程孤立存在的,它要靠多門學(xué)科的知識(shí)給予支撐。它們相互滲透和依賴,構(gòu)成一個(gè)科學(xué)的、完整的課程體系。
《網(wǎng)頁(yè)設(shè)計(jì)》課程的教學(xué)內(nèi)容實(shí)踐性較強(qiáng),能極大的激發(fā)學(xué)生的參與性,鍛煉學(xué)生的動(dòng)手能力,培養(yǎng)學(xué)生的專業(yè)興趣。學(xué)習(xí)中一定要注意理論與實(shí)踐相結(jié)合,其中實(shí)踐內(nèi)容是教學(xué)的主線。學(xué)生應(yīng)該有較充足的動(dòng)手實(shí)踐機(jī)會(huì),較熟練地創(chuàng)作出實(shí)用的動(dòng)態(tài)網(wǎng)頁(yè)來。理論教學(xué)服務(wù)于實(shí)踐教學(xué),實(shí)踐教學(xué)反過來又作用于理論教學(xué)。在教學(xué)過程中常有學(xué)生反映,上課能看懂、理解,但課后就忘了,更不要說以后的實(shí)驗(yàn)了。這是本課程教學(xué)的最大特點(diǎn):易學(xué)易忘。下面將探討若干提高《網(wǎng)頁(yè)設(shè)計(jì)》課程教學(xué)效果的方法。
二、《網(wǎng)頁(yè)設(shè)計(jì)》課程的教學(xué)方法
1、教學(xué)內(nèi)容的改革
為了讓學(xué)生能夠適應(yīng)計(jì)算機(jī)技術(shù)的快速發(fā)展,筆者在教授這門課程的過程中,對(duì)這門課程的教學(xué)內(nèi)容不斷地進(jìn)行著調(diào)整。教學(xué)調(diào)整的目的就是讓學(xué)生能夠獨(dú)立完成網(wǎng)頁(yè)設(shè)計(jì)。所以在課堂上,主要以學(xué)生掌握知識(shí)為根本、以“能懂、夠用、實(shí)用”為教學(xué)原則、以培養(yǎng)學(xué)生動(dòng)手能力為目標(biāo)來指導(dǎo)整個(gè)教改思路。
《網(wǎng)頁(yè)設(shè)計(jì)》課程以前主要是應(yīng)用FrontPage軟件,再結(jié)合圖像處理軟件來處理一些網(wǎng)頁(yè)圖片。而現(xiàn)在網(wǎng)頁(yè)制作主要講授的內(nèi)容是由Dreamweaver軟件、Fireworks軟件和Flash軟件組成。講授時(shí)是按這三個(gè)軟件的先后順序?qū)Ω鞑糠诌M(jìn)行講解,這三個(gè)軟件的功能更新也非常快,講授內(nèi)容不能一成不變,如果這樣,容易出現(xiàn)學(xué)生學(xué)習(xí)到的知識(shí)陳舊。通過調(diào)研并根據(jù)網(wǎng)頁(yè)技術(shù)的發(fā)展?fàn)顩r,在每學(xué)期的教學(xué)過程中,筆者都會(huì)對(duì)本課程的內(nèi)容進(jìn)行調(diào)整,刪除以前教學(xué)中過時(shí)的、理論性較強(qiáng)的內(nèi)容,增加目前實(shí)用的、流行的新技術(shù)。
2、分階段模塊化教學(xué)
在教學(xué)中應(yīng)注重突出人才培養(yǎng)的實(shí)踐性、應(yīng)用性。將整個(gè)教學(xué)內(nèi)容分為四個(gè)階段,每一階段設(shè)計(jì)了若干教學(xué)模塊。第一階段使學(xué)生能熟練使用網(wǎng)頁(yè)設(shè)計(jì)的超文本標(biāo)記語言HTML;第二階段能熟悉并熟練使用網(wǎng)頁(yè)制作工具Dreamweaver MX;第三階段能進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)中的圖像和簡(jiǎn)單動(dòng)畫的制作;第四階段掌握在網(wǎng)頁(yè)中嵌入Javascript腳本語言,實(shí)現(xiàn)網(wǎng)頁(yè)動(dòng)態(tài)效果。每一階段的教學(xué)內(nèi)容完成后,在專業(yè)機(jī)房組織單元考核,以實(shí)現(xiàn)分階段達(dá)標(biāo),最終使學(xué)生能獨(dú)立設(shè)計(jì)小型WEB站點(diǎn)。 轉(zhuǎn)貼于
3、案例教學(xué)法
案例教學(xué)是在學(xué)生掌握了有關(guān)基本知識(shí)和分析技術(shù)的基礎(chǔ)上,在教師的精心策劃和指導(dǎo)下,根據(jù)教學(xué)目的和教學(xué)內(nèi)容的要求,運(yùn)用典型案例,將學(xué)生帶入特定事件的現(xiàn)場(chǎng)進(jìn)行案例分析,通過學(xué)生的獨(dú)立思考或集體協(xié)作,進(jìn)一步提高其識(shí)別、分析和解決某一具體問題的能力,同時(shí)培養(yǎng)溝通能力和協(xié)作精神的教學(xué)方式。
案例教學(xué)使得學(xué)生成為了教學(xué)活動(dòng)的主體,形成了學(xué)生自主學(xué)習(xí)、合作學(xué)習(xí)、研究性學(xué)習(xí)和探索性學(xué)習(xí)的開放型的學(xué)習(xí)氛圍。與傳統(tǒng)的以教師為主導(dǎo)的教學(xué)法相比,案例教學(xué)法有以下幾個(gè)方面的特點(diǎn):①傳統(tǒng)教學(xué)方式是以教師和教材為中心,以灌輸?shù)姆绞綇臅镜綍?,從概念到概念,關(guān)注的是向?qū)W生灌輸了哪些知識(shí),忽視了對(duì)學(xué)生學(xué)習(xí)潛能的開發(fā),導(dǎo)致學(xué)生理論與實(shí)踐的脫節(jié)。而案例教學(xué)十分注重學(xué)生的主體性、主動(dòng)性、自主性的發(fā)揮,注重引導(dǎo)學(xué)生通過案例的分析推導(dǎo)、運(yùn)用概念較好地解決實(shí)際問題,促使學(xué)生的思維不斷深化,并在力圖對(duì)一個(gè)問題尋找多種解答的過程中培養(yǎng)和形成創(chuàng)造性思維。②案例教學(xué)有利于提高學(xué)生分析問題和解決實(shí)際問題的能力。區(qū)別于傳統(tǒng)的注入式教學(xué)方式,案例教學(xué)是一種動(dòng)態(tài)的、開放的教學(xué)方式,在案例教學(xué)中,學(xué)生被設(shè)計(jì)成自身處在特定的情境中,在信息不充分的條件下對(duì)復(fù)雜多變的形勢(shì)獨(dú)立做出判斷和決策,在這過程中鍛煉了自我綜合運(yùn)用各種理論知識(shí)、經(jīng)驗(yàn)分析和解決問題的能力。③案例教學(xué)有利于促使學(xué)生學(xué)會(huì)學(xué)習(xí)。學(xué)會(huì)學(xué)習(xí)是學(xué)習(xí)型社會(huì)對(duì)人們能力的基本要求。傳統(tǒng)教學(xué)方式教給學(xué)生的是運(yùn)用概念解決問題的現(xiàn)成答案,學(xué)生獲得的是背誦、機(jī)械記憶、按標(biāo)準(zhǔn)答案答題的知識(shí)。而案例教學(xué)告訴學(xué)生“答案不止一個(gè)”,答案是開放的、發(fā)展的。在案例教學(xué)中,教師通過有意識(shí)的引導(dǎo),讓學(xué)生自己去查資料,通過個(gè)體獨(dú)立或群體合作的方式做出分析和判斷,積極尋找多種答案,這樣經(jīng)過反復(fù)多次的積淀后,就會(huì)獲得了自主學(xué)習(xí)的方法,使其學(xué)會(huì)學(xué)習(xí)成為現(xiàn)實(shí)。④案例教學(xué)有利于促使學(xué)生學(xué)會(huì)溝通與合作,在合作中互相溝通,在溝通中增進(jìn)合作。
在教學(xué)中,教師通過精心挑選案例,明確提出需要掌握的知識(shí)點(diǎn)及操作技能,以案例帶動(dòng)知識(shí)點(diǎn),貫穿整個(gè)教學(xué)過程。具體做法是通過具體案例提出任務(wù),將任務(wù)分解到每次的課堂教學(xué)中實(shí)現(xiàn),教學(xué)過程中為了調(diào)動(dòng)學(xué)生的學(xué)習(xí)積極性,教學(xué)過程中常常采用互動(dòng)方式,即老師提出一種解決問題的思路,然后讓學(xué)生采用其它方式來解決同一個(gè)問題,課堂上每介紹一個(gè)任務(wù)后,都要首先讓學(xué)生上機(jī)去模仿著實(shí)現(xiàn),然后再要求他們采用自己的解決方案來完成任務(wù)。實(shí)踐證明,采用這種方式進(jìn)行實(shí)踐性強(qiáng)的課程教學(xué)收效非常明顯。
4、注重實(shí)踐環(huán)節(jié)
當(dāng)學(xué)生已基本掌握了本課程的大部分內(nèi)容時(shí),就可以布置一份綜合作業(yè),要求每位學(xué)生設(shè)計(jì)一個(gè)個(gè)人網(wǎng)站并添加一個(gè)動(dòng)態(tài)效果。要求每位學(xué)生對(duì)自己的網(wǎng)站要做到既有鮮明、統(tǒng)一的風(fēng)格又有完善的內(nèi)容,將頁(yè)面的結(jié)構(gòu)、圖片的位置、鏈接的方式設(shè)置合理,做到網(wǎng)頁(yè)布局的和諧統(tǒng)一,并且還要做到容易更新等。要做到這些,就必須在制作網(wǎng)站之前,對(duì)網(wǎng)站進(jìn)行一個(gè)總體規(guī)劃,然后再逐步進(jìn)行設(shè)計(jì)。
為了讓學(xué)生有良好的創(chuàng)作技巧和獨(dú)特的風(fēng)格,把綜合作業(yè)布置之后,先讓學(xué)生進(jìn)行選題,構(gòu)建出自己的網(wǎng)站結(jié)構(gòu),再上網(wǎng)查詢相關(guān)的資料,然后對(duì)網(wǎng)站進(jìn)行規(guī)劃,寫出書面的網(wǎng)站設(shè)計(jì)方案,教師對(duì)每個(gè)學(xué)生的方案進(jìn)行審查和評(píng)閱,及時(shí)指出應(yīng)改進(jìn)的地方和存在的問題,滿足要求了,學(xué)生方可開始制作。通過這些環(huán)節(jié)讓學(xué)生學(xué)會(huì)了創(chuàng)建、查找、閱讀專業(yè)文獻(xiàn)資料的方法,培養(yǎng)了學(xué)生撰寫方案的能力。
總之,教師應(yīng)以培養(yǎng)能力為主線,強(qiáng)化實(shí)踐性教學(xué)。
教學(xué)工作是學(xué)校工作的重點(diǎn),教學(xué)方法的革新是一個(gè)永久的話題,在教學(xué)過程中必須不斷探索、不斷創(chuàng)新,只有這樣才能順應(yīng)時(shí)代潮流的發(fā)展,培養(yǎng)出素質(zhì)高能力強(qiáng)的人才。
【參考文獻(xiàn)】
[1]呂慧娟. 《網(wǎng)頁(yè)設(shè)計(jì)》課程教學(xué)的創(chuàng)新與實(shí)踐. 電腦知識(shí)與技術(shù). 2007.13.
關(guān)鍵詞:移動(dòng)互聯(lián)網(wǎng);4G;網(wǎng)頁(yè)設(shè)計(jì);通訊產(chǎn)品;智能手機(jī);平板電腦
通行設(shè)備性能與無線網(wǎng)絡(luò)通信速度的提升,以移動(dòng)智能終端數(shù)量的快速增長(zhǎng)為主要標(biāo)志,主要體現(xiàn)在智能手機(jī)和平板電腦在大眾生活中的出現(xiàn)。據(jù)中國(guó)工業(yè)和信息化部的研究與統(tǒng)計(jì)及互聯(lián)網(wǎng)應(yīng)用報(bào)告分析認(rèn)為,中國(guó)在全球互聯(lián)網(wǎng)世界中所扮演的角色,部分程度上是由其互聯(lián)網(wǎng)市場(chǎng)的規(guī)模所決定的。據(jù)研究顯示,2015年,中國(guó)移動(dòng)互聯(lián)網(wǎng)用戶數(shù)預(yù)計(jì)達(dá)到了7.9億人,與2014年數(shù)量相比增長(zhǎng)8.4%,增速呈現(xiàn)走低的趨勢(shì),進(jìn)入平穩(wěn)增長(zhǎng)階段。2015年,中國(guó)移動(dòng)互聯(lián)網(wǎng)市場(chǎng)規(guī)模達(dá)到23134.3億元,增幅達(dá)到72.2%。而2016年,移動(dòng)互聯(lián)網(wǎng)整體將繼續(xù)保持高增長(zhǎng)速度。雖然人口福利消失,但是基于商業(yè)模式的不斷創(chuàng)新,單用戶價(jià)值將呈現(xiàn)大幅提升的趨勢(shì)。預(yù)計(jì)在未來3~5年的時(shí)間里,移動(dòng)互聯(lián)網(wǎng)規(guī)模將繼續(xù)保持高增長(zhǎng)的速度。但是,每一項(xiàng)科學(xué)技術(shù)的發(fā)展都會(huì)帶來相關(guān)產(chǎn)業(yè)的變化,從互聯(lián)網(wǎng)到移動(dòng)互聯(lián)網(wǎng),體現(xiàn)在網(wǎng)絡(luò)速度得到飛速提高、網(wǎng)絡(luò)資費(fèi)套餐更加優(yōu)惠。同時(shí),擺脫了寬大固定的顯示屏和鍵盤鼠標(biāo)的局限,替代的是小巧方便的智能手機(jī),易于攜帶的平板電腦以及各種各樣的袖珍終端。這樣,網(wǎng)頁(yè)設(shè)計(jì)作為網(wǎng)絡(luò)瀏覽的載體,在一定程度上也帶來了變化及要求。如何應(yīng)對(duì)及改造這一變化,成為移動(dòng)互聯(lián)網(wǎng)中重要的問題。
1 移動(dòng)互聯(lián)網(wǎng)當(dāng)前發(fā)展現(xiàn)狀
1.1 4G網(wǎng)絡(luò)的應(yīng)用推動(dòng)了移動(dòng)通信服務(wù)的發(fā)展
移動(dòng)互聯(lián)網(wǎng)通信服務(wù)全世界得到了長(zhǎng)足發(fā)展,而且發(fā)展勢(shì)頭十分迅猛,主要是通過4G網(wǎng)絡(luò)的推動(dòng)。4G網(wǎng)絡(luò),即移動(dòng)通信系統(tǒng)的第四代產(chǎn)品,它的最大特點(diǎn)主要就是在通信容量上超大,在速度上超快,以及可在全球范圍內(nèi)實(shí)現(xiàn)自由對(duì)接、任意漫游。并且,能夠很好地處理圖像、聲頻和視頻,能夠以影視等各種多媒體形式來提供商務(wù)電話與視頻、電話會(huì)議及網(wǎng)頁(yè)瀏覽等信息服務(wù)。[1]所以,4G移動(dòng)在生活中的廣泛應(yīng)用,給人們生活與工作帶來了便利,也有效地提高了移動(dòng)互聯(lián)網(wǎng)的發(fā)展。
1.2 移動(dòng)互聯(lián)網(wǎng)應(yīng)用的采用模式
在應(yīng)用的層面上,移動(dòng)互聯(lián)網(wǎng)的業(yè)務(wù)在目前階段主要使用兩種應(yīng)用模式,其一為WAP方式。它所使用的是無線網(wǎng)絡(luò)應(yīng)用協(xié)議,其網(wǎng)站模式主要是針對(duì)手機(jī)電腦而設(shè)計(jì)的。移動(dòng)終端與移動(dòng)通信網(wǎng)絡(luò)二者的速率都有著自身的特點(diǎn),固定互聯(lián)網(wǎng)就是依照它們的速率特點(diǎn),從而設(shè)計(jì)出全新的適應(yīng)移動(dòng)互聯(lián)網(wǎng)應(yīng)用的采用模式。在這個(gè)過程中也相應(yīng)地失去了一定的固定互聯(lián)網(wǎng)內(nèi)容。其二為Web方式。它所使用的是固定互聯(lián)網(wǎng),將移動(dòng)終端的速配完全輸進(jìn)固定互聯(lián)網(wǎng)的內(nèi)容。它不需要再次開發(fā)網(wǎng)站內(nèi)容,只要通過移動(dòng)客戶終端,使用移動(dòng)瀏覽器就能夠?qū)崿F(xiàn)。目前所采用的兩種移動(dòng)互聯(lián)網(wǎng)應(yīng)用模式,都可以滿足在互聯(lián)網(wǎng)中用戶實(shí)現(xiàn)網(wǎng)絡(luò)沖浪的需求。
2 移動(dòng)互聯(lián)背景下網(wǎng)頁(yè)設(shè)計(jì)的可行性原則分析
2.1 明確目標(biāo)用戶群
在每一項(xiàng)產(chǎn)品設(shè)計(jì)中,最重要的是對(duì)目標(biāo)用戶群的確定。對(duì)移動(dòng)互聯(lián)產(chǎn)品進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)。通常的慣性要求是以使用移動(dòng)網(wǎng)絡(luò)用戶的需求為主要設(shè)計(jì)目標(biāo),設(shè)計(jì)對(duì)象是移動(dòng)手機(jī)電腦終端客戶群。因?yàn)槔檬謾C(jī)上互聯(lián)網(wǎng)的用戶比使用電腦上互聯(lián)網(wǎng)的用戶數(shù)量多得多,所以在網(wǎng)頁(yè)設(shè)計(jì)上應(yīng)充分考慮到手機(jī)用戶的喜好特性,明確設(shè)計(jì)產(chǎn)品具體針對(duì)哪些用戶群,以達(dá)到事半功倍的效果。
2.2 了解應(yīng)用平臺(tái)的細(xì)節(jié)
由于網(wǎng)頁(yè)本身和外在的因素影響,在瀏覽網(wǎng)頁(yè)上呈現(xiàn)出的移動(dòng)通訊產(chǎn)品具有一定的復(fù)雜性。所以,首先要掌握目標(biāo)應(yīng)用平臺(tái)的相關(guān)細(xì)節(jié)。一般來說,生產(chǎn)軟件或硬件的廠家會(huì)根據(jù)用戶的需要提供和介紹詳細(xì)的規(guī)范文檔,以便從中規(guī)范文檔中獲得自己所要求的目標(biāo)平臺(tái)信息,然后將所有不同的信息進(jìn)行綜合處理,形成一種個(gè)性化的版本,這樣就提高了移動(dòng)應(yīng)用的可用性。[2]
3 移動(dòng)互聯(lián)產(chǎn)品在網(wǎng)頁(yè)設(shè)計(jì)上的具體策略
智能手機(jī)、平板電腦及各種移動(dòng)互聯(lián)網(wǎng)的載體,為了使用戶方便攜帶及被充分利用,需要挖掘出一些使用功能。例如,功能的多方面改造提升,需要提高產(chǎn)品價(jià)格;尺寸的大小變化,要考慮到電池上的耐用問題。最重要而言,移動(dòng)互聯(lián)網(wǎng)具有豐富而精彩的多媒體服務(wù),這是受到終端客戶群青睞的重要原因。因此,要想使這些豐富的多媒體服務(wù)成為現(xiàn)實(shí),在網(wǎng)頁(yè)設(shè)計(jì)上實(shí)行人性化設(shè)計(jì)是必不可少的。
3.1 改造舒適性整體
為了移動(dòng)通訊產(chǎn)品能夠走進(jìn)人們的現(xiàn)實(shí)生活中,并被廣泛地接受,首先要針對(duì)網(wǎng)頁(yè)設(shè)計(jì)在整體性上進(jìn)行有效改造。一般來說,用戶在瀏覽網(wǎng)頁(yè)時(shí)都是處于隨機(jī)狀態(tài)或者是浮動(dòng)狀態(tài)。因此,網(wǎng)站上所有的信息要達(dá)到迅速、準(zhǔn)確、容易、方便地被瀏覽或者被閱讀。所以,在網(wǎng)頁(yè)設(shè)計(jì)中要合理地規(guī)劃菜單和文本,盡可能地優(yōu)化圖片與內(nèi)容,把較大面積與分辨率縮小成手機(jī)或平板電腦的顯示屏中,避免由此造成各種不合理的縮放變化,為用戶打造一個(gè)舒適性的網(wǎng)頁(yè)整體。
3.2 精準(zhǔn)化內(nèi)容
利用最小的成本呈現(xiàn)最有價(jià)值的內(nèi)容,是對(duì)流量的節(jié)約,用戶體驗(yàn)的改善,最直接的是為用戶省去不必要的費(fèi)用。[3]網(wǎng)頁(yè)設(shè)計(jì)者可以從精簡(jiǎn)頁(yè)面設(shè)計(jì)到導(dǎo)航與書簽功能,盡可能地幫助用戶避免不必要的文本信息輸入,縮減不必要的程序與功能,減少設(shè)計(jì)過深的多級(jí)菜單,以人性化與客戶滿意度為主要目標(biāo),對(duì)呈現(xiàn)內(nèi)容盡量精準(zhǔn)化。
3.3 增添延續(xù)性操作
互聯(lián)網(wǎng)的發(fā)展十分迅速,由Web1.0發(fā)展到Web2.0,再由Web2.0發(fā)展到現(xiàn)在的Web3.0[4],所用時(shí)間非常之短。Web1.0是互聯(lián)網(wǎng)的發(fā)展初期,使用的技術(shù)是靜態(tài)網(wǎng)頁(yè)開發(fā)技術(shù),由于靜態(tài)網(wǎng)頁(yè)為互聯(lián)網(wǎng)的發(fā)展初期,交互性差是它的短板,但是它具有快速訪問的特點(diǎn)以及穩(wěn)定性強(qiáng)的特點(diǎn)。Web2.0的發(fā)展保存了Web1.0的優(yōu)點(diǎn),而揚(yáng)棄了它的交互性差的缺點(diǎn),從而改善了Web1.0存在的漏洞,提高了網(wǎng)站與用戶的交互性,給新聞網(wǎng)站、博客和電子商務(wù)等帶來了便利,但是它的缺點(diǎn)是安全性能不高。隨著在傳統(tǒng)技術(shù)上的改造與發(fā)展,Web3.0改善了這些技術(shù)問題,并逐步完善了網(wǎng)絡(luò)體系。因此,移動(dòng)科學(xué)技術(shù)的發(fā)展與更替,還是以傳統(tǒng)互聯(lián)網(wǎng)為基礎(chǔ)?,F(xiàn)不少手機(jī)用戶仍然堅(jiān)持著傳統(tǒng)的互聯(lián)網(wǎng)操作,所以在網(wǎng)頁(yè)設(shè)計(jì)上,最好延續(xù)傳統(tǒng)互聯(lián)網(wǎng)的特點(diǎn),取其精華,去其糟粕,讓用戶能夠更快地熟悉移動(dòng)通訊產(chǎn)品的新興上網(wǎng)功能,更快地與移動(dòng)互聯(lián)網(wǎng)融合。
3.4 設(shè)計(jì)視覺要素
在網(wǎng)頁(yè)設(shè)計(jì)中,文字、色彩、圖形以及圖像是最為根本的視覺傳達(dá)元素。通過點(diǎn)、線、面構(gòu)成了立體基本形態(tài),在交互中以瞬息萬變的視覺變化沖擊著受眾的眼球,從而形成了網(wǎng)頁(yè)設(shè)計(jì)的視覺語言。文字作為一種傳統(tǒng)的視覺符號(hào),設(shè)計(jì)人員通過對(duì)復(fù)雜繁瑣的文字信息經(jīng)過精心處理變成簡(jiǎn)單濃縮的特性,有利于改善客戶的心理體驗(yàn)。
把文字信息逐步向圖形、圖像及色彩轉(zhuǎn)變。[5]隨著網(wǎng)絡(luò)的不斷發(fā)展,原本只能呈現(xiàn)單一文字的互聯(lián)網(wǎng)現(xiàn)在可以利用每一個(gè)栩栩如生的圖形和圖像進(jìn)行顯示。并且,這些圖形和圖像所表達(dá)的信息量大大超過了任何文字的表述,從而使用戶在視覺上受到了強(qiáng)烈的沖擊。但因圖形圖像本身數(shù)據(jù)量占用空間及數(shù)據(jù)量較大,給用戶在時(shí)間上和流量上產(chǎn)生了不少的費(fèi)用。因此,網(wǎng)頁(yè)設(shè)計(jì)要盡可能地減少使用色彩艷麗的圖像。這樣不但能夠使數(shù)據(jù)量的穩(wěn)定性得到有效的保證,而且又可保障圖形圖像的表達(dá)效果,提高設(shè)計(jì)程序的工作效率。
3.5 增加返回按鈕和鏈接
為用戶帶來更好的人性化服務(wù)及直觀體驗(yàn),最好在網(wǎng)頁(yè)上設(shè)計(jì)出返回按鈕,以及設(shè)置鏈接等。[6]由于一些智能手機(jī)和平板電腦其自身程序沒有設(shè)置返回按鈕,所以在設(shè)計(jì)的過程中盡量設(shè)置返回按鈕,以便為用戶提供更多的方便。由于在移動(dòng)網(wǎng)站上進(jìn)行輸入非常不方便,其難度較大。因此,在網(wǎng)頁(yè)設(shè)計(jì)過程中,應(yīng)當(dāng)向客戶給出單選按鈕及列表,這樣用戶就能夠根據(jù)自己意愿進(jìn)行自由選擇。一般來說,移動(dòng)設(shè)備屏幕面積尺寸都較小,用戶點(diǎn)擊鏈接時(shí)需要準(zhǔn)確地點(diǎn)擊,所以設(shè)計(jì)師可以使用以下方法:第一,要適當(dāng)?shù)卦O(shè)計(jì)出較大的字體;第二,在鏈接的周圍,應(yīng)當(dāng)設(shè)計(jì)出較大面積的留白;第三,要為鏈接加上下劃線及背景顏色,以方便移動(dòng)設(shè)備用戶能更快地確認(rèn)他們點(diǎn)擊的鏈接內(nèi)容。
4 結(jié)語
通過對(duì)移動(dòng)互聯(lián)網(wǎng)的使用,人民群眾的工作和生活變得更加豐富多彩、方便快捷。移動(dòng)互聯(lián)網(wǎng)將成為一種嶄新的多功能平臺(tái),它包括媒體信息服務(wù)、社會(huì)公共服務(wù)、電子商務(wù)以及生活?yuàn)蕵返鹊?。網(wǎng)頁(yè)設(shè)計(jì)技術(shù)必須緊跟科學(xué)時(shí)代的發(fā)展不斷改革創(chuàng)新,為移動(dòng)互聯(lián)網(wǎng)服務(wù)。如今,移動(dòng)互聯(lián)網(wǎng)已成為大眾獲得信息和生活交流的一種重要方式,對(duì)移動(dòng)設(shè)備的網(wǎng)頁(yè)進(jìn)行科學(xué)設(shè)計(jì)是時(shí)代的要求。移動(dòng)通訊產(chǎn)品的網(wǎng)頁(yè)設(shè)計(jì)大大地提高了人民群眾的生活水平。
參考文獻(xiàn):
[1] 梅倩.移動(dòng)互聯(lián)網(wǎng)時(shí)代下的網(wǎng)頁(yè)設(shè)計(jì)[J].科技創(chuàng)新導(dǎo)報(bào),2010(4).
[2] 陸遠(yuǎn)蓉,李曉婷.與職業(yè)能力對(duì)接的高職計(jì)算機(jī)課程開發(fā)探索――以《移動(dòng)互聯(lián)網(wǎng)站設(shè)計(jì)》為例[J].九江職業(yè)技術(shù)學(xué)院學(xué)報(bào),2014(2).
[3] 陸遠(yuǎn)蓉,李曉婷.基于工作過程系統(tǒng)化的《移動(dòng)互聯(lián)網(wǎng)站設(shè)計(jì)》學(xué)習(xí)情境設(shè)計(jì)[J].當(dāng)代職業(yè)教育,2014(6).
[4] 楊穎.高職“網(wǎng)頁(yè)設(shè)計(jì)與制作”課程教學(xué)改革探索[J].職教通訊,2015(18).
[5] 周勝安,王圓.移動(dòng)互聯(lián)網(wǎng)下的電子商務(wù)專業(yè)課程體系構(gòu)建[J].中國(guó)信息技術(shù)教育,2014(19).
[6] 李歡.基于移動(dòng)互聯(lián)的IM交互設(shè)計(jì)研究[D].北京交通大學(xué),2013.
[7] 于淼.淺析網(wǎng)頁(yè)設(shè)計(jì)的發(fā)展趨勢(shì)[J].中國(guó)科技博覽,2011(14).