欧美日韩亚洲一区二区精品_亚洲无码a∨在线视频_国产成人自产拍免费视频_日本a在线免费观看_亚洲国产综合专区在线电影_丰满熟妇人妻无码区_免费无码又爽又刺激又高潮的视频_亚洲一区区
公務員期刊網(wǎng) 精選范文 網(wǎng)頁設計特點分析范文

網(wǎng)頁設計特點分析精選(九篇)

前言:一篇好文章的誕生,需要你不斷地搜集資料、整理思路,本站小編為你收集了豐富的網(wǎng)頁設計特點分析主題范文,僅供參考,歡迎閱讀并收藏。

網(wǎng)頁設計特點分析

第1篇:網(wǎng)頁設計特點分析范文

文章從網(wǎng)頁設計創(chuàng)意思維和創(chuàng)意方法的角度出發(fā),簡單解析了網(wǎng)頁設計創(chuàng)意的內(nèi)涵,突出了網(wǎng)頁設計創(chuàng)意對于網(wǎng)站建設存在性的重要意義。希望通過文章的分析,能夠?qū)ο嚓P工作提供參考。

關鍵詞:

網(wǎng)頁設計;設計創(chuàng)意;研究分析

當前時代是一個互聯(lián)網(wǎng)+爆發(fā)的時代,學習、生活、工作的方方面面都離不開互聯(lián)網(wǎng)。用戶、計算機、瀏覽器、應用軟件、網(wǎng)絡、服務器、程序員已經(jīng)從過去人們并不熟知的專業(yè)詞匯成為了家喻戶曉的名詞,而這種用戶與程序員之間的“交流溝通”,也成為這個時代最頻繁而又最不為人知的對話。在如此“繁華”的時代,網(wǎng)絡作為這條溝通長廊的關鍵紐帶,扮演著中間信息傳遞的媒介角色,至關重要。而網(wǎng)頁又作為這一紐帶中與用戶交互的第一窗口,它的設計顯得尤為重要。一個好的網(wǎng)站,其網(wǎng)頁的設計自然不會松怠。一個獨特的網(wǎng)頁設計創(chuàng)意,就像一個獨特的商業(yè)模式能造就一個商業(yè)奇跡一樣,能讓一個網(wǎng)站獲取更多的用戶訪問量,這時網(wǎng)頁不僅僅是信息傳遞的媒介,已然成為新時代的一種新的營銷手段。因而,如何在數(shù)以億計的網(wǎng)頁中脫引而出,表達出網(wǎng)站中心意旨的同時吸引更多的目標用戶,自然將網(wǎng)頁設計創(chuàng)意的探索推向前沿。

1網(wǎng)頁設計創(chuàng)意思維

創(chuàng)———創(chuàng)新、創(chuàng)造,意———意識、思想,創(chuàng)意的字面意思即創(chuàng)新的思想。創(chuàng)意是對現(xiàn)存實物的理解及認知的基礎上衍生出的一種新的抽象思維和行為潛能。創(chuàng)意思維是以新穎獨特的思維活動揭示客觀事物本質(zhì)及內(nèi)在聯(lián)系并指引人去獲得對問題的新的解釋,從而產(chǎn)生前所未有的思維成果。網(wǎng)頁設計創(chuàng)意思維有以下幾個原則:(1)審美原則。好的創(chuàng)意必須具有審美性,沒有好的審美感受,就不會產(chǎn)生好的效果,這就要求我們設計的內(nèi)容積極向上、生動形象、健康美好,符合大眾群體的審美評判。(2)目標原則。創(chuàng)意的目的是更好的反映主題、表現(xiàn)主題,而不是獨立成為某個藝術表現(xiàn)形式,脫離創(chuàng)意的目標性。(3)系列原則。創(chuàng)意的系列原則是指創(chuàng)意不是憑空創(chuàng)造的,它具有一定的系列性,在某種基礎上演化發(fā)展,可能是連續(xù)的、漸變的、重復的等等,給人一種分散的統(tǒng)一性,寓多樣于統(tǒng)一之中。(4)簡介原則。創(chuàng)意不能過于浮夸,喧賓奪主,本末倒置;錯落有致,層次有序方是創(chuàng)意之道。

2網(wǎng)頁設計創(chuàng)意方法

好的網(wǎng)頁設計創(chuàng)意往往是在借鑒的基礎上,憑借設計者豐富的經(jīng)驗和知識,從而啟發(fā)出創(chuàng)造性的設計思路和方法。常見的網(wǎng)頁設計創(chuàng)意方法有:(1)聯(lián)想———通過豐富的想象,由A事物想到B事物,突破時間、空間、虛實等各方面的限制,以達到預期的效果。聯(lián)想手法的特點是源于人潛意識的本能以及認知和經(jīng)驗的積累,是一種最常用的藝術形式表現(xiàn)手法。(2)對比———通過對立沖突的表現(xiàn)手法,將網(wǎng)頁整體部分中需要突出顯示的部分不和諧化,以達到預期的效果。對比手法的特點是利用差別借彼顯此地突出不同性質(zhì)和特點,這種手法會給人鮮明地強調(diào)感和視覺沖擊感。(3)夸張———通過虛構(gòu)夸大的表現(xiàn)手法,將對象的特點和個性賦予新奇變化,以達到預期的效果??鋸埵址ǖ奶攸c是虛構(gòu)、夸大、變化?。?)趣味幽默———通過喜劇特效的表現(xiàn)手法,巧妙安排,營造充滿情趣乃至引人發(fā)笑、耐人尋味的幽默意境,以達到預期的效果。趣味幽默的特點是喜劇性、幽默性,是一種特有的藝術感染力作用手法。(5)比喻———通過相似點以物喻物的表現(xiàn)手法,“借題發(fā)揮”、“婉轉(zhuǎn)曲達”。比喻手法的特點是比較含蓄,伏筆有時不會被一眼看穿,但心領神會后往往產(chǎn)生意猶未盡的效果。(6)懸念設置———通過“故弄玄虛”的表現(xiàn)手法,營造猜疑緊張的心里狀態(tài),驅(qū)動瀏覽者的好奇心,已達到預期的效果。懸念設置的特點是藝術層階較高,有引人入勝的效果。當然,以上方法合理的綜合使用,同樣能夠設計出創(chuàng)造性的新成果。此外,除了以上一些常見的方法,網(wǎng)頁設計創(chuàng)意的方法還有很多。

3結(jié)束語

一個網(wǎng)站的成敗,很大程度上取決于是否有一個好的網(wǎng)頁設計創(chuàng)意。好的創(chuàng)意能巧妙、恰如其分地表現(xiàn)主題,渲染氣氛,引起瀏覽者的共鳴,使人過目不忘??梢哉f,好的網(wǎng)頁設計創(chuàng)意是網(wǎng)站生存的關鍵。當然,服務于網(wǎng)站用途的網(wǎng)頁設計創(chuàng)意最終的任務還是為了表現(xiàn)主題,創(chuàng)意階段的一切思考,都是圍繞著主題進行的。一個網(wǎng)站如果想在千軍萬馬中突出重圍,網(wǎng)頁設計上必須下足功夫,有著獨特的創(chuàng)意方能突出個性,在混戰(zhàn)中搶得先機,為利于不敗之地創(chuàng)造前提。

參考文獻

[1]吳偉敏.網(wǎng)站設計與Web應用開發(fā)技術[M].清華大學出版社,2015.

[2]王暉.網(wǎng)頁設計那些事兒[M].人民郵電出版社,2015.

[3]PatrickMcNeil.網(wǎng)頁設計創(chuàng)意書[M].圖靈編輯部譯.人民郵電出版社,2010.

[4]鐘垂貴.網(wǎng)頁創(chuàng)意設計[M].中國海洋大學出版社,2015.

第2篇:網(wǎng)頁設計特點分析范文

【關鍵詞】計算機;網(wǎng)頁設計;布局;特點

隨著現(xiàn)代化科技的發(fā)展,計算機已經(jīng)成為人們生活中的重要組成部分,網(wǎng)頁瀏覽的形式已經(jīng)代替以往書籍瀏覽的形式,也正因為如此網(wǎng)頁的設計與布局尤為重要。科學合理的網(wǎng)頁設計布局不但能夠帶給人們美感,并且還能使人們在瀏覽的過程中內(nèi)心放松。計算機網(wǎng)頁設計的概念主要包括網(wǎng)頁設計布局的整體造型以及網(wǎng)頁設計布局頁面的尺寸。頁面設計的整體造型指的就是網(wǎng)頁設計中的布局形狀,其中最常見的形狀有三角形、圓形等,也有部分計算機網(wǎng)頁設計采用綜合體的形狀,在頁面的選擇上,大多是根據(jù)網(wǎng)站自身的特點來選擇的。計算機網(wǎng)頁設計的尺寸也較為多樣化,在計算機使用過程中,常常由于客觀影響造成屏幕的分辨率以及尺寸的影響,但由于是客觀因素無法改變,在瀏覽器自帶的功能上,對于瀏覽過程中網(wǎng)頁的增大與減小都能夠借助瀏覽器工具欄中的相應功能解決。計算機網(wǎng)頁設計中的布局與計算機的發(fā)展有著直接的聯(lián)系,并且影響網(wǎng)站的瀏覽量,目前最為常見的布局分為同字型布局、標題正文型布局、綜合框架型布局、封面型布局以及Flash型布局等五種形式。這五種布局形式都能夠最大程度的提高網(wǎng)頁的美感,并且在現(xiàn)代網(wǎng)頁布局中被廣泛運用,以下便是對五種布局類型的詳細分析。

1.同字型布局

同字型布局主要針對網(wǎng)頁布局的內(nèi)容,這種布局其內(nèi)的填充范圍較廣、填充的數(shù)量也較大。在網(wǎng)頁設計布局中,大多都是在網(wǎng)頁的標題欄進行網(wǎng)站主體的填充,有的是填充廣告,也有少數(shù)網(wǎng)頁設計布局中填充的形式是小標題。在頁面的兩側(cè)分別布置內(nèi)容,其中網(wǎng)站的信息與動態(tài)或是服務人員以及相應的廣告等,在以往網(wǎng)頁設計布局中這部分并沒有受到重視,因此也是相對具有價值的部分。同字型布局網(wǎng)頁主要都是從中央位置布置,根據(jù)網(wǎng)頁內(nèi)容的重點由上到下布局,或是根據(jù)網(wǎng)頁自身的特點以及相應的顏色進行布局,也有部分網(wǎng)頁是根據(jù)其中的細節(jié)進行布局的。在網(wǎng)頁的下端并不會進行內(nèi)容的布局,就目前網(wǎng)頁來看下端也只是網(wǎng)頁的信息以及登錄方式等。

