前言:尋找寫作靈感?中文期刊網用心挑選的交互設計在網頁設計課程中的作用,希望能為您的閱讀和創作帶來靈感,歡迎大家閱讀并分享。
摘要:現在互聯網的發展沖擊著人們生活的個個角落,近幾年我國也在大力倡導“互聯網+”的思維方式,在此背景下作為高等藝術院校的專業課程《網頁設計》課程就顯得尤為重要.由于時代及技術的更新,現在互聯網也從非移動端轉向為移動端,網絡信息傳遞操作模式也從早期的B2B轉向了C2O,人們從早期的互聯網信息的直接索取,到現在的與互聯網信息平臺的交互,互聯網思維已經發生了翻天覆地的變化.而作為研究互聯網平臺與用戶體驗之間關系的交互設計,應該是作為《網頁設計》課程中的重要一部分.本論文就是從教學對象、教學目標、教學方法等角度論證如今交互設計在《網頁設計》課程中的重要作用.
關鍵詞:網頁設計課程;交互設計;移動端互聯網平臺
隨著“互聯網+”的思想提出,互聯網的發展、計算機技術、多媒體技術的有著更加迅猛的發展,人們對于網站有著越來越強的認識,人們也越來越依賴于互聯網世界,那么社會對于網頁設計的人才也有著越來越多的需求.因此高校教育過程中加強網頁設計的課程教學,對于網頁設計的人才培養具有十分重要的意義.在高等藝術院校中,《網頁設計》的課程設計中,我們對于培養目的有著明確定位,主要是為社會輸送合格的網頁設計人才.網頁設計課程的教學目標是使學生掌握網站的構建以及網頁的頁面設計,熟練應用DREAMWAVE、PHOTSHOP等軟件完成網站的開發與設計.而本人在藝術學院里從事多年的專業教學工作,主要教授方向是視覺傳達專業的網頁設計課程,面對的授課對象為視覺傳達專業大二、大三的學生.所以本文所闡述有關課程的觀點主要是針對這部分人群.而隨著互聯網對于我們生活的逐步影響,無論是針對移動端還是非移動端的互聯網,人們對于互聯網界面的功能及視覺的質量要求也越來越高.現在移動端互聯網在大力發展,特別是“互聯網+”思想的提出,結合云計算、大數據、物聯網等融合.人與界面之間的互動性、人與界面的交互體驗等都成為判斷好的網站的標準.所以,在《網頁設計》課程中應對交互設計這一部分內容有所體現.
1交互設計的概念
交互設計作為研究方向是源于20世紀60年代,是以人機交互的形式出現.主要研究的對象是人與界面之間的關系.當上個世紀80年代計算機應用技術的盛行,也使人們更加關注于人與計算機界面之間的關系.唐納德•諾曼更多地從心理學角度關注了交互設計的標準語匯.他提出,設計一個有效的界面,必須始于分析一個人想要做什么,而不是始于屏幕應該顯示什么的一個隱喻或者一種觀念[1].那么,交互設計實質上就是直接把人類的行為作為設計對象.交互設計作為一門學科,發展自己的語匯是必不可少的.從人機交互的技術層面看,交互設計側重于人與計算機的交互方式如何用軟硬件技術來實現,那么交互過程是一個輸入和輸出的過程,人通過人機界面向計算機輸入指令,計算機經過處理后把輸出的結果呈現給用戶[2].人類行為作為交互性內涵的最基本層次,決定了交互性的本質是人的動作,這種動作行為包含人和人之間的、人和交互物之間的互動.[3]目前,互聯網是處于一個快速發展時期,互聯網也將不同的專業領域融合在一起,就網頁設計來說已經不僅僅是頁面中的色彩、文字、排版、鏈接等元素組合而成的.而是要將設計心理、設計方法、交互設計等不同的領域相互融會貫通.特別是現在,從人與互聯網客戶端的偶爾關聯,到如今人與互聯網移動客戶端的時時關注,人與界面之間的行為關系已經成為一種非常重要的行為關系.所以我們在研究并學習網頁設計的時候應該加強對這方面的認識.
2《網頁設計》課程的介紹
本文《網頁設計》課程主要指高等藝術院校內的專業課程.那么《網頁設計》課程是一門以網絡為媒介的,結合平面設計、版面設計、動畫設計、交互設計等多方面基本要素的藝術學院專業課程.《網頁設計》課程培養目標是為了培養學生的能夠適合互聯網的發展和多媒體技術的迅猛發展,通過網站的站點平臺設計出優秀的網頁頁面,從而能夠傳遞出正確的設計意圖.但現在對于從互聯網端到移動互聯網端革命性的發展,《網頁設計》課程應對技術的發展、社會的發展有所調整.我們對于《網頁設計》課程的安排主要從教學策略、教學目標、以及考核標準等幾個方面考慮.首先,教學策略主要就是指對于教學目標以及整個教學過程中的程序、方法、形式和媒介等因素的總體性的考慮.也就是說在整個教學過程中考慮到學生的情況、考慮到教學硬件環境,從而采用最適合的教學手段以及方法.在高等院校中的《網頁設計》課程,所面對的是大二、大三的學生有一定的專業基礎,完全被動式的教學方式是不適合的.我們要采用的是主動教學與被動教學相結合的方式.網頁設計課程的知識體系相對來講比較復雜,在教學過程中需幫助學生建立有效的知識框架,然后用引導的方式使學生能夠通過自主學習達成學習目標.同時,也可以很好地培養學生的個人的想象力和創造力.再者,我們需要建立相應的教學目標,而作為網頁設計課程的教學目標就是培養學生成為具有較高的思想理論素養和藝術類網頁設計創作研究能力的高素質藝術設計人才.通過啟迪學生的審美意識,提高學生敏銳的觀察力與感受力、延伸和發展學生的設計創作個性;通過培養學生的想象能力,激發學生的設計靈感.圍繞基本目標,以勇于探索,不斷創新的精神.最后,針對網頁設計課程我們需要建立相應的考核標準,即:通過本門課程的學習與制作,使學生在網頁設計領域具備自學鉆研能力,能夠運用制作網頁,獨立完成靜態網頁藝術設計作品.該作品要達到:(1)整體設計風格統一、主題突出,頁面效果具有較強的視覺沖擊力,整個設計具有親和力.(2)網頁功能明確,欄目設計合理.(3)層次清晰,網站結構明確.
3交互設計在網頁設計課程中的作用與課程設置
作為藝術設計相關專業的一門主干專業必修課,網頁設計課程一般的總學時為64學時.一門課程的課程設置包括這門課的內容設置和課堂環節設置兩個方面.作為高校藝術學院的專業課程,在課程環節設置中首先要考慮課程目的以及培養對象特征.本課程作為高等院校藝術學院的專業課程,其課程目的是以培養學生網站建立與欣賞的基礎上能與現有的就業市場需求之間解決供求問題.所以本課程應時刻與市場的變化保持緊密聯系,在內容設置方面更應隨著外部環境的變化而變化,與社會、科技的發展保持一致.作為高等院校的藝術專業所教授的網頁設計課程,主要是以創意、構思、構成元素、版面設計、色彩取向、設計風格等統一表現在一起的頁面設計.主要培養對于網頁的視覺界面設計,突出網頁的審美性能以及頁面信息傳遞的準確性.我們對這類網頁類型稱之為“靜態網頁”.“靜態網頁”,就是在網站設計中,純粹HTML格式的網頁,那么早期的網站也主要是以靜態網頁制作為主的.靜態網頁相對于動態網頁而言,是沒有后臺數據庫、不含程序和不可交互的網頁.一般看來,是編寫什么頁面就顯示什么頁面,不會有改變.通常的這種“靜態網頁”著重點是信息的傳遞,和頁面的視覺表現.但由于互聯網視覺的發展,人們在瀏覽無論移動端網頁還是非移動端網頁,更趨于對于頁面的交互感、以及頁面的用戶體驗對之的反饋.所以我們在教學內容上也要體現其發展的特點,我們在制定教學內容時要精密的和市場的變化相結合,以市場指導教學內容的更新,并能夠使教學促進市場發展.作為藝術學院的專業課程《網頁設計》課程的內容設置主要為:(1)網頁的基本概念.(2)網頁視覺元素分析(網頁色彩分析、網頁文本分析、網頁布局分析、網頁對媒體元素分析).(3)站點制作概述.(4)網頁頁面制作.(5)實踐指導.網頁的基本概念教學環節主要通過基本概念的講述,讓學生能理解網頁及網站之間的聯系與區別,并通過大量市場上已有的網站的案例,讓學生能全面理解網頁、網站、市場、人類需要等整體大框架.在網頁視覺元素分析教學環節,主要是通過對色彩、文本、布局、多媒體這四種元素分別講述,讓學生能夠從視覺語言的角度來理解網頁頁面的視覺信息傳達.在站點制作概述教學環節,主要通過“WWW”萬維網的基本概念來讓學生理解互聯網工作的基本原理,并通過實例演示講述站點的建立.網頁頁面制作教學環節,主要的內容為(1)HTML語言的講解.(2)PHOTOSHOP前期效果處理的講解.(3)DREAMWEAVER頁面建立軟件的講解等組成本章節內容.實踐環節教學內容主要通過一個課題,來引導學生建立一組靜態頁面,通過實踐環節教學內容使學生能更好地、更完整地理解網頁設計這門課.《網頁設計》課程的教學任務是為了實現教學目標而設定的,我們在制定教學任務時,是需要根據教學對象的學習能力及特征來確定范圍和深度的.筆者對于教學任務采取了層次設計的方式,可以使不同的教學對象根據自身能力來接受相應的學習內容,從而達到最終的教學目標.教學任務(1):具有一定的網站鑒賞能力以及網頁頁面的鑒賞能力.教學任務(2):掌握網頁頁面設計的基本要素:文字、圖像、表格等并能利用PS軟件做出頁面草圖.教學任務(3):了解基本的HTML語言,并熟悉HTML頁面.教學任務(4):能夠建立站點,并完成10個頁面的超級鏈接,能夠建立網站的樹狀模型圖.教學任務(5):利用DIV+CSS,構建頁面框架,豐富頁面內容.教學任務(6):根據不同主題網站的要求,獨立完成企業網站設計制作.這樣的課程內容設置是比較成熟的,相比較而言也是完整的.但作為高等院校的專業課程,應該是緊隨時代及市場的發展.網頁設計課程亦是如此.互聯網事業的發展在短短幾十年間從未停止變革的腳步.近幾年互聯網事業的發展從非移動端到如今移動端互聯網的如火如荼,交互設計的出現更是為現在的網站建立和App建立添加了人機之間的互動性.也可以說交互設計是現如今互聯網事業中不可缺失的一部分,交互設計也影響著互聯網的發展.而網頁設計課程對于交互設計這部分內容的融入,在一些高等藝術院校中的網頁設計課程有體現,但并不充分,而有些院校的網頁設計課程中完全沒有體現交互設計,也有些院校是將交互設計作為一門單獨的課程,這樣并不能很好地與網頁設計課程做銜接.筆者認為現在對于網頁設計課程的課程設計中應把交互設計納入網頁設計課程中作為課程中一個章節,并通過相應的教學設計及教學手段分別從概念、案例、內容、實踐等方面在網頁設計的課程中系統的、完整的體現.
參考文獻:
〔1〕黃奮鳴.新媒體與西方數碼藝術理論[M].上海:學林出版社,2009.
〔2〕黃本亮.交互設計的語義層面[J].包裝工程,2013(01):38.
〔3〕王峰.數字化城市公共藝術交互性內涵研究[J].包裝工程,2010,31(24):124.
作者:花晶 單位:安徽工程大學