首頁 > 文章中心 > 正文

      網站設計的實訓教學研究

      前言:本站為你精心整理了網站設計的實訓教學研究范文,希望能為你的創作提供參考價值,我們的客服老師可以幫助你提供個性化的參考范文,歡迎咨詢。

      網站設計的實訓教學研究

      實訓教學的對象主要針對完成網站設計基礎課程,即掌握了pho-toshop基礎,對網頁布局基礎、div+css布局較熟練的學生,其重點是創作思路和設計表達上的培養,課程分為四個階段進行(教學周18周,周課時10節):

      第一階段:模塊化設計(4周)此階段采用案例教學法與討論法相結合,從網頁組成細節元素著手,使大家掌握網頁元素如按鈕,導航條,欄目模塊的特點和特效表達。以按鈕教學為例,準備一組優劣對比的按鈕,首先讓學生談談2個素材帶來的情感感受,引導學生分析作品的優劣勢,提高審美感;其次讓學生分析元素構成,高光陰影的配合等,提高技能。最后教師演示按鈕的實現步驟,并要求學生根據步驟完成練習。為了便于學生課后復習,輔以課堂錄像方式,將案例實現的整個過程展現給學生,對學生提交作品采用互評和點評的方式,集體演示作品存在的共性問題,幫助學生不斷提高。該階段主要讓學生了解細節對于整體的重要性,養成精雕細琢的設計習慣,培養自我耐性,提高審美能力,能正確的分析自己作品優劣不斷修改加以提高。

      第二階段:banner設計(6周)一個網站的好壞,很大程度上由banner決定。從人的視覺流程來說,打開一個網站,用戶第一眼看到的是最為顯眼的網站banner區域,此區域是否有沖擊力,直接影響用戶對網站的好壞的判斷。網頁設計的審美需求是對平面視覺傳達設計美學的一種繼承和延伸。兩者的表現形式和目的都有一定的相似性,把傳統平面設計中美的形式同現代網頁設計的具體問題相結合,運用平面設計中美的基本形式到網頁中去,增加網頁設計的美感和大眾的視覺審美需求,因此分配6周的時間用于banner設計教學。本階段教學目的是為了強化學生對banner的理解以及進一步培養審美感,提高banner中文字,背景,產品,素材等各元素的表達能力。前文提到,典型網站設計的含義就是遵從各行業網站所需表達的內容,因此在實訓教學過程中,將常見的典型網站分為金融篇、網絡篇、消費品篇、公益篇、服裝篇、淘寶店鋪篇、電子產品篇、化妝品篇、游戲篇等,針對每個篇章都以真實商業項目為案例,精心設計2-3個banner。Banner設計階段主要針對色調的掌控、明暗對比、背景的處理、素材的選擇、文字的選用、變形、排版等方面。此階段也可能遇到這樣的問題:通過老師的引導分析能夠完成一個案例,但表達出來的banner往往很平淡。針對這個特點,在分析,演示、練習、評價和作業互評的基礎上,更加注重對處理技巧的講解與輔導,同時輔以大量練習,使學生在牢固技術基礎的前提下,達到量變到質變,從模仿到創作的蛻變。通過這一階段的訓練,學生對一個題材的表達會得到提高,知道從哪些方面著手分析,加入哪些元素,適合什么主色調,素材如何選擇,字體如何搭配。通過多看,多想,多練的磨練,即多看:多欣賞一些好的作品;多想:思考人家的表達方式,配色模式、文字處理方式;多練:就是進行大量的練習,從而達到美工到設計師的轉變。

      第三階段:整體頁面設計(6周)為了增強頁面的可閱讀性,合理性,恰當地運用與搭配頁面各要素間的色彩,在完成了前2個階段的強化訓練后,進入整體頁面設計培訓階段。該階段加強了整體排版的設計,在課程設計上,首先根據不同的行業需求進行頁面規劃,傳授整體型,流式排版,左中右排版,特殊型排版,綜合型排版等不同排版形式表達的重點,讓學生站在用戶的角度考慮,了解作為用戶最喜歡、最關注的欄目,給用戶有價值的信息,完成重點、次重點的劃分,并從網站的統一性,一致性著手,完成二、三級頁面的設計。最后用div+Css排版,并控制頁面大小30k左右,保證瀏覽速度,從而完成一個完整的網站。通過這階段完成6-8個整站設計,構思、素材選擇、整體設計、子頁設計、綜合排版、整站布局各個流程全程參與,達到獨自設計完成的實訓目的。

      第四階段:自主命題設計(2周)進入項目準備、答辯階段,在這2周,學生充分發揮自己的想法,設計一個主題網站,不少于5個頁面,并實現html。最后進行全班演示答辯。通過這一階段的強化練習,提高學生設計能力,鍛煉學生的表達闡述、隨機應變能力。網頁設計是一門新興的設計和網絡的交叉學科也是一個感性的學科,更注重動手能力,創新能力的培養。一個成功的網頁設計,不單單是美工設計那么簡單,它包括了心理學,生理學,平面構成,色彩構成等多方向的知識,觀念上要確立獨立的思維方式,要有效地將設計元素引入網頁設計之中,只有了解并可以很好的運用這些知識,我們設計出的網站才能增加人們瀏覽網頁的興趣,才能更好的為受眾服務。所以除了技能,學生的創新能力和情感表達能力是非常重要的,只有這樣我們才能幫助學生成為一個真正的設計師,才能培養出真正的能適應崗位的綜合型人才。

      作者:張曉穎單位:重慶正大軟件職業技術學院

      亚洲午夜无码毛片av久久京东热| 国产婷婷综合丁香亚洲欧洲| 亚洲6080yy久久无码产自国产| 亚洲jjzzjjzz在线观看| 亚洲成aⅴ人片在线观| 亚洲手机中文字幕| 亚洲一级毛片在线观| 亚洲人成网男女大片在线播放| 亚洲不卡1卡2卡三卡2021麻豆| 亚洲avav天堂av在线网爱情| 亚洲一区二区三区久久| 亚洲欧洲日本在线观看| 亚洲一区欧洲一区| 亚洲人成人伊人成综合网无码 | 亚洲精品动漫免费二区| 亚洲成av人片天堂网无码】| 亚洲高清国产拍精品熟女| 亚洲av色香蕉一区二区三区| 国产精品久久久久久亚洲小说| 亚洲精品一级无码鲁丝片| 国内精品99亚洲免费高清| 国产成人A人亚洲精品无码| 久久91亚洲精品中文字幕| 久久久久亚洲Av无码专| 亚洲乱码卡三乱码新区| 亚洲精品无码不卡在线播放| 色偷偷尼玛图亚洲综合| 亚洲精品无码av天堂| 亚洲熟妇av一区二区三区| 亚洲av无码潮喷在线观看| 4480yy私人影院亚洲| 亚洲人配人种jizz| 国产精品久久久久久亚洲小说| 久久久久亚洲AV综合波多野结衣 | 亚洲色大成网站www永久男同| 国产青草亚洲香蕉精品久久| 国产亚洲精品不卡在线| 亚洲AV中文无码乱人伦下载| 亚洲色欲www综合网| 中文字幕亚洲综合久久综合 | 色天使色婷婷在线影院亚洲|