2.標題正文型布局

標題正文型布局與同字型布局不同的是標題正文型布局并沒有兩端的布局,其它布局類型相似。在頁面上端的布局中大多都是網(wǎng)頁的標題,其中也有廣告,頁面的中端是網(wǎng)頁的主要內(nèi)容以及和重點內(nèi)容,其中中端內(nèi)容中包含同字型布局兩端布局的內(nèi)容,例如,在正標題下方是對網(wǎng)站的簡訊,之后便是相應的附加咨詢,最為常見的就是天氣信息以及網(wǎng)站的注冊信息等,在下方便是網(wǎng)站的主要內(nèi)容也就是正文,在正文的布局上,其結(jié)構(gòu)都是簡單明了的。

3.綜合框架型布局

綜合框架型布局與其它布局相比形式較為復雜,主要采用框架的形式來進行網(wǎng)頁的布局,分別在上端、兩端以及下端,網(wǎng)站的主要內(nèi)容都是在框架中進行布局的。這種布局形式與其他布局形式相比更具有輪廓性,能夠?qū)⑵渌季种械膬?nèi)容類型充分地體現(xiàn)出來。

4.封面型布局

封面類型布局便是字面上的意思,按照書本頁面的形式進行布局,在封面型布局中大多采用的是圖片,其中圖片篇幅較大。一般在不同種類網(wǎng)站的主頁上大多采用封面型布局,在布局的周圍相應的分布著較小以及較為簡單的信息,此種信息所采用的形式都是超鏈接的形式,例如,最為常見的QQ空間,其主頁便采用封面型布局的形式,采用此種布局的主要目的就是能夠凸顯網(wǎng)頁自身的特點,能夠吸引使用者的目光的同時,對其功能更加一目了然方便操作。

5.Flash型布局

第3篇:網(wǎng)頁設計特點分析范文

關鍵詞:平面設計;網(wǎng)頁設計;課程教學;改革

隨著“互聯(lián)網(wǎng)+”國家策略的大力推進,我國社會發(fā)展急需大量優(yōu)秀的互聯(lián)網(wǎng)人才,而網(wǎng)頁設計人才是互聯(lián)網(wǎng)人才的重要組成部分。為了配合國家戰(zhàn)略實施,目前國內(nèi)各大高校紛紛把網(wǎng)頁設計設置為平面設計專業(yè)高年級學生的必修課程。然而,隨著近年來平面設計高等教育的不斷擴招,以往的課程體系和教學方法已無法滿足當代和未來社會對網(wǎng)頁設計人才的要求,而忽視市場需求的人才培養(yǎng)模式也會使人才培養(yǎng)與市場需求間的距離越來越大。所以,對平面設計專業(yè)網(wǎng)頁設計課程教學的探討十分重要。

一、教學現(xiàn)狀分析

平面設計教育在我國起步雖晚,但發(fā)展迅速,其人才培養(yǎng)方法備受各方關注。網(wǎng)頁設計是一種新興的數(shù)字藝術,它的創(chuàng)意取決于企業(yè)的文化屬性和互聯(lián)網(wǎng)的特色,它是一種附屬于互聯(lián)網(wǎng)、融合藝術與技術的新型設計形式,它的界面設計從平面設計入手,內(nèi)涵卻遠遠超出了平面設計概念,既要注重界面中的平面構(gòu)成元素,又要考慮用戶體驗,還要注重各頁面鏈接的空間關系和視覺協(xié)調(diào)性,從而成為具有互聯(lián)網(wǎng)特征、綜合性的平面設計。目前,國內(nèi)各大本科院校多依據(jù)所屬專業(yè)確定網(wǎng)頁設計課程的教學側(cè)重點。計算機類的側(cè)重代碼編程,注重培養(yǎng)網(wǎng)站后臺人才;藝術類的側(cè)重界面規(guī)劃和美化,致力于培養(yǎng)網(wǎng)站前臺、網(wǎng)頁美工。但各專業(yè)在網(wǎng)頁設計課程教學上主要存在以下兩種現(xiàn)象:一是“輕維護、重美觀”,培養(yǎng)出的學生多注重靜態(tài)頁面的藝術性,不在乎是否有利于后臺維護;另一種是“輕線下、重線上”,部分學生往往只在意屏幕的視覺效果,對線下互聯(lián)網(wǎng)用戶的需求了解不夠。這導致他們設計的網(wǎng)頁界面看起來很漂亮,鏈接也很流暢,但實用性不強,更不利于線下產(chǎn)品的開發(fā)。因此,對平面設計專業(yè)網(wǎng)頁設計課程教學進行改革勢在必行。

二、教學內(nèi)容的調(diào)整

對于平面設計專業(yè)網(wǎng)頁設計課程教學中出現(xiàn)的問題,首先要從教學內(nèi)容上進行調(diào)整。新的教學內(nèi)容調(diào)整為藝術理論課程和軟件實踐課程兩大模塊。

1.藝術理論課程模塊

藝術理論課程模塊的知識點分為三部分:網(wǎng)頁設計的功能元素、網(wǎng)頁交互設計、網(wǎng)站品牌形象的美學塑造。網(wǎng)頁設計的功能元素是網(wǎng)頁界面設計的基礎元件,了解功能元素的特點、作用及各元素之間的相互關系,對網(wǎng)頁設計工作起著至關重要的作用。網(wǎng)頁設計的功能元素有背景與底紋、按鈕與控件、頁眉與頁腳、導航器和目錄、功能板塊和廣告位等,這些功能元素依靠文字、圖片、色彩、多媒體和超級鏈接實現(xiàn)。這些功能元素的形式語言設計遵循傳統(tǒng)平面設計的設計原則,又和傳統(tǒng)平面設計有很大不同。如,傳統(tǒng)平面設計多以印刷為最終呈現(xiàn)方式,作品尺寸是固定數(shù)值,而網(wǎng)頁設計是以用戶的顯示器為最終呈現(xiàn)載體,所以作品的寬度不宜超過顯示器寬度,高度可以任意,但只能顯示一屏的高度,隨著瀏覽者拖動滾動條,作品的顯示高度隨之變化。用于傳統(tǒng)平面設計中的色彩在輸出過程中是以印刷色CMYK形式出現(xiàn)的,而網(wǎng)頁設計中的顏色是RGB模式,是標準的光色。因此,教師在此部分教學中不但要傳授網(wǎng)頁設計各功能元素的作用與特點,還應該指出它們與傳統(tǒng)平面設計中相對應元素的異同,讓學生在區(qū)別中學習。交互設計是網(wǎng)頁設計最為重要的功能設計。交互設計源于工業(yè)設計的概念,原來的平面設計專業(yè)教學中沒有交互設計的內(nèi)容,為了更好地讓教學內(nèi)容與市場接軌,在調(diào)整后的教學內(nèi)容中新增了這一知識點。此部分教學內(nèi)容包括用戶體驗研究、層級結(jié)構(gòu)設計、流程設計等,通過模擬用戶上網(wǎng)實際操作進行分析,找出用戶的關注點,確定網(wǎng)站特色和欄目,將站點ID、欄目、實用工具、搜索引擎等交互設計元素和平面設計知識結(jié)合,將功能設計教學落到實處。品牌化建設是企業(yè)視覺形象設計的延續(xù)和拓展。和大多數(shù)線下公司一樣,優(yōu)秀的網(wǎng)站也需要塑造品牌形象。從企業(yè)文化和性質(zhì)入手,樹立準確而獨特的網(wǎng)站品牌形象,有利于企業(yè)在互聯(lián)網(wǎng)上從同類公司中凸顯出來,提高上網(wǎng)者對該企業(yè)網(wǎng)站的瀏覽興趣,增強上網(wǎng)者的瀏覽記憶,促進該企業(yè)的宣傳推廣。在藝術理論課程模塊教學內(nèi)容中應滲透品牌形象概念,將此概念應用到網(wǎng)頁設計的各個環(huán)節(jié)之中,無論是網(wǎng)頁LOGO、網(wǎng)頁色彩還是版式和導航等設計,都應該保持品牌形象的一致性。

2.軟件實踐課程模塊

軟件實踐課程模塊包含兩部分:“新網(wǎng)頁三劍客”和常用簡單代碼識別。Fireworks、Dreamweaver、Flash是傳統(tǒng)意義上的“網(wǎng)頁三劍客”,過去網(wǎng)頁設計的教學基本是對它們的學習。這雖然具有普遍性,但對不同專業(yè)學習的針對性不強。結(jié)合平面設計專業(yè)學生現(xiàn)有軟件掌握情況(Photoshop是平面設計專業(yè)學生必修基礎軟件,多數(shù)學生已掌握它的基本操作技巧),把此部分內(nèi)容調(diào)整為“新網(wǎng)頁三劍客(Photoshop+Dreamweaver+Flash)”的學習。簡單地說,就是根據(jù)界面規(guī)劃草圖,用Photoshop制作出精美的靜態(tài)界面效果圖,并在此基礎上再次利用Photoshop軟件進行切片、優(yōu)化和輸出Html文檔,用Dreamweaver進行版式美化處理和超級鏈接設計,最后用Flash做特效替換,最終做出具備跳轉(zhuǎn)鏈接功能的動態(tài)網(wǎng)頁設計效果圖。平面設計專業(yè)最終制作的網(wǎng)頁設計作品需要軟件工程師根據(jù)動態(tài)效果圖代碼編程上傳,這樣才能更好地在互聯(lián)網(wǎng)上呈現(xiàn)。為了更好地與后臺工程師溝通,把動態(tài)效果圖設計得更準確,網(wǎng)頁美工師需要了解一些常規(guī)編程代碼知識,但平面設計專業(yè)學生多是文科生,數(shù)學和英語的掌握水平普遍不高。對此,在代碼教學內(nèi)容上應選取一些常用的、簡單的代碼語言,并結(jié)合Dreamweaver的Html標簽和CSS規(guī)則的使用方法,利用框架,對現(xiàn)有模板進行優(yōu)化和美化,提高網(wǎng)頁設計動態(tài)效果圖的實用性。

三、以項目教學方法為載體,提高學生的實戰(zhàn)能力

為了提高學生的實戰(zhàn)能力,將社會項目、經(jīng)典案例引入課堂教學,并分層次逐級深入。

1.第一級:精選案例、分解任務階段

教師應該根據(jù)學生的特點和網(wǎng)頁設計所需掌握的相關知識點,精選典型實際案例,引入教學環(huán)節(jié)。分解項目到每一個知識點,邊教邊練,將實踐和理論有機結(jié)合,并逐一講解。教師選擇的案例要具有吸引力、綜合性,能涵蓋知識點,案例不需要多,兩三個即可。教師在講授案例時應強調(diào)學生的主體地位,對學生進行引導和解惑,遵循由淺入深、由易到難的原則,以具體分解任務作為驅(qū)動,進行教、學、練的課堂活動。此階段應激發(fā)學生自主學習的興趣,培養(yǎng)他們獨立自主分析、解決問題的能力和實踐能力。

2.第二級:項目分工合作階段

此階段將學生分成若干設計小組,幾個小組共同承擔一個項目,每組在項目中的任務各不相同,各小組分工協(xié)作,大家共同制訂項目計劃和實施方案,推舉大組長為項目總負責人,負責最終方案的定稿和項目材料的整理。在項目設計的整個環(huán)節(jié)中,每個小組擁有充分的自,大大地調(diào)動了學生的積極性。各小組成員共同面對隨時出現(xiàn)的問題,合作完成任務。這樣的交流過程使每名學生都能參與項目設計活動,提升自主學習能力。在這種交流中,所有學生的思維碰撞出火花,產(chǎn)生新的創(chuàng)意,大大提高了學生的創(chuàng)造激情和探索沖動,加強培養(yǎng)了他們的團隊協(xié)作能力,為他們以后步入社會打下了基礎。教師在這個階段應該全程監(jiān)控,引導學生自主解決問題,表揚優(yōu)點,發(fā)現(xiàn)不足,匯總各個組項目實施中的共性問題,對共性問題所涉及的理論知識與軟件操作集中補充講解。

3.第三級:對接社會、校企合作階段

平面設計專業(yè)網(wǎng)頁設計課程教學改革的最終目的是為社會輸出合格的互聯(lián)網(wǎng)網(wǎng)頁設計人才,更好地服務社會。對此,平面設計專業(yè)網(wǎng)頁設計課程教學對接社會、加強校企合作就顯得尤為必要和重要。學校應該根據(jù)自身特點選擇合適的企業(yè)建立教學實踐基地,聘請企業(yè)網(wǎng)頁設計骨干作為指導教師參與網(wǎng)頁設計課程實踐教學。學校也可以組織部分優(yōu)秀學生組建設計團隊,成立工作坊,工作坊可以按照企業(yè)模式管理、運營,承接校外的網(wǎng)頁設計項目。此階段教學培養(yǎng)學生的社會接軌能力,為學生對接社會提供條件,將企業(yè)文化和行業(yè)規(guī)范引入教學,實現(xiàn)校企無障礙對接,真正將理論教學與實踐教學有機結(jié)合在一起。在計算機信息技術飛速發(fā)展的環(huán)境下,平面設計專業(yè)網(wǎng)頁設計課程更要緊扣時代的脈搏,求實創(chuàng)新,不斷地更新和豐富教學內(nèi)容,結(jié)合市場發(fā)展趨勢創(chuàng)新教學方法,及時將最新案例和相關知識點引入課堂,最終培養(yǎng)出滿足“互聯(lián)網(wǎng)+”國家戰(zhàn)略實施需要、具有綜合素養(yǎng)的網(wǎng)頁設計高級應用人才。

參考文獻:

[1](美)賈森•貝爾德.完美網(wǎng)頁的視覺設計法則(第2版).石屹,譯.電子工業(yè)出版社,2011.

[2]范雙南,李希勇,萬宏輝.現(xiàn)代設計基礎——21世紀藝術設計專業(yè)規(guī)劃教材Dreamweaver網(wǎng)頁設計.北京工藝美術出版社,2009.

第4篇:網(wǎng)頁設計特點分析范文

一、課程目標

眾所周知,課程目標決定一門課程構(gòu)建和發(fā)展的最終導向,一方面可以為學生指明正確的課程學習方向,另一方面也為教師傳授正確的知識理念提供依據(jù),真正做到“教”和“學”的“有的放矢”。結(jié)合藝術設計專業(yè)學生的個性特點,注重網(wǎng)頁設計語言的學習,將藝術和技術有機的緊密結(jié)合。在課程目標制定的過程中,弱化一些在前期專業(yè)基礎課程中已經(jīng)學習過的相關知識(如PS圖像處理等),做好簡單的銜接,將重點放到藝術設計專業(yè)學生相對薄弱的知識點(如網(wǎng)頁設計語言等)。Dreamweaver是目前最好的網(wǎng)頁制作與設計軟件工具,作為可視網(wǎng)頁編輯工作的標準,它一直在代碼編輯和應用程序開發(fā)方面的功能比較強大。更重要的是它是所見即所得類型的網(wǎng)頁設計軟件,對藝術設計專業(yè)的學生來說,學習和應用的難易程度非常合適。同時,對于網(wǎng)頁設計素材的制作和處理,動畫素材可以選擇Flash,圖片素材可以選擇photoshop,這里強調(diào)并要求和Dreamweaver相匹配和適應。作為網(wǎng)頁設計的基礎理念,在制定《網(wǎng)頁設計》教學目標時,必須考慮將W3C標準相關的新理念、新做法等元素考慮進來,強調(diào)使用規(guī)范化語義標簽語言(X)HTML書寫頁面結(jié)構(gòu),并強調(diào)CSS樣式表的使用,同時遵循W3C標準,了解div+css和標準頁面的優(yōu)勢所在,使用“div+css”實現(xiàn)網(wǎng)頁結(jié)構(gòu)代碼與表現(xiàn)樣式相分離,以及對后面制作標準頁面所起到的促進作用等。

二、教學內(nèi)容

(一)在藝術設計專業(yè)的人才培養(yǎng)計劃中,網(wǎng)頁設計課程

一般安排在課程學習的中后時間段。就本課程而言,我建議教學內(nèi)容并時間安排如下:

1.Dreamweaver軟件的學習和應用為重點講解,講授和實踐為5+5個學時。Dreamweaver軟件的主要任務就是完成網(wǎng)頁設計的版面架構(gòu),教學中,主要講解本地站點的創(chuàng)建和頁面結(jié)構(gòu)搭建。在早期的網(wǎng)頁排版中一般使用網(wǎng)頁表格(table)及其嵌套的模式布局頁面,隨著技術更新和用戶需求,表格結(jié)構(gòu)已不適合現(xiàn)在時展的需要,即不適合手機及平板電腦的用戶瀏覽,呈現(xiàn)逐漸被淘汰的趨勢。現(xiàn)今網(wǎng)頁版面架構(gòu)大都采用div+css的方式設計,具有瀏覽速度快,適合在手機或平板電腦上瀏覽的優(yōu)勢。結(jié)構(gòu)和樣式的相分離,也便于日后的網(wǎng)頁改版的便利;

2.網(wǎng)頁編程基礎方面:HTML語言、CSS樣式、JavaScipt,講授和實踐7+7學時。非計算機專業(yè)的學生一般錯誤的認為使用Dreamweaver這樣所見即所得的工具學習網(wǎng)頁設計,不再需要學習太多的“語言”。其實不然,HTML是網(wǎng)頁的靈魂,它不像C語言那樣“生澀難懂”,相對藝術設計學生而言,完全有能力學會和掌握。CSS通俗講是控制網(wǎng)頁中內(nèi)容的顏色、字體大小、寬度背景等樣式,并由此來實現(xiàn)各種各樣網(wǎng)頁樣式的統(tǒng)稱,也是需要熟悉和掌握的。JavaScipt與C語言不同,它提供一定的面向?qū)ο竽芰Γ虼四K、名字空間、類、對象、封裝、函數(shù)等功能在JavaScipt中的實現(xiàn)方式是其教學的重頭戲,它們才是現(xiàn)代JavaScipt語言的精髓;

3.Flas,講授和實踐6+4學時。Flash主要制作二維動畫,體積小,便于使用,學習難度小,能夠滿足網(wǎng)頁設計的需要,如:網(wǎng)頁Banner條的設計、片頭動畫、課件等;

4.網(wǎng)站客戶端的表現(xiàn)原則、開發(fā)流程、面向客戶的網(wǎng)站設計,講授和實踐2+0學時;

5.photoshop為輔助2學時,藝術設計專業(yè)的學生已經(jīng)學習并掌握photoshop的使用方法。因此,減少這方面的講解,給其他新知識點留下更充裕的時間。

(二)結(jié)合網(wǎng)絡技術發(fā)展和用戶體驗要求,本課程教學還需注意下面要點:

1.面向用戶體驗的網(wǎng)頁設計:學生在學習和制作網(wǎng)頁時,總是以“自我”的感覺為主導,很少考慮并分析用戶需求,以為自己的設計有相當?shù)摹拔Α钡菍τ谠L問者來說,大多數(shù)的設計過于空洞、內(nèi)容繁冗,徒有漂亮的外觀。所以學生應該明確,網(wǎng)頁設計應該以“用戶”為中心,而不是展示、甚至炫耀網(wǎng)頁技術或技巧。因此,有必要引進面向用戶的網(wǎng)頁設計教學。

2.當前互聯(lián)網(wǎng)技術飛速發(fā)展,網(wǎng)絡資源共享已成趨勢,學生獲取知識的渠道已不僅僅滿足于課堂上教師的講解,包括每一步所要學習的知識點。充分利用網(wǎng)絡,包括豐富的教學資源和便利的搜索功能,面對現(xiàn)實中存在的問題,引導學生如何利用互聯(lián)網(wǎng)學習網(wǎng)頁設計方面的前沿知識,發(fā)現(xiàn)并解決。鼓勵學生使用博客、論壇,通過發(fā)現(xiàn)其中有趣的文章,得到解決問題的新方法和代碼片段。向?qū)W生介紹開源社區(qū),并鼓勵他們在線發(fā)表自己的代碼,使用社交媒體進行資源查找,并形成專業(yè)的社交媒體互動,更加專注于他們的代碼與工作,真正激發(fā)學生的學習興趣。

三、教學方法

《網(wǎng)頁設計》課程具有交叉學科性質(zhì),結(jié)合藝術設計專業(yè)學生的自身特點,在教學過程中,我運用任務驅(qū)動法、模塊教學法和項目教學法等多重手段,給學生明確的思路,引導學生多動腦,勤動手,發(fā)現(xiàn)問題,分析問題,解決問題。

(一)任務驅(qū)動法

任務驅(qū)動法,即通過創(chuàng)設問題情境來調(diào)動學生的學習興趣,進而啟發(fā)學生的求知欲。“興趣是最好的老師”,只有發(fā)現(xiàn)問題,才有任務和動力,教師利用專業(yè)知識,結(jié)合課堂所講章節(jié)內(nèi)容,分析并解決問題。只有這樣才能有利于培養(yǎng)學生獨立分析問題、解決問題的能力和創(chuàng)新能力。具體到《網(wǎng)頁設計》課程教學中,通過導入新課環(huán)節(jié),將所要講授的新知識隱含在一個或幾個任務之中,引導學生對所提出的任務進行分析討論,明確大體涉及所需知識,承前啟后,找出哪些是需要復習鞏固的知識,哪些是需要探索學習的新知識,在教師的指導下找出解決問題的方法,通過任務的完成實現(xiàn)對所學知識的構(gòu)建。

(二)模塊教學法

團隊合作、模塊運營是現(xiàn)代企業(yè)生存和發(fā)展之道,網(wǎng)頁設計公司亦是如此,很多網(wǎng)站界面都實行模塊化,每個部門負責完成自己的任務。為和現(xiàn)代網(wǎng)頁設計公司相適應,《網(wǎng)頁設計》課程嘗試實施有目標、有任務、有內(nèi)容的模塊教學法,將本課程教學內(nèi)容有意識地分化為幾個模塊,針對每一個模塊設定具體的教學目標、任務和要求,將課堂所講內(nèi)容和現(xiàn)實所需實踐有機結(jié)合。同時讓學生自由組合成一個個小團隊,團隊之間、團隊之內(nèi)分工協(xié)作,團隊合作,真正做到鍛煉學生綜合能力的教學和實踐。

(三)項目教學法

通過實施一個完整的“項目”而進行教學活動,其目的是在課堂教學中把理論與實踐有機的結(jié)合起來,充分發(fā)揮學生的創(chuàng)造潛能,提高學生解決實際問題的能力?!毒W(wǎng)頁設計》課程相對來說,有非常多的“項目”可供實施。一般是在知識體系講解完全后,給出一個具體的項目命題,如學生(或?qū)W校)個人(或創(chuàng)業(yè)小店)的網(wǎng)站、網(wǎng)絡上征稿的企業(yè)網(wǎng)站等,在實施這些“項目”過程中發(fā)現(xiàn)問題并且解決問題,一方面可以鍛煉學生的實踐能力,更重要的是及早讓學生有實戰(zhàn)意識,真正實現(xiàn)課堂教學和單位實習的“零距離”。

(四)雙師教學法

聘請工作在網(wǎng)頁設計一線,且具有豐富實踐經(jīng)驗的設計師作為兼職教員,加入到課程教學中來。兼職教員能制作最專業(yè)的網(wǎng)站,對本行業(yè)的最新趨勢有著完整的把控力,對網(wǎng)頁設計實際工作中有可能遇到的問題有著獨到的見解。他們可為學生開設講座、解惑答疑,結(jié)合全職教師對教學內(nèi)容和方法的深入研究,兩種教師互補,增強學生的學習體驗和興趣,提高教學質(zhì)量。

四、結(jié)語

第5篇:網(wǎng)頁設計特點分析范文

網(wǎng)站風格是網(wǎng)頁設計藝術創(chuàng)新的主要對象,網(wǎng)站風格是一個抽象的概念,指的是網(wǎng)頁形象能夠給訪問者帶來的感受,這種感受可以通過網(wǎng)頁中的內(nèi)容、文字、色彩等進行傳達,通過對網(wǎng)頁風格的感受,網(wǎng)頁本身所具有的性格和品位也會凸現(xiàn)出來。如果網(wǎng)頁沒有自身的風格,則網(wǎng)頁設計的過程會變成一個堆砌信息的過程

二、網(wǎng)頁設計藝術創(chuàng)新對設計者提出的要求

每一個優(yōu)秀的網(wǎng)頁都建立在創(chuàng)新的基礎之上,同時也傳達著網(wǎng)頁設計者本身的思想和精神,在網(wǎng)頁設計的藝術創(chuàng)新中,設計師是進行網(wǎng)頁設計工作的主體,而要實現(xiàn)網(wǎng)頁設計的藝術創(chuàng)新,網(wǎng)頁設計者要具有以下幾點認知和素質(zhì):一是肯定創(chuàng)新的價值。設計師要認識到藝術創(chuàng)新是讓自己設計的網(wǎng)頁實現(xiàn)無可替代的重要途徑,設計師只有具有創(chuàng)新的意識,才能在自己設計的網(wǎng)頁中留下自身思想的烙印;二是藝術創(chuàng)新要具有針對性。即網(wǎng)頁信息要明確地將中心意義傳達給網(wǎng)頁訪問者,讓訪問者認知網(wǎng)頁的創(chuàng)新點并通過網(wǎng)頁獲得不同的視覺體驗和心理體驗,這種針對性需要建立在對訪問群體進行分析的基礎上,即對“小眾”心理的迎合;三是網(wǎng)頁設計者要具有真誠善變的特點。藝術創(chuàng)新是一個改變傳統(tǒng)的過程,善變即推陳出新,其應當是一個優(yōu)秀的網(wǎng)頁設計者應當具有的重要素質(zhì),但是同時善變并不是胡亂設計,所以設計者也應當具有真誠的品質(zhì),因為單純的迎合以及虛假的創(chuàng)新都是沒有任何生命力的。

三、網(wǎng)頁設計中的藝術創(chuàng)新

(一)色彩藝術創(chuàng)新。色彩是網(wǎng)頁設計中的重要元素,不同色彩能夠喚起人們的不同感知,同時色彩也是網(wǎng)頁中最能夠給予訪問者視覺沖擊力的設計原色,所以在網(wǎng)頁藝術創(chuàng)新中,對色彩的運用作出創(chuàng)新是一個重要的突破口。色彩的創(chuàng)新可以有多種形式,其中色彩表現(xiàn)和選擇的自由化以及色彩簡約設計就是其中的兩種主要形式:一是色彩表現(xiàn)與選擇的自由化,網(wǎng)頁的個性可以通過自由地選擇色彩來實現(xiàn),而自由化的色彩表現(xiàn)能夠使網(wǎng)頁具有更加獨特的風格,色彩的選擇會受到訪問群體和時代的影響,但是設計者可以在色彩的選擇和使用中通過一些小的調(diào)整來表達自身的心理和情感使網(wǎng)頁具有個性化的特質(zhì);二是設計色彩奉行簡約。簡約化的色彩設計已經(jīng)逐漸成為了網(wǎng)頁設計中的主流,良好的簡約化色彩設計可以達到以少勝多,以簡勝繁的藝術效果,雖然簡約的色彩設計更容易突出網(wǎng)頁的主題,但是卻對網(wǎng)頁設計者的能力提出了更好的要求,即要求網(wǎng)頁設計者運用更少的設計元素來表達出更多的藝術內(nèi)涵。

第6篇:網(wǎng)頁設計特點分析范文

隨著4G網(wǎng)絡的成熟和智能手機的普及,網(wǎng)頁設計師不僅能制作普通網(wǎng)頁界面,更多是能設計藝術界面和交互界面的網(wǎng)頁,能適應多平臺等特點。根據(jù)我學院每年對企業(yè)調(diào)研,目前企業(yè)對網(wǎng)頁設計師的要求:(1)根據(jù)企業(yè)需求和定位能夠設計符合當下交互技術的流行網(wǎng)頁界面;(2)能夠制作靜態(tài)網(wǎng)頁和網(wǎng)頁前端javascript特效,較好配合后臺程序員進行網(wǎng)站開發(fā);(3)有較強的自學能力,是藝術與技術相結(jié)合的高素質(zhì)技術技能型人才。

2高職網(wǎng)頁設計課程的教學現(xiàn)狀

我院對福建省同類高職院校的網(wǎng)頁設計人才培養(yǎng)進行廣泛調(diào)研,很少院校能夠培養(yǎng)符合企業(yè)需求的網(wǎng)頁設計師,致使我省應屆畢業(yè)生難于滿足社會對網(wǎng)頁設計人才需求。高職網(wǎng)頁設計課程的教學現(xiàn)狀是:

2.1開設課程不滿足社會對網(wǎng)頁設計師的要求網(wǎng)頁設計課程是一門綜合性的課程,是它包括構(gòu)圖、排版、特效制作等多種知識,決定了這門課程具有很強的綜合性、實踐性、融藝術性與技術性為一體的特點。而高職院校教學雖然在開設網(wǎng)頁設計課程體系上采取一定改革措施,但針對性不強,如針對企業(yè)需要藝術與技術相結(jié)合的網(wǎng)頁設計人才,專門開設了《網(wǎng)站色彩與構(gòu)成》、《網(wǎng)頁設計》、《網(wǎng)頁設計實訓》、《程序設計基礎(java方向)》相關專業(yè)技術課程,也專門開設了《設計素描》、《設計色彩》、《構(gòu)成設計》等美術課程,但沒有真正以企業(yè)工作過程為導向,開設藝術與技術相結(jié)合的網(wǎng)頁綜合項目課程,學生很難融會貫通運用綜合知識進行網(wǎng)頁設計,另一方面由于網(wǎng)頁設計技術的飛速發(fā)展,從最早的表格布局到現(xiàn)在DIV+CSS布局,網(wǎng)頁語言從最早的HTML1.0到現(xiàn)在的HTML5,網(wǎng)頁的設計風格也隨著時代的變化而不斷改變,社會對網(wǎng)頁設計師的要求不斷提高,而高職院校相關專業(yè)課程沒有適時更新,學生也缺乏提升自我的學習能力,因此高職畢業(yè)生很難適應網(wǎng)頁設計這一行業(yè)的人才需求。

2.2教師專業(yè)水平有限,團隊意識不強有的高職院校雖然按照企業(yè)工作過程開設網(wǎng)頁設計相關課程,但由于各個任課教師專業(yè)水平不同,團隊意識不強,較難形成一個企業(yè)整體項目意識,通常每個教師根據(jù)自己方向選擇各自企業(yè)項目進行網(wǎng)頁設計相關課程的教學,有的教師自身受限專業(yè)水平與實踐技能,無法與專業(yè)組教師達成共識,造成學生在學習網(wǎng)頁設計專業(yè)課程體系無法形成專業(yè)整個知識技能體系,網(wǎng)頁設計綜合技能很難得到提高,只能滿足于淘寶美工卻無法勝任電商網(wǎng)頁設計師。

2.3教學方法單一,仍以傳統(tǒng)教學為主長期以來在教學中仍以教師為主體,而忽略學生的主體地位。h教師在授課中,往往先講解網(wǎng)頁各獨立元素的設計制作,與整體案例的設計制作相分離,導致學生在實踐過程中,學生只掌握每個工具單獨使用,不能將網(wǎng)頁各獨立元素的制作與整體項目相結(jié)合,當需要綜合運用各種軟件工具知識去制作完整項目時,卻顯得力不從心,即整體性不強。這種傳統(tǒng)教學方法優(yōu)勢是整個教學過程比較系統(tǒng)完整,授課內(nèi)容還是以理論知識為先導,教學手段單一,老師雖是孜孜不倦的教,而學生興趣缺乏,參與性不強,不能培養(yǎng)學生的自主學習能力和團隊協(xié)作能力,往往老師累得滿頭大汗,學生卻收獲甚微。

2.4生源質(zhì)量參差不齊隨著高職招生人數(shù)不斷上升,生源質(zhì)量參差不齊,生源質(zhì)量也在下降。教師引入企業(yè)項目進行網(wǎng)頁設計教學,學生完成的程度和質(zhì)量不一,有些同學無法跟上進度,就出現(xiàn)厭學、遲到及曠課等現(xiàn)象。

3網(wǎng)絡環(huán)境下“網(wǎng)頁設計”混合式教學構(gòu)建模式及優(yōu)勢

3.1網(wǎng)絡環(huán)境下“網(wǎng)頁設計”混合式教學構(gòu)建模式網(wǎng)頁設計集藝術與技術為一體綜合性課程,既需要個人創(chuàng)意設計能力,又需要全面應用高新技術能力,具有很強的實踐性和綜合性。在網(wǎng)頁設計授課過程中,教師要從易到難引入企業(yè)項目,引導啟發(fā)學生,并在課堂上統(tǒng)一進行項目分析,在講解過程中,將網(wǎng)頁設計的藝術美學及專業(yè)技術知識融入到所要完成項目中,調(diào)動學生的學習積極性、自主的對網(wǎng)頁綜合知識進行建構(gòu),同時通過現(xiàn)代網(wǎng)絡視頻教學,演示網(wǎng)頁設計從選定項目、制定計劃、活動探究、制作作品、成果展示、綜合評價等環(huán)節(jié),激發(fā)學生對網(wǎng)頁設計項目整體認識,對網(wǎng)頁設計的興趣,讓學生自己產(chǎn)生要制作屬于自己的項目作品,學生從傳統(tǒng)教學“要我學”變?yōu)榛旌辖虒W“我要學”的教學模式。通過混合式教學模式,把傳統(tǒng)學習方式的優(yōu)勢和網(wǎng)絡學習方式的優(yōu)勢結(jié)合起來,教學以學生為主體,充分挖掘?qū)W生學習過程過程積極性、主動性和創(chuàng)造性,培養(yǎng)藝術與技術相結(jié)合的網(wǎng)頁設計技術技能型人才。搭建好的網(wǎng)頁設計的網(wǎng)絡教學平臺、教育教學資源庫,運用在線教學與課堂教學優(yōu)勢互補的混合式教學模式,教師通過基于網(wǎng)絡的課堂進行教,學生除了課堂學習外,課后自主在線學習、在線做作業(yè)、討論協(xié)作、在線答疑等學習活動。將教師的網(wǎng)頁設計教學由課堂上擴展到了課堂外,才能真正培養(yǎng)出綜合能力強、創(chuàng)造性思維突出的網(wǎng)頁設計人才。

3.2網(wǎng)絡環(huán)境下“網(wǎng)頁設計”混合式教學的優(yōu)勢(1)提高教師“雙師”素質(zhì):網(wǎng)頁設計課程是基于企業(yè)項目教學,項目設計是項目教學的成敗的關鍵,要求教師不僅要具備深厚的理論知識,還應具有一定職業(yè)技能與實踐經(jīng)驗,即教師具備“雙師”素質(zhì),通過網(wǎng)絡教學平臺建設,優(yōu)秀專業(yè)教師與企業(yè)技術人員帶領專業(yè)較弱教師,共同完成項目網(wǎng)頁設計整體設計。通過開展混合式教學,進一步提高教師的教學設計水平和實踐技能,更新教師的教育觀念,提高教師自身的業(yè)務水平,促進教師向雙師型轉(zhuǎn)變。(2)教學資源豐富:教師與企業(yè)技術人員在網(wǎng)絡教學平臺提供各種媒體素材,包括視頻、動畫、課件、網(wǎng)頁設計優(yōu)秀作品等教學內(nèi)容,遠遠超過教師課堂講授與教材內(nèi)容。網(wǎng)絡教學平臺進一步為學生提供課后學習實踐企業(yè)項目,引入企業(yè)項目任務,能從高職學生特點出發(fā),項目從易到難,循序漸進,讓學生學習實踐覺得能“跳著夠得著”,既有挑戰(zhàn)性,又能完成企業(yè)項目并使學生獲得成就感,提高學生綜合實踐技能。通過網(wǎng)絡在線教學優(yōu)勢,為學生提供了自由選擇的學習空間,有更豐富網(wǎng)絡學習資源,激發(fā)學生學習興趣,調(diào)動學生的主動性與積極性,有效提高了學生的創(chuàng)新思維能力,對于培養(yǎng)學生的創(chuàng)造精神和樹立終身學習的觀念有重要的意義。(3)學習自主性:傳統(tǒng)的課堂教學受限上課時間,教學內(nèi)容也受限,存在形式與內(nèi)容單一。特別對于學生難于理解的重點與難點,老師可能認為在課堂已講解很清楚,但學生還是沒有理解等諸多弊端,而通過混合式教學,利用網(wǎng)絡在線教學等輔助手段在很大程度上彌補了這種不足,讓學生能在課后按需學習,讓差生或請假學生補缺補漏,趕上全班統(tǒng)一進度。通過網(wǎng)絡教學平臺和教育教學資源庫,可以24小時開放教學,大大打破上課的時間限制,學生可以把課堂當中沒有消化的內(nèi)容利用網(wǎng)絡的在線自主學習,進一步的加深理解,使課堂教學加以延伸。利用在線學習,基礎好的同學也可以通過網(wǎng)絡教學平臺和教育教學資源庫進行自學,提升自己的學習能力。(4)網(wǎng)絡在線答疑:利用在線系統(tǒng)為教師和學生提供一個良好的交流平臺,師生通過平臺將獲得更多的溝通機會,師生之間在平臺上在線討論交流答疑,學生之間也可以在平臺上在線討論交流答疑,及時解決學習過程中遇到問題,調(diào)動了學生的積極性,進一步提高教學水平。

4混合式教學模式實例分析

在網(wǎng)絡環(huán)境下,構(gòu)建與傳統(tǒng)教學相互融合網(wǎng)絡教學平臺,實現(xiàn)交互式教學平臺,學生自主學習的空間。下面以學院《Dreamweaver網(wǎng)頁設計》為例說明,實現(xiàn)傳統(tǒng)教學與網(wǎng)絡教學的混合教學模式。

1.設計制作企業(yè)項目。課前教師與企業(yè)人員共同設計制作《**企業(yè)網(wǎng)頁設計》項目,共構(gòu)建八個學習情景:《學習情境1企業(yè)網(wǎng)頁圖文混排》;《學習情境2企業(yè)網(wǎng)頁表格數(shù)據(jù)制作》;《學習情境3企業(yè)網(wǎng)頁表格布局》:《學習情境4企業(yè)網(wǎng)頁超鏈接設置》:《學習情境5企業(yè)網(wǎng)表單網(wǎng)頁制作》;《學習情境6企業(yè)網(wǎng)頁制作-css樣式表應用》:《學習情境7企業(yè)網(wǎng)頁布局-div+css布局》;《學習情境8企業(yè)網(wǎng)頁JavaScript特效應用》。

2.課堂教學內(nèi)容以網(wǎng)頁設計的工作過程為依據(jù),劃分上述八個學習情境,采用混合式教學模式,按任務展開教學。每個學習情境都包含:①任務導入:首先提供學生與所講知識相關的網(wǎng)頁案例,吸引學生注意,然后導入學習情境任務;②分析總結(jié):教師引導學生發(fā)現(xiàn)問題,并提出問題,激發(fā)學生學習興趣,經(jīng)過共同分析與討論,總結(jié)出具體的制作方法;③實訓(仿真實踐,在線測試):學生根據(jù)學習情境,在教師的示范講解下,獨立完成操作,在線測試。④講評總結(jié):學生在制作過程中會出現(xiàn)各種各樣的問題。教師所做的是將問題匯總??偨Y(jié)出相關的注意事項,點評作業(yè)時,側(cè)重學生的思維引導,及時給予學生鼓勵。⑤能力擴展:提供給學生實踐性較強的案例,要實現(xiàn)效果,需要結(jié)合以前的知識和運用一定的技巧。這樣既擴大了知識面。又體現(xiàn)了知識的綜合性。在課堂講解環(huán)節(jié),可以適時插入教學視頻、技術操作視頻、實例展示等內(nèi)容,解決傳統(tǒng)教學方法無法講清楚的知識點和實際操作演示,使教學效果更生動具體。通過學習情境,學生目的明確,整體性學習Dreamweaver軟件各個工具,運用到每個學習情境任務中,學習網(wǎng)頁各獨立元素與整體學習情境相結(jié)合。

3.在網(wǎng)絡學習平臺上,教師上傳課前準備《Dreamweaver網(wǎng)頁設計》學習指南、課堂講解八個學習情境模擬、仿真實踐、在線測試、網(wǎng)絡資源、網(wǎng)絡答疑等環(huán)節(jié)。(1)學習指南:包括課程介紹、課程標準、學習建議、鏈接優(yōu)秀網(wǎng)站的網(wǎng)址等,讓學生了解本門課程的教學目的、要求和學時分配,當學生遇到網(wǎng)頁設計問題時,就可以在學習指南資源庫中找到滿意的答案。(2)學習情境模擬:教師授課、實踐操作視頻。(3)情境模擬部分:有10個訓練素材,學生可以選擇訓練企業(yè)項目進行自我訓練,學生之間還可以通過網(wǎng)絡互相交流;(4)仿真實踐環(huán)節(jié):在一定程度需要借助仿真實訓軟件,應用于學生日常實訓和各階段試。(5)網(wǎng)絡答疑:網(wǎng)絡給師生提供了一個交流的平臺,師生可以通過QQ、郵箱、論壇等形式進行交流,教師可以及時了解學生的學習情況。(6)網(wǎng)絡資源:網(wǎng)絡資源包括相關網(wǎng)站、相關視頻、課程課件、講義、行業(yè)信息、參考書籍、學生實訓實錄等補充資源,供學生課外學習。這樣便于因材施教,使好生更優(yōu),差生進步更快。

5小結(jié)

第7篇:網(wǎng)頁設計特點分析范文

關鍵詞:計算機;圖像處理;網(wǎng)頁設計

計算機圖像處理技術的應用過程,就是利用計算機的制圖工具將圖像進行加工和設計。圖像質(zhì)量的好壞對網(wǎng)頁的影響非常大,因為圖像是現(xiàn)在網(wǎng)頁設計的主體部分,而且人們?yōu)g覽網(wǎng)頁時,最先映入眼簾的就是圖像,然后才會看到網(wǎng)頁的其他內(nèi)容。所以,圖像處理技術在網(wǎng)頁設計中起到重要作用。

一、計算機圖像處理技術在網(wǎng)頁設計中的作用

(1)增加網(wǎng)頁美感,提升視覺吸引效果。利用計算機圖像處理技術可以根據(jù)網(wǎng)站的需要設計出符合該網(wǎng)站的圖片,通過圖像處理技術可以調(diào)控好整個網(wǎng)頁的色彩、色調(diào)。運用了此技術可以提升網(wǎng)頁的視覺傳達效果。而且圖像會更吸引瀏覽者的眼光,就能夠增加網(wǎng)頁的瀏覽量。在網(wǎng)頁上設計時需要注意很多方面的問題,比如圖像的內(nèi)容、大小、位置,以及圖像與文字的排版和圖像與網(wǎng)頁色彩的搭配等,這都會影響到網(wǎng)頁的整體設計,在兩個網(wǎng)站的內(nèi)容相差無幾時,瀏覽者肯定會瀏覽圖片內(nèi)容豐富且圖像效果好的網(wǎng)頁,因為這給瀏覽者的視覺體驗更加豐富。

(2)起到信息引導的作用。因為人們在瀏覽網(wǎng)頁時,普遍先看到的是網(wǎng)頁的圖片內(nèi)容,在網(wǎng)頁設計時,要將圖片的內(nèi)容設計的更加充分,要讓瀏覽者通過圖片就能了解該網(wǎng)頁的主要內(nèi)容,而且要發(fā)揮好圖像信息的引導作用,要讓瀏覽者僅通過圖像引導就能快速找到所需內(nèi)容。圖像的引導功能所帶來的便利程度可以讓用戶更喜歡該網(wǎng)頁,尤其是在這種快餐式閱讀的時代,用戶很難仔細瀏覽網(wǎng)頁的所有內(nèi)容,只想盡快找到自己的所需要的內(nèi)容,所以圖像的引導功能的設計尤為重要。而且圖像不僅可以讓用戶快速找到自己的所需內(nèi)容,還能讓他們在這種快速閱讀的環(huán)境下緩解自己的情緒,讓人們放松心情。因此,在網(wǎng)頁設計中,必須要加圖像與文字結(jié)合的圖片內(nèi)容,讓人們能夠在欣賞圖片的同時獲取到自己想要的內(nèi)容。

二、計算機網(wǎng)頁設計中圖像處理技術的概述

計算機圖像處理技術最早誕生于20世紀末。他是在計算機技術的快速發(fā)展下產(chǎn)生的。早期的圖像處理技術僅應用于航空航天方面,隨著技術的不斷發(fā)展開始普及到人們的生活中。計算機圖像處理技術主要有以下幾種功能。

(一)圖像壓縮技術

直接拍攝的圖像內(nèi)存很大,會占用網(wǎng)頁的很多內(nèi)存,會出現(xiàn)網(wǎng)頁內(nèi)存過大而引起的網(wǎng)頁運轉(zhuǎn)速度降低的狀況。利用計算機圖像處理的壓縮技術,能夠?qū)?nèi)存很大的圖片壓縮到很小,而且經(jīng)過壓縮的圖片更清晰,視覺效果更好。

(二)圖像去噪技術

計算機在采集圖像時,會產(chǎn)生一些噪聲,這是由于計算機本身的物理性質(zhì)產(chǎn)生的,由于這種噪聲會使圖像的質(zhì)量降低,所以,必須要進行去噪處理,以保證圖片在網(wǎng)頁上的質(zhì)量和效果。

(三)圖像增強技術

圖像增強技術的主要作用就是將低質(zhì)量的圖像進行增強。因為在不理想的拍攝條件下,拍出來的圖片會模糊或者像素太差,使用圖像增強技術能夠?qū)⒛:漠嬞|(zhì)變的清晰,而且能夠?qū)D片要展示的重要信息進行強化處理并能弱化掉不重要的信息。給后續(xù)的圖像制作帶來方便。

三、網(wǎng)頁設計中計算機圖像處理技術的功能

(1)構(gòu)造多種樣式圖像組合。在進行計算機網(wǎng)頁設計時,處理圖像的過程中,要先注意圖像的格式,因為計算機圖像有多種格式,如GIF、JPEG、PNG等,他們分別有自己的特點,所以要根據(jù)網(wǎng)頁的設計標準來選擇合適的格式。如果要設計生動有趣的網(wǎng)頁界面,可以選擇GIF的格式,因為這種格式的圖像可以由一個靜態(tài)的圖像轉(zhuǎn)為動態(tài)的圖像。而如果想要不將低網(wǎng)頁的運轉(zhuǎn)速度的話,就可以選擇PNG格式,這種格式的圖像在壓縮的過程中不會破壞圖像的質(zhì)量,保持原有的清晰度,而且生成的圖像文件的空間很小。

(2)控制圖像在網(wǎng)頁中的大小。一個網(wǎng)頁會有很多個電腦去打開,而電腦的尺寸是不同的,不同的計算機顯示屏的長度與寬度會影響到圖像的顯示效果,所以,要控制圖像的大小,不能讓圖片超過顯示屏的長度或?qū)挾取_€有,在放大或縮小圖片時會影響到圖像的清晰度,放大圖片會降低圖像的清晰度,而縮小圖片會導致設計的圖片與網(wǎng)頁設計要求不符。所以要控制好圖像的大小,同時也要把握好圖像的清晰度,因為高清圖片會影響到網(wǎng)頁的運行速度。計算機圖像處理技術就能夠平衡圖像的清晰度和網(wǎng)頁的加載速度,實現(xiàn)網(wǎng)頁質(zhì)量的提升。

四、結(jié)語

總之,在信息技術快速發(fā)展的今天,網(wǎng)頁設計已經(jīng)成為一個新的技術產(chǎn)業(yè),要想設計出高質(zhì)量,高水平的網(wǎng)頁,必然離不開計算機處理技術的支持。在整個網(wǎng)頁設計的過程中,設計者要考慮到很多方面的因素,才能設計出讓瀏覽者滿意的網(wǎng)頁。

參考文獻: 

[1]陳智蓋.新時期網(wǎng)頁設計中計算機圖像處理技術應用分析[J].計算機光盤軟件與應用,2014(15). 

[2]韋燕.網(wǎng)頁設計中計算機圖像處理技術的應用[J].現(xiàn)代商貿(mào)工業(yè),2013(22). 

[3]雷萌.如何在網(wǎng)頁設計中運用計算機圖像處理技術[J].信息與電腦,2016,11(2). 

第8篇:網(wǎng)頁設計特點分析范文

【論文摘要】《網(wǎng)頁設計》課程是一門實用性和綜合性都很強的課程。本課程教學的最大特點是易學易忘。為了提高《網(wǎng)頁設計》課程的教學效果,必須不斷改革與充實教學內(nèi)容,注重突出人才培養(yǎng)的實踐性、應用性。改革教學方法,培養(yǎng)學生的實際動手能力和計算機的操作能力,使學生能夠運用所學的知識進行網(wǎng)頁設計。

《網(wǎng)頁設計》是近年來計算機專業(yè)領域發(fā)展最快和應用最廣泛的課程之一,當今社會急需培養(yǎng)掌握計算機網(wǎng)頁設計、面向不同應用層次的專業(yè)人才。因此,本課程自開設以來,受到學生的普遍歡迎,學生對這門課程教學的要求也越來越高。

《網(wǎng)頁設計》課程以Dreamweaver MX軟件為主干,專門介紹網(wǎng)頁設計和制作的基本技巧。通過這門課程的學習,能夠讓學生掌握網(wǎng)頁設計的基礎知識,并能熟練地制作出動態(tài)網(wǎng)站。但是網(wǎng)頁制作技術也在不斷地發(fā)展變化,新的技術、新的方法也在不斷涌現(xiàn),所以我們也需要將網(wǎng)頁設計的最新、最實用的技術引用到課堂上去。

為了提高《網(wǎng)頁制作》課程的教學質(zhì)量,筆者不斷地從教學內(nèi)容、教學方法、實驗環(huán)節(jié)等多方面對本課程進行了積極的創(chuàng)新。在此基礎上總結(jié)出一些實際教學經(jīng)驗與體會,與大家一起探討。

一、《網(wǎng)頁設計》課程的特點

高等學校計算機專業(yè)開設《網(wǎng)頁設計》課程的主要目的,是通過本課程的學習,培養(yǎng)學生的實際動手能力和計算機的操作能力,使學生能夠運用所學的知識進行網(wǎng)頁設計。

《網(wǎng)頁設計》不是作為一門課程孤立存在的,它要靠多門學科的知識給予支撐。它們相互滲透和依賴,構(gòu)成一個科學的、完整的課程體系。

《網(wǎng)頁設計》課程的教學內(nèi)容實踐性較強,能極大的激發(fā)學生的參與性,鍛煉學生的動手能力,培養(yǎng)學生的專業(yè)興趣。學習中一定要注意理論與實踐相結(jié)合,其中實踐內(nèi)容是教學的主線。學生應該有較充足的動手實踐機會,較熟練地創(chuàng)作出實用的動態(tài)網(wǎng)頁來。理論教學服務于實踐教學,實踐教學反過來又作用于理論教學。在教學過程中常有學生反映,上課能看懂、理解,但課后就忘了,更不要說以后的實驗了。這是本課程教學的最大特點:易學易忘。下面將探討若干提高《網(wǎng)頁設計》課程教學效果的方法。

二、《網(wǎng)頁設計》課程的教學方法

1、教學內(nèi)容的改革

為了讓學生能夠適應計算機技術的快速發(fā)展,筆者在教授這門課程的過程中,對這門課程的教學內(nèi)容不斷地進行著調(diào)整。教學調(diào)整的目的就是讓學生能夠獨立完成網(wǎng)頁設計。所以在課堂上,主要以學生掌握知識為根本、以“能懂、夠用、實用”為教學原則、以培養(yǎng)學生動手能力為目標來指導整個教改思路。

《網(wǎng)頁設計》課程以前主要是應用FrontPage軟件,再結(jié)合圖像處理軟件來處理一些網(wǎng)頁圖片。而現(xiàn)在網(wǎng)頁制作主要講授的內(nèi)容是由Dreamweaver軟件、Fireworks軟件和Flash軟件組成。講授時是按這三個軟件的先后順序?qū)Ω鞑糠诌M行講解,這三個軟件的功能更新也非常快,講授內(nèi)容不能一成不變,如果這樣,容易出現(xiàn)學生學習到的知識陳舊。通過調(diào)研并根據(jù)網(wǎng)頁技術的發(fā)展狀況,在每學期的教學過程中,筆者都會對本課程的內(nèi)容進行調(diào)整,刪除以前教學中過時的、理論性較強的內(nèi)容,增加目前實用的、流行的新技術。

2、分階段模塊化教學

在教學中應注重突出人才培養(yǎng)的實踐性、應用性。將整個教學內(nèi)容分為四個階段,每一階段設計了若干教學模塊。第一階段使學生能熟練使用網(wǎng)頁設計的超文本標記語言HTML;第二階段能熟悉并熟練使用網(wǎng)頁制作工具Dreamweaver MX;第三階段能進行網(wǎng)頁設計中的圖像和簡單動畫的制作;第四階段掌握在網(wǎng)頁中嵌入Javascript腳本語言,實現(xiàn)網(wǎng)頁動態(tài)效果。每一階段的教學內(nèi)容完成后,在專業(yè)機房組織單元考核,以實現(xiàn)分階段達標,最終使學生能獨立設計小型WEB站點。 轉(zhuǎn)貼于

3、案例教學法

案例教學是在學生掌握了有關基本知識和分析技術的基礎上,在教師的精心策劃和指導下,根據(jù)教學目的和教學內(nèi)容的要求,運用典型案例,將學生帶入特定事件的現(xiàn)場進行案例分析,通過學生的獨立思考或集體協(xié)作,進一步提高其識別、分析和解決某一具體問題的能力,同時培養(yǎng)溝通能力和協(xié)作精神的教學方式。

案例教學使得學生成為了教學活動的主體,形成了學生自主學習、合作學習、研究性學習和探索性學習的開放型的學習氛圍。與傳統(tǒng)的以教師為主導的教學法相比,案例教學法有以下幾個方面的特點:①傳統(tǒng)教學方式是以教師和教材為中心,以灌輸?shù)姆绞綇臅镜綍?,從概念到概念,關注的是向?qū)W生灌輸了哪些知識,忽視了對學生學習潛能的開發(fā),導致學生理論與實踐的脫節(jié)。而案例教學十分注重學生的主體性、主動性、自主性的發(fā)揮,注重引導學生通過案例的分析推導、運用概念較好地解決實際問題,促使學生的思維不斷深化,并在力圖對一個問題尋找多種解答的過程中培養(yǎng)和形成創(chuàng)造性思維。②案例教學有利于提高學生分析問題和解決實際問題的能力。區(qū)別于傳統(tǒng)的注入式教學方式,案例教學是一種動態(tài)的、開放的教學方式,在案例教學中,學生被設計成自身處在特定的情境中,在信息不充分的條件下對復雜多變的形勢獨立做出判斷和決策,在這過程中鍛煉了自我綜合運用各種理論知識、經(jīng)驗分析和解決問題的能力。③案例教學有利于促使學生學會學習。學會學習是學習型社會對人們能力的基本要求。傳統(tǒng)教學方式教給學生的是運用概念解決問題的現(xiàn)成答案,學生獲得的是背誦、機械記憶、按標準答案答題的知識。而案例教學告訴學生“答案不止一個”,答案是開放的、發(fā)展的。在案例教學中,教師通過有意識的引導,讓學生自己去查資料,通過個體獨立或群體合作的方式做出分析和判斷,積極尋找多種答案,這樣經(jīng)過反復多次的積淀后,就會獲得了自主學習的方法,使其學會學習成為現(xiàn)實。④案例教學有利于促使學生學會溝通與合作,在合作中互相溝通,在溝通中增進合作。

在教學中,教師通過精心挑選案例,明確提出需要掌握的知識點及操作技能,以案例帶動知識點,貫穿整個教學過程。具體做法是通過具體案例提出任務,將任務分解到每次的課堂教學中實現(xiàn),教學過程中為了調(diào)動學生的學習積極性,教學過程中常常采用互動方式,即老師提出一種解決問題的思路,然后讓學生采用其它方式來解決同一個問題,課堂上每介紹一個任務后,都要首先讓學生上機去模仿著實現(xiàn),然后再要求他們采用自己的解決方案來完成任務。實踐證明,采用這種方式進行實踐性強的課程教學收效非常明顯。

4、注重實踐環(huán)節(jié)

當學生已基本掌握了本課程的大部分內(nèi)容時,就可以布置一份綜合作業(yè),要求每位學生設計一個個人網(wǎng)站并添加一個動態(tài)效果。要求每位學生對自己的網(wǎng)站要做到既有鮮明、統(tǒng)一的風格又有完善的內(nèi)容,將頁面的結(jié)構(gòu)、圖片的位置、鏈接的方式設置合理,做到網(wǎng)頁布局的和諧統(tǒng)一,并且還要做到容易更新等。要做到這些,就必須在制作網(wǎng)站之前,對網(wǎng)站進行一個總體規(guī)劃,然后再逐步進行設計。

為了讓學生有良好的創(chuàng)作技巧和獨特的風格,把綜合作業(yè)布置之后,先讓學生進行選題,構(gòu)建出自己的網(wǎng)站結(jié)構(gòu),再上網(wǎng)查詢相關的資料,然后對網(wǎng)站進行規(guī)劃,寫出書面的網(wǎng)站設計方案,教師對每個學生的方案進行審查和評閱,及時指出應改進的地方和存在的問題,滿足要求了,學生方可開始制作。通過這些環(huán)節(jié)讓學生學會了創(chuàng)建、查找、閱讀專業(yè)文獻資料的方法,培養(yǎng)了學生撰寫方案的能力。

總之,教師應以培養(yǎng)能力為主線,強化實踐性教學。

教學工作是學校工作的重點,教學方法的革新是一個永久的話題,在教學過程中必須不斷探索、不斷創(chuàng)新,只有這樣才能順應時代潮流的發(fā)展,培養(yǎng)出素質(zhì)高能力強的人才。

【參考文獻】

[1]呂慧娟. 《網(wǎng)頁設計》課程教學的創(chuàng)新與實踐. 電腦知識與技術. 2007.13.

第9篇:網(wǎng)頁設計特點分析范文

關鍵詞:移動互聯(lián)網(wǎng);4G;網(wǎng)頁設計;通訊產(chǎn)品;智能手機;平板電腦

通行設備性能與無線網(wǎng)絡通信速度的提升,以移動智能終端數(shù)量的快速增長為主要標志,主要體現(xiàn)在智能手機和平板電腦在大眾生活中的出現(xiàn)。據(jù)中國工業(yè)和信息化部的研究與統(tǒng)計及互聯(lián)網(wǎng)應用報告分析認為,中國在全球互聯(lián)網(wǎng)世界中所扮演的角色,部分程度上是由其互聯(lián)網(wǎng)市場的規(guī)模所決定的。據(jù)研究顯示,2015年,中國移動互聯(lián)網(wǎng)用戶數(shù)預計達到了7.9億人,與2014年數(shù)量相比增長8.4%,增速呈現(xiàn)走低的趨勢,進入平穩(wěn)增長階段。2015年,中國移動互聯(lián)網(wǎng)市場規(guī)模達到23134.3億元,增幅達到72.2%。而2016年,移動互聯(lián)網(wǎng)整體將繼續(xù)保持高增長速度。雖然人口福利消失,但是基于商業(yè)模式的不斷創(chuàng)新,單用戶價值將呈現(xiàn)大幅提升的趨勢。預計在未來3~5年的時間里,移動互聯(lián)網(wǎng)規(guī)模將繼續(xù)保持高增長的速度。但是,每一項科學技術的發(fā)展都會帶來相關產(chǎn)業(yè)的變化,從互聯(lián)網(wǎng)到移動互聯(lián)網(wǎng),體現(xiàn)在網(wǎng)絡速度得到飛速提高、網(wǎng)絡資費套餐更加優(yōu)惠。同時,擺脫了寬大固定的顯示屏和鍵盤鼠標的局限,替代的是小巧方便的智能手機,易于攜帶的平板電腦以及各種各樣的袖珍終端。這樣,網(wǎng)頁設計作為網(wǎng)絡瀏覽的載體,在一定程度上也帶來了變化及要求。如何應對及改造這一變化,成為移動互聯(lián)網(wǎng)中重要的問題。

1 移動互聯(lián)網(wǎng)當前發(fā)展現(xiàn)狀

1.1 4G網(wǎng)絡的應用推動了移動通信服務的發(fā)展

移動互聯(lián)網(wǎng)通信服務全世界得到了長足發(fā)展,而且發(fā)展勢頭十分迅猛,主要是通過4G網(wǎng)絡的推動。4G網(wǎng)絡,即移動通信系統(tǒng)的第四代產(chǎn)品,它的最大特點主要就是在通信容量上超大,在速度上超快,以及可在全球范圍內(nèi)實現(xiàn)自由對接、任意漫游。并且,能夠很好地處理圖像、聲頻和視頻,能夠以影視等各種多媒體形式來提供商務電話與視頻、電話會議及網(wǎng)頁瀏覽等信息服務。[1]所以,4G移動在生活中的廣泛應用,給人們生活與工作帶來了便利,也有效地提高了移動互聯(lián)網(wǎng)的發(fā)展。

1.2 移動互聯(lián)網(wǎng)應用的采用模式

在應用的層面上,移動互聯(lián)網(wǎng)的業(yè)務在目前階段主要使用兩種應用模式,其一為WAP方式。它所使用的是無線網(wǎng)絡應用協(xié)議,其網(wǎng)站模式主要是針對手機電腦而設計的。移動終端與移動通信網(wǎng)絡二者的速率都有著自身的特點,固定互聯(lián)網(wǎng)就是依照它們的速率特點,從而設計出全新的適應移動互聯(lián)網(wǎng)應用的采用模式。在這個過程中也相應地失去了一定的固定互聯(lián)網(wǎng)內(nèi)容。其二為Web方式。它所使用的是固定互聯(lián)網(wǎng),將移動終端的速配完全輸進固定互聯(lián)網(wǎng)的內(nèi)容。它不需要再次開發(fā)網(wǎng)站內(nèi)容,只要通過移動客戶終端,使用移動瀏覽器就能夠?qū)崿F(xiàn)。目前所采用的兩種移動互聯(lián)網(wǎng)應用模式,都可以滿足在互聯(lián)網(wǎng)中用戶實現(xiàn)網(wǎng)絡沖浪的需求。

2 移動互聯(lián)背景下網(wǎng)頁設計的可行性原則分析

2.1 明確目標用戶群

在每一項產(chǎn)品設計中,最重要的是對目標用戶群的確定。對移動互聯(lián)產(chǎn)品進行網(wǎng)頁設計。通常的慣性要求是以使用移動網(wǎng)絡用戶的需求為主要設計目標,設計對象是移動手機電腦終端客戶群。因為利用手機上互聯(lián)網(wǎng)的用戶比使用電腦上互聯(lián)網(wǎng)的用戶數(shù)量多得多,所以在網(wǎng)頁設計上應充分考慮到手機用戶的喜好特性,明確設計產(chǎn)品具體針對哪些用戶群,以達到事半功倍的效果。

2.2 了解應用平臺的細節(jié)

由于網(wǎng)頁本身和外在的因素影響,在瀏覽網(wǎng)頁上呈現(xiàn)出的移動通訊產(chǎn)品具有一定的復雜性。所以,首先要掌握目標應用平臺的相關細節(jié)。一般來說,生產(chǎn)軟件或硬件的廠家會根據(jù)用戶的需要提供和介紹詳細的規(guī)范文檔,以便從中規(guī)范文檔中獲得自己所要求的目標平臺信息,然后將所有不同的信息進行綜合處理,形成一種個性化的版本,這樣就提高了移動應用的可用性。[2]

3 移動互聯(lián)產(chǎn)品在網(wǎng)頁設計上的具體策略

智能手機、平板電腦及各種移動互聯(lián)網(wǎng)的載體,為了使用戶方便攜帶及被充分利用,需要挖掘出一些使用功能。例如,功能的多方面改造提升,需要提高產(chǎn)品價格;尺寸的大小變化,要考慮到電池上的耐用問題。最重要而言,移動互聯(lián)網(wǎng)具有豐富而精彩的多媒體服務,這是受到終端客戶群青睞的重要原因。因此,要想使這些豐富的多媒體服務成為現(xiàn)實,在網(wǎng)頁設計上實行人性化設計是必不可少的。

3.1 改造舒適性整體

為了移動通訊產(chǎn)品能夠走進人們的現(xiàn)實生活中,并被廣泛地接受,首先要針對網(wǎng)頁設計在整體性上進行有效改造。一般來說,用戶在瀏覽網(wǎng)頁時都是處于隨機狀態(tài)或者是浮動狀態(tài)。因此,網(wǎng)站上所有的信息要達到迅速、準確、容易、方便地被瀏覽或者被閱讀。所以,在網(wǎng)頁設計中要合理地規(guī)劃菜單和文本,盡可能地優(yōu)化圖片與內(nèi)容,把較大面積與分辨率縮小成手機或平板電腦的顯示屏中,避免由此造成各種不合理的縮放變化,為用戶打造一個舒適性的網(wǎng)頁整體。

3.2 精準化內(nèi)容

利用最小的成本呈現(xiàn)最有價值的內(nèi)容,是對流量的節(jié)約,用戶體驗的改善,最直接的是為用戶省去不必要的費用。[3]網(wǎng)頁設計者可以從精簡頁面設計到導航與書簽功能,盡可能地幫助用戶避免不必要的文本信息輸入,縮減不必要的程序與功能,減少設計過深的多級菜單,以人性化與客戶滿意度為主要目標,對呈現(xiàn)內(nèi)容盡量精準化。

3.3 增添延續(xù)性操作

互聯(lián)網(wǎng)的發(fā)展十分迅速,由Web1.0發(fā)展到Web2.0,再由Web2.0發(fā)展到現(xiàn)在的Web3.0[4],所用時間非常之短。Web1.0是互聯(lián)網(wǎng)的發(fā)展初期,使用的技術是靜態(tài)網(wǎng)頁開發(fā)技術,由于靜態(tài)網(wǎng)頁為互聯(lián)網(wǎng)的發(fā)展初期,交互性差是它的短板,但是它具有快速訪問的特點以及穩(wěn)定性強的特點。Web2.0的發(fā)展保存了Web1.0的優(yōu)點,而揚棄了它的交互性差的缺點,從而改善了Web1.0存在的漏洞,提高了網(wǎng)站與用戶的交互性,給新聞網(wǎng)站、博客和電子商務等帶來了便利,但是它的缺點是安全性能不高。隨著在傳統(tǒng)技術上的改造與發(fā)展,Web3.0改善了這些技術問題,并逐步完善了網(wǎng)絡體系。因此,移動科學技術的發(fā)展與更替,還是以傳統(tǒng)互聯(lián)網(wǎng)為基礎?,F(xiàn)不少手機用戶仍然堅持著傳統(tǒng)的互聯(lián)網(wǎng)操作,所以在網(wǎng)頁設計上,最好延續(xù)傳統(tǒng)互聯(lián)網(wǎng)的特點,取其精華,去其糟粕,讓用戶能夠更快地熟悉移動通訊產(chǎn)品的新興上網(wǎng)功能,更快地與移動互聯(lián)網(wǎng)融合。

3.4 設計視覺要素

在網(wǎng)頁設計中,文字、色彩、圖形以及圖像是最為根本的視覺傳達元素。通過點、線、面構(gòu)成了立體基本形態(tài),在交互中以瞬息萬變的視覺變化沖擊著受眾的眼球,從而形成了網(wǎng)頁設計的視覺語言。文字作為一種傳統(tǒng)的視覺符號,設計人員通過對復雜繁瑣的文字信息經(jīng)過精心處理變成簡單濃縮的特性,有利于改善客戶的心理體驗。

把文字信息逐步向圖形、圖像及色彩轉(zhuǎn)變。[5]隨著網(wǎng)絡的不斷發(fā)展,原本只能呈現(xiàn)單一文字的互聯(lián)網(wǎng)現(xiàn)在可以利用每一個栩栩如生的圖形和圖像進行顯示。并且,這些圖形和圖像所表達的信息量大大超過了任何文字的表述,從而使用戶在視覺上受到了強烈的沖擊。但因圖形圖像本身數(shù)據(jù)量占用空間及數(shù)據(jù)量較大,給用戶在時間上和流量上產(chǎn)生了不少的費用。因此,網(wǎng)頁設計要盡可能地減少使用色彩艷麗的圖像。這樣不但能夠使數(shù)據(jù)量的穩(wěn)定性得到有效的保證,而且又可保障圖形圖像的表達效果,提高設計程序的工作效率。

3.5 增加返回按鈕和鏈接

為用戶帶來更好的人性化服務及直觀體驗,最好在網(wǎng)頁上設計出返回按鈕,以及設置鏈接等。[6]由于一些智能手機和平板電腦其自身程序沒有設置返回按鈕,所以在設計的過程中盡量設置返回按鈕,以便為用戶提供更多的方便。由于在移動網(wǎng)站上進行輸入非常不方便,其難度較大。因此,在網(wǎng)頁設計過程中,應當向客戶給出單選按鈕及列表,這樣用戶就能夠根據(jù)自己意愿進行自由選擇。一般來說,移動設備屏幕面積尺寸都較小,用戶點擊鏈接時需要準確地點擊,所以設計師可以使用以下方法:第一,要適當?shù)卦O計出較大的字體;第二,在鏈接的周圍,應當設計出較大面積的留白;第三,要為鏈接加上下劃線及背景顏色,以方便移動設備用戶能更快地確認他們點擊的鏈接內(nèi)容。

4 結(jié)語

通過對移動互聯(lián)網(wǎng)的使用,人民群眾的工作和生活變得更加豐富多彩、方便快捷。移動互聯(lián)網(wǎng)將成為一種嶄新的多功能平臺,它包括媒體信息服務、社會公共服務、電子商務以及生活娛樂等等。網(wǎng)頁設計技術必須緊跟科學時代的發(fā)展不斷改革創(chuàng)新,為移動互聯(lián)網(wǎng)服務。如今,移動互聯(lián)網(wǎng)已成為大眾獲得信息和生活交流的一種重要方式,對移動設備的網(wǎng)頁進行科學設計是時代的要求。移動通訊產(chǎn)品的網(wǎng)頁設計大大地提高了人民群眾的生活水平。

參考文獻:

[1] 梅倩.移動互聯(lián)網(wǎng)時代下的網(wǎng)頁設計[J].科技創(chuàng)新導報,2010(4).

[2] 陸遠蓉,李曉婷.與職業(yè)能力對接的高職計算機課程開發(fā)探索――以《移動互聯(lián)網(wǎng)站設計》為例[J].九江職業(yè)技術學院學報,2014(2).

[3] 陸遠蓉,李曉婷.基于工作過程系統(tǒng)化的《移動互聯(lián)網(wǎng)站設計》學習情境設計[J].當代職業(yè)教育,2014(6).

[4] 楊穎.高職“網(wǎng)頁設計與制作”課程教學改革探索[J].職教通訊,2015(18).

[5] 周勝安,王圓.移動互聯(lián)網(wǎng)下的電子商務專業(yè)課程體系構(gòu)建[J].中國信息技術教育,2014(19).

[6] 李歡.基于移動互聯(lián)的IM交互設計研究[D].北京交通大學,2013.

[7] 于淼.淺析網(wǎng)頁設計的發(fā)展趨勢[J].中國科技博覽,2011(14).

相關熱門標簽
兴化市| 永定县| 荃湾区| 崇仁县| 南涧| 正定县| 安新县| 金川县| 叶城县| 门头沟区| 泰兴市| 田林县| 亳州市| 读书| 上林县| 普宁市| 乳源| 宝应县| 五华县| 阿巴嘎旗| 波密县| 广丰县| 禹城市| 大埔区| 津南区| 惠安县| 韩城市| 泸定县| 西充县| 五华县| 庆元县| 依安县| 衡山县| 丽江市| 天峻县| 寿阳县| 平陆县| 临夏县| 图木舒克市| 鹿邑县| 武夷山市|