網(wǎng)頁設(shè)計論文范文

時間:2023-03-26 22:42:00

導(dǎo)語:如何才能寫好一篇網(wǎng)頁設(shè)計論文,這就需要搜集整理更多的資料和文獻,歡迎閱讀由公務(wù)員之家整理的十篇范文,供你借鑒。

網(wǎng)頁設(shè)計論文

篇1

在用戶獲取信息的方式上,網(wǎng)頁有別于紙質(zhì)媒介,網(wǎng)頁是以瀏覽為主,而紙質(zhì)媒介是以閱讀為主。所謂瀏覽,按照字面意思就是粗略、大致地看一遍,其主要目的是大致了解,搜尋是否有感興趣的信息線索;閱讀比瀏覽更具有主動性和目的性,是有目的地讀,其目標是理解。克魯格在《別讓我動腦筋——網(wǎng)頁設(shè)計效果優(yōu)化藝術(shù)》一書中提出了設(shè)計出好網(wǎng)頁必須面對的三個事實:一是“我們不是閱讀網(wǎng)頁,而是瀏覽”;二是“我們不做最佳選擇,而是滿意而止”;三是“我們不深究原理或本質(zhì),而是想當然地使用”。我們?yōu)槭裁磳W(wǎng)頁是瀏覽呢?克魯格的分析認為有三個原因:一是因為匆忙,使用網(wǎng)絡(luò)的目的多半是想節(jié)約時間,這樣用戶就會不停地運動;二是用戶知道不必全部閱讀,通常一個網(wǎng)頁里面只有很少一部分是他們感興趣的;三是用戶擅長瀏覽,瀏覽是人們?nèi)粘I钪兴褜ば畔⒌膽T用方法?;谶@樣一些原因,用戶使用網(wǎng)站就是瀏覽、滿意、再瀏覽、再滿意這樣一個循環(huán)往復(fù)的過程,直至滿意而歸。如果中間出現(xiàn)了不滿意,這個過程就會終止,用戶就帶著不滿意而離開。所以,在設(shè)計網(wǎng)頁時,哲學(xué)家威廉提出的奧卡姆剃刀原理“如無必要,勿增實體”和建筑大師密斯•凡•德•羅提出的“少即是多”原則是我們檢驗設(shè)計的兩面鏡子。在確定網(wǎng)頁的內(nèi)容時,突出那些重要的內(nèi)容,去掉那些不必要的圖案和文字,即使那些能夠讓你的網(wǎng)頁在視覺上產(chǎn)生更好的效果,但如果其干擾重要信息的瀏覽,仍然應(yīng)該果斷地去掉。在網(wǎng)頁中,只有那些有利于信息傳達目標的美才是有價值的,美應(yīng)該符合于功能的需要,美和功能的和諧統(tǒng)一才是網(wǎng)頁設(shè)計追求的目標。為了便于瀏覽,在網(wǎng)頁內(nèi)容的編排上必須尊重視覺習(xí)慣,我們在瀏覽時總是從左到右,由上而下地掃視,要根據(jù)內(nèi)容的重要性,進行從左到右、由上而下地依次排列,使重要的內(nèi)容最先映入瀏覽者的眼簾。在文案的寫作上,為了便于快速瀏覽,一是對標題、關(guān)鍵內(nèi)容加以強調(diào);二是采用短的句子和段落;三是采用清晰的分區(qū)和列表;四是先總體后詳細的寫作順序。用戶在進行瀏覽時首先是通過標題和關(guān)鍵詞來初步判斷內(nèi)容是否符合自己的興趣,然后再通過總體的概述來決定是否有繼續(xù)瀏覽下去的必要。在瀏覽的過程中,短句和短的段落有利于減小理解的難度和縮短判斷的時間,清晰的分區(qū)和列表能夠讓人快速抓住其關(guān)注的興趣點,促進人們繼續(xù)瀏覽。

二、網(wǎng)頁設(shè)計不應(yīng)打破慣例

前面已經(jīng)提到,網(wǎng)頁是一個要求即看即用的特殊“產(chǎn)品”,也就是一看我們就要知道如何使用。我們雖然使用了若干手機,但我們購買了一款新的手機時,我們還是得閱讀說明書后才能正常使用,網(wǎng)頁確不需要。那如何才能達到即看即用呢?使用慣例就是最好的武器,這也是提高所有產(chǎn)品易用性的重要法寶。慣例就是我們已經(jīng)習(xí)慣了的東西,我們一看就知道它的意思,就知道怎么去操作,因為慣例是我們?nèi)粘I钪蟹e累起來的,已經(jīng)存入大腦的固有知識。唐納德•A•諾曼在《設(shè)計心理學(xué)》中將知識分為了存儲于外部的知識和存儲于頭腦內(nèi)部的知識,使用存儲于外部的知識不需要學(xué)習(xí),但效率低;使用頭腦內(nèi)部的知識需要專門學(xué)習(xí),但效率高。而慣例是已經(jīng)存儲在頭腦內(nèi)部的知識,具有外部知識的高易用性和頭腦內(nèi)部知識的高效率。在網(wǎng)頁設(shè)計中有很多慣例是不能輕易去打破的,一是重要導(dǎo)航在頁面的位置,按照慣例一般布置在頁面的上部、左上部或右上部,首頁的鏈接放置在最前面;二是網(wǎng)站的標識放置在頁面的左上部,瀏覽者用其來判別是否到達了目標網(wǎng)站;三是文字鏈接要加下劃線(也可以鼠標放上去才出現(xiàn)),瀏覽者用其來判斷是否有超級鏈接;四是常用標識符號,如在多頁文檔中,代表向上翻頁,代表向下翻頁;在視頻、音頻播放中■代表停止,代表暫停,代表播放。這些標識符號在網(wǎng)頁中已經(jīng)具有特定的意義,是不能隨意改變的。

三、設(shè)計層面之間的邏輯聯(lián)系

在《用戶體驗的要素——以用戶為中心的Web設(shè)計》一書中論述了網(wǎng)頁設(shè)計的五個層面,包括戰(zhàn)略層、范圍層、結(jié)構(gòu)層、框架層和表現(xiàn)層,并確定了自下而上的建設(shè)流程,規(guī)定了設(shè)計的程序。自下而上的各個層面,從抽象逐漸變成具體,并且包含著密切的邏輯聯(lián)系。戰(zhàn)略層確定的網(wǎng)站目標和用戶需求,是整個網(wǎng)站設(shè)計的基石,其決定范圍層的內(nèi)容選擇和功能設(shè)計;結(jié)構(gòu)層是對范圍層選擇的內(nèi)容進行分類和組織,形成信息架構(gòu),以及對確定的功能進行交互設(shè)計,確定交互的過程和交互行為;框架層是在結(jié)構(gòu)層信息架構(gòu)的基礎(chǔ)上,根據(jù)完成任務(wù)的需要,利用超級鏈接設(shè)置來完成導(dǎo)航設(shè)計,以及規(guī)劃信息架構(gòu)在頁面空間中的位置關(guān)系,形成布局框架;表現(xiàn)層是對框架層進行具體的視覺表現(xiàn),包括圖形設(shè)計、色彩設(shè)計、信息圖表設(shè)計、動畫設(shè)計、視頻設(shè)計等。從上面的分析可以看出,下一層是上一層的設(shè)計依據(jù)或設(shè)計對象,上一層是下一層的進一步深化和具體,相鄰層之間緊密聯(lián)系,既不能交換,也不能跨越,更不能缺少,具有嚴格的秩序,形成了完整的邏輯鏈條,理性思維貫穿在整個設(shè)計過程之中。

四、結(jié)語

篇2

關(guān)鍵詞:網(wǎng)頁設(shè)計視覺心理因素構(gòu)成要素視覺流程

商業(yè)網(wǎng)站是企業(yè)向用戶和網(wǎng)民提品和服務(wù)的一種方式,是企業(yè)開展電子商務(wù)的基礎(chǔ)設(shè)施和信息平臺,其網(wǎng)頁頁面由具體的文字(標題、廣告語、單位名稱、Email地址等)、企業(yè)標志、商標、產(chǎn)品圖形、和信息菜單等內(nèi)容組成,這些內(nèi)容又常常表現(xiàn)為點線面、色彩、動靜、主次等視覺因素,這些因素的不同使用都會影響讀者的視覺習(xí)慣和心理變化。

本文將試析商業(yè)網(wǎng)頁設(shè)計視覺因素的心理規(guī)律,揭示商業(yè)網(wǎng)頁設(shè)計如何通過視覺心理因素更有效、更合理的表現(xiàn)與傳達信息。展現(xiàn)企業(yè)形象、介紹產(chǎn)品和服務(wù)、體現(xiàn)企業(yè)發(fā)展戰(zhàn)略。

一、商業(yè)網(wǎng)頁設(shè)計中點、線、面視覺心理因素的運用

點、線、面是商業(yè)網(wǎng)頁設(shè)計基本的視覺元素,是表現(xiàn)視覺形象的基本設(shè)計語言。從視覺角度看網(wǎng)頁設(shè)計主要是如何經(jīng)營好三者的關(guān)系,因為不管是任何視覺形象或者版式構(gòu)成,歸結(jié)到底,都可以歸納為點、線和面。

1.網(wǎng)頁設(shè)計造型要素中的點

商業(yè)網(wǎng)頁設(shè)計中的點是構(gòu)成網(wǎng)頁的最基本單位,是指頁面中具備點的視覺特點、體積較小的物象。相對于整體背景而言一個單獨的點是相比較而言的;是有大小、形狀和體積的。點的大小、形態(tài)、位置不同,所產(chǎn)生的視覺效果、心理作用也不同。一個網(wǎng)頁往往需要有數(shù)量不等,形狀各異的點來構(gòu)成,可以是具體產(chǎn)品、商品標志等,也可以是感覺上的點。例如,天空中的飛鳥、沙灘上的腳印、花瓣上的蜜蜂等,在其周圍背景襯托下,都給人以“點”的視覺心理感受。

點在設(shè)計中即可以起一種穩(wěn)定造型的作用,亦可起到活潑生動、吸引視覺中心的作用,使用得當,甚至可以畫龍點睛;點的形狀、方向、大小、位置、聚集與發(fā)散,還能夠給人帶來不同的心理感受。

(1)單點的應(yīng)用:點在人們的視覺中具有很強的吸引作用,如:點(商品)設(shè)計在網(wǎng)頁的上方或左右位置,則給人不穩(wěn)定感和相對的動感。

(2)多點的應(yīng)用:兩點(二商品)之間會產(chǎn)生心理連線的感覺,多點時則會出現(xiàn)不同排列,順序的虛擬的面或形體。

2.網(wǎng)頁設(shè)計造型要素中的線

點的延伸形成線。線在頁面中的作用在于表示方向、位置、長短、寬度、形狀、質(zhì)量和情緒。線是分割頁面的主要元素之一,是決定頁面現(xiàn)象的基本要素。商業(yè)網(wǎng)頁設(shè)計視覺因素中的線主要指文字的行線,商品圖形、圖象的輪廊線,各種裝飾線。線的形態(tài)主要有直線和曲線兩大類:

(1)直線給人一種緊張、銳利、簡潔、剛直感,從心理或生理感覺來看具有男性特點。直線又有:細直線,給人纖細、敏銳的心理感覺;粗直線,給人豪爽、拙樸、厚重的感覺;垂直線,給人一種挺拔、莊嚴感;水平直線則給人方向感和強烈的動感。

(2)曲線表現(xiàn)出一種動態(tài),活潑,輕快的意味,顯示了女性美的特征,商業(yè)網(wǎng)頁設(shè)計中運用文字行、圖象輪廊線或裝飾線的造型,創(chuàng)造一種女性化的審美感。自由曲線是最好的情感抒發(fā)手段。打破了水平線組成的莊嚴和單調(diào),給商業(yè)網(wǎng)頁增加了豐富、流暢、活潑的氣氛。水平線和自由曲線的組合運用,形成新穎的形式和不同情感的對比。

3.網(wǎng)頁設(shè)計造型要素中的面

線的推移形成面。面是無數(shù)點和線的組合。面具有一定的面積和質(zhì)量,占據(jù)空間的位置更多,因而相比點和線來說視覺沖擊力更大更強烈。面在網(wǎng)頁設(shè)計中通常指各種圖形、色塊的形狀設(shè)計,不同形狀的面具有自己鮮明的個性和情感特征,能給人不同的心理感受,如方形的面具有沉著,穩(wěn)重,厚實,堅強的男性特征;三角形、梯形面常給人一種穩(wěn)定、端正之感;但如果將它們倒過來設(shè)計,則給人一種輕、不穩(wěn)定的感覺。圓形充實、圓滿、活潑的感覺,比較適合表現(xiàn)兒童產(chǎn)品或者女性用品。菱形或不規(guī)則形體則給人一種活潑、輕快之感。

在商業(yè)網(wǎng)頁的視覺構(gòu)成中,點、線、面既是最基本的造型元素,又是最重要的表現(xiàn)手段。在確定商業(yè)網(wǎng)頁主體形象的位置、動態(tài)時,點線面將是需要最先考慮的因素。必須熟練掌握設(shè)計語言。要善于根據(jù)商業(yè)特性采用不同的組合去體現(xiàn)不同的情感訴求,達到推銷、銷售商品和服務(wù)的作用。只有合理的安排好點線面的互相關(guān)系,才能設(shè)計出具有最佳視覺效果的頁面,充分的表達出商業(yè)網(wǎng)頁最終的訴求!二、商業(yè)網(wǎng)頁設(shè)計中色彩視覺心理因素的運用

商業(yè)網(wǎng)頁設(shè)計中色彩是確立網(wǎng)站風(fēng)格的靈魂。色彩能產(chǎn)生強烈的視覺效果,使頁面更加生動。色彩設(shè)計的好壞直接影響閱讀者的觀賞興趣與心理變化。因此,地位十分重要。商業(yè)網(wǎng)頁的色彩設(shè)計應(yīng)從以下幾個方面把握和利用其心理特征:

首先,整個頁面要確定一個主色調(diào),其有利于體現(xiàn)網(wǎng)站主題。每一種色彩都具有它自身的性格,如:彩度高,明度高的色彩常給人一種華麗感,相反彩度低,低明度的色彩則給人一種樸實感。暖色系、高明度的色彩能給人一種面積大的前進感。冷色系、低明度的色彩則能給人一種面積小的后退感。每個人群對色彩的喜好也有所不同,如男性較喜歡冷色,女性則偏好暖色或高明度、高彩度的色彩,兒童喜好純色,討厭濁色,老人則偏好濁色,中年人或文化層次較高的人偏好冷灰色等。因此在設(shè)計中要考慮主要讀者群的背景和構(gòu)成以及如何與商品的屬性相呼應(yīng)。

其次,在主色調(diào)下的色調(diào)搭配。若頁面空間整體、色彩和諧統(tǒng)一,則給人一種幽雅、寧靜感;若以對比手法處理,圖形文字色彩明快突出于背景色,則頁面空間氛圍會顯得活躍而有生氣。但是,要注意不能有強烈的色彩對比,因為過于豐富的背景色彩會影響前景商品圖片和文字的取色,使文字溶于背景中,不易辨識。所以背景一般應(yīng)以單純?yōu)橐恕?/p>

最后,作為設(shè)計師在考慮網(wǎng)頁設(shè)計時,還應(yīng)考慮到時代流行性色和企業(yè)標準色的問題。所謂流行色,是指在一定范圍內(nèi)和時間內(nèi),非常盛行并易為人們接受的某些式樣或顏色。而標準色的運用在網(wǎng)上擴大了品牌效應(yīng),也是對公司整體形象的統(tǒng)一應(yīng)用,從而構(gòu)成了企業(yè)識別系統(tǒng)(CIS)的重要部分。

三、商業(yè)網(wǎng)頁設(shè)計中動、靜的視覺心理因素的運用

商業(yè)網(wǎng)頁設(shè)計構(gòu)成要素可分為兩種狀態(tài):靜態(tài)與動態(tài)。靜態(tài)要素設(shè)計具體指靜止的商品圖形、文字、按紐等;動態(tài)要素,具體指動態(tài)按紐、按紐連接、網(wǎng)頁動畫和視頻等,它們是豐富、生動網(wǎng)頁、張顯個性、突出主題重要手段。

動靜以及不同的動靜組合都可以反映不同的心理與性格,如,動大體上給人活潑、生動的印象,但極慢的動常給人憂慮感;迅速或突然的動常給人焦慮、驚慌感。另外,靜也常給人寧靜、沉悶兩種感覺。

商業(yè)網(wǎng)頁設(shè)計中要注意處理好動靜的關(guān)系,要整體和諧統(tǒng)一,給人生動而不躁動或厭惡感。同時還要遵循動態(tài)性原則與交互性原則。

1.動態(tài)性原則,即要有四維空間或五維空間的運作觀念。一件網(wǎng)頁商品、圖片不僅是二維的平面或三維的視覺,也要有時間與空間的變換,情感與思維認識的演變等多維因素。

2.交互性原則,即界面設(shè)計強調(diào)交互過程。一方面是物的信息傳達,另一方面是人的接受與反饋,對任何物的信息都能動地認識與把握。

四、商業(yè)網(wǎng)頁設(shè)計中視覺流程心理因素的運用

商業(yè)網(wǎng)頁設(shè)計是通過視覺元素引起人注目而實現(xiàn)商品信息內(nèi)容的傳達,為了使網(wǎng)頁獲得最大的視覺傳達功能,使網(wǎng)頁真正成為可讀強性而且新穎的媒體,必須適應(yīng)人們視覺流程的心理和生理的特點。

視覺流程的形成是由人類的視覺特性所決定的。心理學(xué)家葛斯達認為:人們閱讀時,版面的上部比下部的注目價值高,左側(cè)比右側(cè)的注目價值高。因此,版面的左上側(cè)位置最為引人注目,因此,在網(wǎng)頁設(shè)計中一些突出的商品信息,如主標題、每天更新的內(nèi)容等通常都放在這個位置。以便于一開始就吸引受眾的視線,誘導(dǎo)其由上到下,由左到右地移動。此位置也被稱作視覺的最佳視域。也就是最優(yōu)選的地方。當然視覺流程是一種感覺而非確切的數(shù)學(xué)公式,只要符合人們認識過程的心理順序和思維發(fā)展的邏輯順序,就可以更為靈活地運用。設(shè)計者可以利用視線移動規(guī)律,誘導(dǎo)讀者的視線作左右流動、上下流動以及斜線的不穩(wěn)定流動,通過編排設(shè)計,人為地產(chǎn)生最佳視域,突出主要商品,以達到一定的視覺效果,傳遞商品信息。

商業(yè)網(wǎng)頁作為一種新的企業(yè)開展電子商務(wù)的基礎(chǔ)設(shè)施和信息平臺,它的發(fā)展雖然沒有多長時間,卻兼容了傳統(tǒng)平面設(shè)計的特征,又具備其所沒有的優(yōu)勢,成為今后商品信息交流的一個非常有影響的途徑。其設(shè)計是一種綜合性的設(shè)計,它所涉及的范圍非常的廣泛,包括消費者心理學(xué)、視覺設(shè)計美學(xué)、人機工程、哲學(xué)等諸多方面,而本文中只從視覺心理因素的角度進行了一些闡述與分析,僅作拋磚引玉之用。

參考文獻:

[1]李彬彬:設(shè)計效果心理評價[M].北京:中國輕工出版社,2005.1

[2]趙殿澤:構(gòu)成藝術(shù)[M].沈陽:遼寧美術(shù)出版社,1994

篇3

1移動搜索的特點

首先,移動搜索具有可用性特點。移動設(shè)備可用性包括:界面可視性、導(dǎo)航、內(nèi)容等。網(wǎng)頁界面可用性表現(xiàn)為同一窗口中內(nèi)容要精簡,按內(nèi)容的重要性排列顯示;網(wǎng)頁版面布局要方便用戶更容易地接收信息等。其次,移動搜索具有可訪問性特點。移動搜索用戶與桌面搜索用戶相比,對搜索結(jié)果的關(guān)注度更高。移動用戶更多的是搜索能解決身邊的問題,諸如餐飲、旅游、公交等,主要關(guān)注生活服務(wù)類、健康保健類、教育培訓(xùn)類這三類信息,因此移動SEO的需求主要是針對這些網(wǎng)站的搜索引擎優(yōu)化。

2根據(jù)移動搜索特點的網(wǎng)頁移動化策略網(wǎng)頁移動化策略有兩個

(1)響應(yīng)式網(wǎng)頁設(shè)計。

(2)搜索引擎開放適配服務(wù),抓取移動資源。響應(yīng)式網(wǎng)頁設(shè)計(Responsivewebdesign)是一種網(wǎng)頁設(shè)計的方法,該設(shè)計可使網(wǎng)站從桌面電腦顯示器到移動設(shè)備上適合閱讀和導(dǎo)航。響應(yīng)式網(wǎng)頁設(shè)計就是能夠用一套樣式,使網(wǎng)站的頁面能夠在不同分辨率的屏幕下都有很好的表現(xiàn)形式。百度的移動資源有兩種抓取方式,一是通過傳統(tǒng)的蜘蛛(spider)抓取,另一種是通過百度提供的“開放適配”服務(wù)。目前百度開放適配服務(wù)共提供三種方案:自主適配、標注Meta聲明、提交對應(yīng)關(guān)系Sitemap。按照百度官方的定義用“開放適配”的抓取速度會優(yōu)于傳統(tǒng)的網(wǎng)頁抓取。

二移動端網(wǎng)站優(yōu)化的規(guī)則和策略

1百度移動搜索結(jié)果的排名標準百度鼓勵mobile資源,根據(jù)百度移動搜索結(jié)果的排名標準

(1)檢索友好性,其友好性判斷標準是網(wǎng)站有沒有可以匹配移動設(shè)備的HTML5結(jié)構(gòu)。

(2)有完整的功能/服務(wù)滿足用戶需求,保證內(nèi)容/服務(wù)的穩(wěn)定可用,保證訪問速度及到達率。

(3)移動化交互體驗,符合移動終端特性。

(4)使用規(guī)范的html5/xhtml協(xié)議語言。

2移動端搜索結(jié)果的排名策略

移動端網(wǎng)站優(yōu)化打破傳統(tǒng)網(wǎng)站的優(yōu)化方式,移動端搜索結(jié)果的排名策略主要由基礎(chǔ)相關(guān)性、資源質(zhì)量、檢索友好性三個部分組成。手機頁面進行適配,移動網(wǎng)站的DOCTYPE聲明有助于搜索引擎識別該頁面是否適合手機瀏覽,mobile頁面協(xié)議編寫如果不規(guī)范,會造成百度無法正常識別。<!DOCTYPE>聲明應(yīng)該位于文檔中的最前面的位置,處于<html>標簽之前,其聲明格式。

三基于移動搜索的網(wǎng)頁優(yōu)化

面對移動搜索市場,移動用戶需求與標準的桌面搜索需求是不同的,移動用戶更傾向于即時需求,移動搜索與桌面搜索相比,具有:

(1)在移動設(shè)備上的小屏幕,可能只能出現(xiàn)5個搜索結(jié)果。

(2)移動搜索查詢往往極短,查詢的關(guān)鍵詞也比傳統(tǒng)桌面搜索更少。

(3)移動搜索查詢結(jié)果受到字數(shù)限制。例如,PC端和移動端搜索結(jié)果,PC端30多個中文漢字才截斷,移動端不到20個字就截斷。

1移動端網(wǎng)站樣式表的優(yōu)化

制作的一個移動樣式表單,稱之為“handheld.css”,這個CSS可以把傳統(tǒng)網(wǎng)頁格式化為移動設(shè)備可以瀏覽的網(wǎng)頁。<linkrel="stylesheet"href="css/handheld.css"type="text/css"media="handheld"/>如果客戶端是手機等移動設(shè)備時,就會載入這個css樣式表。

2移動端網(wǎng)頁標簽的優(yōu)化

(1)meta標簽優(yōu)化,使用標注meta聲明開放適配協(xié)議。站長在站點PC頁的源代碼頭部嵌入一行或多行Meta信息,由Meta信息來指明該PC頁對應(yīng)的手機頁的URL。Meta聲明的格式:<metahttp-equiv="mobile-agent"content="format=[wml|xhtml|html5];url=url">

(2)描述標簽(description)的優(yōu)化,使用description目的是用來說明頁面的主體內(nèi)容。描述標簽也會被顯示在搜索結(jié)果當中被用戶所見。

(3)jquery標簽的優(yōu)化,提升移動用戶的使用體驗。例如,滑動切換圖片相比于自動切換和點擊切換,滑動切換增強了用戶操作的主動性、隱藏標簽和顯示標簽實現(xiàn)動畫效果,同時提升了切換的便捷性。

3移動端頁面結(jié)構(gòu)的優(yōu)化

使用三層的頁面結(jié)構(gòu)。由于移動端是直接用手指操作,需要響應(yīng)元素點擊區(qū)域要相對明顯,布局上可以多上下排列。移動網(wǎng)站的頁面加載速度要比普通網(wǎng)頁加載速度慢,所以減少頁面數(shù)量非常重要。用戶是不會有耐心不斷打開網(wǎng)頁上的,所以盡可能簡化網(wǎng)站的布局也是很重要。一個標準的移動站應(yīng)該包含首頁、列表頁和詳情頁三種類型,頁面類型及層級不超過三個,保證簡單、高效的用戶體驗。使用盡量淺的頁間結(jié)構(gòu),減少用戶點擊次數(shù),提升瀏覽體驗,

4移動端網(wǎng)頁導(dǎo)航的優(yōu)化

網(wǎng)頁導(dǎo)航可用性表現(xiàn)為用戶能快速地找到所需的信息,是用戶體驗的重要實現(xiàn)方式。移動網(wǎng)站可以采用的導(dǎo)航種類較PC端要少,按照范圍的不同,可以分為三大類:結(jié)構(gòu)性導(dǎo)航、關(guān)聯(lián)性導(dǎo)航和公用程序?qū)Ш?,一般首頁?dǎo)航可以分為導(dǎo)航式和內(nèi)容式兩種,導(dǎo)航式因其風(fēng)格簡潔可起到快速傳達品牌形象的作用;內(nèi)容式因其豐富的內(nèi)容,可快速傳遞信息,F(xiàn)ig.3Thehomepagenavigationandcontenttypestructure通過導(dǎo)航,用戶可以知道所在頁面在整個網(wǎng)站中的位置,在移動端導(dǎo)航中盡量使用文字鏈接,不要使用復(fù)雜的js或者flash。使用圖片做導(dǎo)航時,可以使用Alt告訴搜索引擎所指向的網(wǎng)頁內(nèi)容。

5移動端網(wǎng)頁屏幕分辨率的自適應(yīng)

移動端網(wǎng)站的頁面需做到以下三點:一是頁面隨屏幕寬度變化,無橫向滾動條;二是屏幕不放大時,能清晰瀏覽內(nèi)容,文字大小不低于12像素;三是屏幕不放大時,按鈕、鏈接等點擊方便,按鈕尺寸不能過大或過小。

四結(jié)論

篇4

(一)點、線、面有效結(jié)合

點、線、面是視覺構(gòu)成的基本要素,網(wǎng)頁的所有信息都是通過點、線、面的合理搭配出來的效果,因此,要提高網(wǎng)頁的視覺效果,首先就要從這三者的結(jié)合上來分析。例如:在點的運用中,工作者可以通過將點聚合或者離散使用,從而達到動靜態(tài)結(jié)合的效果,滿足用戶的需求。另外,通過點的有效結(jié)合形成線,線之間交叉使用,虛實線的結(jié)合、線的明暗漸變等,讓整個網(wǎng)頁的版面形成大概的輪廓,達到版面的基本效果。

(二)圖文、色彩的合理搭配

在網(wǎng)頁設(shè)計中,圖文、色彩也是必不可少的視覺構(gòu)成因素,不同的圖文、色彩搭配達到的網(wǎng)頁效果就會千差萬別。所以,設(shè)計者要想提高網(wǎng)頁的視覺效果,還需要將更多的精力放在圖文與色彩的合理搭配上。在選擇網(wǎng)頁的圖片、文字、色彩等信息時需要與網(wǎng)頁的主題結(jié)合起來。所選的文字、圖片要具有代表性,能夠體現(xiàn)出網(wǎng)頁的主題,選擇的色彩更應(yīng)該科學(xué)合理,對于比較柔情的網(wǎng)站可以選擇淡粉色,而對于某些具有科技研究性能的網(wǎng)站要選用藍色、綠色等有生機的色調(diào)來渲染。另外,所選的色彩還需要合理搭配才能體現(xiàn)出網(wǎng)站的主題,同色調(diào)的搭配、相似色調(diào)的搭配、反差大的色調(diào)搭配以及主色調(diào)的選擇、輔色調(diào)的選擇等都要設(shè)計者仔細掂量,并將網(wǎng)站的主題結(jié)合進來,才能讓網(wǎng)頁的視覺效果吸引用戶的眼球。

(三)將用戶的認知習(xí)慣合理的結(jié)合起來

不同的用戶具有不同的思維習(xí)慣,他們的審美觀也各不相同,要想讓用戶對網(wǎng)頁的設(shè)計效果滿意,還需要將他們的認知習(xí)慣科學(xué)合理地結(jié)合到網(wǎng)頁設(shè)計的過程中。設(shè)計者不僅要具有良好的專業(yè)素質(zhì),還要具有明確用戶需求、了解用戶認知習(xí)慣的能力,才能將各種網(wǎng)頁設(shè)計中的視覺構(gòu)成要素科學(xué)系統(tǒng)地結(jié)合起來,達到設(shè)計網(wǎng)頁的效果,達到用戶的需求。

二、結(jié)語

篇5

元素水墨畫是中國傳統(tǒng)藝術(shù)表現(xiàn)形式中最具有民族氣息、蘊含著東方精神的畫種,它具備了古代和現(xiàn)代人都能夠理解的相同的文化內(nèi)涵。因此,著重分析水墨畫的表現(xiàn)元素對網(wǎng)頁設(shè)計起著非常重要的作用。下面筆者就結(jié)合水墨畫的藝術(shù)形式,分析水墨動畫在網(wǎng)頁設(shè)計中的應(yīng)用。

1.構(gòu)圖方面網(wǎng)頁設(shè)計是由簡單的構(gòu)圖開始的。不論如何巧妙的構(gòu)思都要通過構(gòu)圖轉(zhuǎn)變成視覺語言傳遞給受眾。網(wǎng)頁設(shè)計中不同的構(gòu)圖形式所表現(xiàn)出來的意味和給人的心理感受是不一樣的。而構(gòu)圖在水墨畫中也起著不容忽視的作用。為了營造具有獨特韻味的藝術(shù)情景,水墨畫非常注重構(gòu)圖的技巧,多采用散點透視,這種構(gòu)圖方式不受視覺范圍的約束,更利于創(chuàng)作者將內(nèi)容豐富化、生動化,更利于其在畫作中表達自己的情感。將這點應(yīng)用到網(wǎng)頁設(shè)計當中,為網(wǎng)頁設(shè)計的構(gòu)圖提供了更靈活的空間。水墨畫講究“計白當黑”,也就是在構(gòu)圖時會特意留出大小、主次、疏密程度不同的空白,給人留有想象的空間,做到虛實結(jié)合,這樣不但可以增加作品的靈動感,還能夠開闊藝術(shù)家的思想。網(wǎng)頁中的界面設(shè)計也可以利用這一點,將圖形、文字等與空白相互結(jié)合,形成虛實空間,使頁面呈現(xiàn)高雅的視覺效果。

2.筆墨方面水墨畫中的用筆用墨都是具有一定技巧的,歷代畫家所總結(jié)的筆墨技巧給水墨動畫創(chuàng)作者帶來了很好的啟發(fā),設(shè)計師可以將這一點充分應(yīng)用到網(wǎng)頁設(shè)計中。設(shè)計師將水墨動畫中線條的獨特表現(xiàn)力應(yīng)用到網(wǎng)頁設(shè)計中,將不同線條用筆的內(nèi)涵表現(xiàn)得淋漓盡致,有效地傳遞了所要表達的信息。除了筆墨方面,水墨動畫中色彩的搭配也是網(wǎng)頁設(shè)計需要借鑒的重要技術(shù)。在網(wǎng)頁的設(shè)計中,只有把設(shè)計理念注入色彩應(yīng)用,才可以使設(shè)計具有生命。就像水墨動畫中的色彩是由不同的顏色相互結(jié)合,產(chǎn)生細微變化所形成的顏色,是一種純粹的美。其運用到網(wǎng)頁設(shè)計中,可以使網(wǎng)頁富有生命力。

3.意境方面水墨動畫可以說是水墨畫的連貫表現(xiàn),它與水墨畫一樣講究傳神。氣韻是評論畫作好壞的標準,也就是畫家在作畫時想要表達的情感含義、精神狀態(tài)。氣韻應(yīng)生動,所謂生動指的是所表現(xiàn)出的視覺效果具有生機勃勃的態(tài)勢。這也是設(shè)計師在網(wǎng)頁設(shè)計中不斷追求的境界。在網(wǎng)頁設(shè)計中,只要是頁面上出現(xiàn)的圖像,都要做到將信息精準地傳遞給用戶,并能引起關(guān)注,給人留下深刻的印象。以上都是水墨動畫的表現(xiàn)元素,這些表現(xiàn)元素如今都在網(wǎng)頁設(shè)計中得到應(yīng)用。相信經(jīng)過不斷摸索,網(wǎng)頁設(shè)計師還會發(fā)現(xiàn)新的設(shè)計理念,并將我國的網(wǎng)頁設(shè)計事業(yè)推向高峰。

二、結(jié)語

篇6

在我國,視覺傳達教育起步較晚,但是發(fā)展迅速,其人才培養(yǎng)和教育模式倍受社會關(guān)注。目前很多高校在藝術(shù)類網(wǎng)頁設(shè)計課程的教學(xué)上存在兩種主要現(xiàn)象:一是重設(shè)計、輕制作;二是重軟件、輕藝術(shù)。第一種培養(yǎng)出的學(xué)生一般只注重靜態(tài)頁面的視覺效果,對網(wǎng)站的動態(tài)更新關(guān)注較少,不利于網(wǎng)頁后期維護;第二種培養(yǎng)出的學(xué)生側(cè)重于Dreamweaver、Flash等軟件的操作,對網(wǎng)頁的版式、VI形象等關(guān)注較少,制作出的網(wǎng)頁往往缺乏個性、藝術(shù)表現(xiàn)力不強。因此,對視覺傳達專業(yè)的網(wǎng)頁設(shè)計課程的教學(xué)改革勢在必行。

二、課程教學(xué)目標的重新確定

我們都知道,一門學(xué)科的課程目標通常決定了該學(xué)科的最終導(dǎo)向,它不僅能為教師傳授正確的學(xué)科理念提供依據(jù),同時也給學(xué)生指明正確的課程學(xué)習(xí)方向。因此,視覺傳達專業(yè)網(wǎng)頁設(shè)計課程改革的首要環(huán)節(jié)就是對該課程教學(xué)目標的重新確立。眾所周知,高等教育培養(yǎng)出來的人才最終要服務(wù)于社會,社會的需求決定了該學(xué)科的教學(xué)內(nèi)容和教學(xué)目標。隨著科技的進步,時代的發(fā)展,不同時期對網(wǎng)頁設(shè)計人員的需求也是不同的。通過市場調(diào)研,我發(fā)現(xiàn)目前社會上網(wǎng)站分工越來越細,招聘的相關(guān)崗位大體分為三類:第一類為前臺美工,以視覺傳達專業(yè)為主,以網(wǎng)站的形象塑造和界面美化為崗位內(nèi)容;第二類為網(wǎng)站后臺服務(wù),多以h7V5數(shù)據(jù)庫等做交互型網(wǎng)站的,以計算機專業(yè)為主;第三類就是兩者都要具備的全才網(wǎng)頁設(shè)計師,是具有技術(shù)背景和多年實戰(zhàn)經(jīng)驗的創(chuàng)意人才。由此我們可以確定視覺傳達專業(yè)培養(yǎng)出來的網(wǎng)頁設(shè)計人才的崗位定位應(yīng)是網(wǎng)頁美工師,他應(yīng)該具有兩種專業(yè)素質(zhì):一是掌握網(wǎng)頁設(shè)計的基本要素和美學(xué)知識相結(jié)合的方法與技巧;二是懂得簡單機算計軟件(PS、Dreamweaver、Flash)的操作,便于在制作網(wǎng)頁界面時考慮到后臺維護的便利。而“藝術(shù)設(shè)計教育的人才培養(yǎng)目標是:培養(yǎng)綜合素質(zhì)高、創(chuàng)造能力強的高級應(yīng)用型設(shè)計人才”。所以該課程教學(xué)目標應(yīng)該是培養(yǎng)具有以上兩種專業(yè)綜合素質(zhì)的、創(chuàng)造能力強的高級網(wǎng)絡(luò)應(yīng)用型設(shè)計人才。新的培養(yǎng)目標確定后,該課程的教學(xué)內(nèi)容應(yīng)該在此基礎(chǔ)上重新調(diào)整。

三、課程內(nèi)容的調(diào)整

視覺傳達專業(yè)網(wǎng)頁設(shè)計課程教學(xué)內(nèi)容應(yīng)該為教學(xué)目標服務(wù),知識結(jié)構(gòu)要合理,應(yīng)注意知識點之間的交叉及有機結(jié)合,同時也要有效地培養(yǎng)學(xué)生的創(chuàng)新性思維及獨立分析、解決問題的能力?;诖耍碌慕虒W(xué)內(nèi)容調(diào)整為兩大板塊:理論課程內(nèi)容和實踐課程內(nèi)容。

1.理論課程內(nèi)容

理論課程內(nèi)容在課程編排中為最先講授內(nèi)容,以教師PPT演示傳授為主,學(xué)生討論互動為輔,課時安排為總學(xué)時的四分之一。在教學(xué)過程中又分為兩個環(huán)節(jié)來實現(xiàn):(1)第一次課的設(shè)計把第一次課設(shè)置為課程概述,主要對網(wǎng)頁設(shè)計課程的教學(xué)特點、教學(xué)內(nèi)容、教學(xué)目的、教學(xué)重點和難點加以通篇介紹,對學(xué)生說明課程安排和考核要求,并通過簡單上機實例操作來提高學(xué)生學(xué)習(xí)興趣,進而引入網(wǎng)頁基本理論教學(xué)環(huán)節(jié)。(2)網(wǎng)頁基本理論學(xué)習(xí)網(wǎng)頁基本理論學(xué)習(xí)包含三個知識板塊:網(wǎng)頁設(shè)計的基本要素、網(wǎng)頁界面的版式設(shè)計、網(wǎng)頁VI形象的美學(xué)塑造。我們知道每個設(shè)計門類都有自己獨特的構(gòu)成元素,這些不同的構(gòu)成元素形成了該門類不同于別的門類的獨特的藝術(shù)魅力。了解和掌握這些構(gòu)成元素的特點和作用,有助于我們更好地進行設(shè)計工作。網(wǎng)頁構(gòu)成元素按功能和形式劃分為兩大類型,按功能劃分為頁眉和頁腳、背景與底紋、按鈕與控件、導(dǎo)航器和目錄、功能板塊和廣告位;按形式分為文字、圖片、色彩、多媒體和超級鏈接。網(wǎng)頁設(shè)計中的構(gòu)成語言不同于傳統(tǒng)平面設(shè)計,它們之間存在很大差異,例如網(wǎng)頁設(shè)計中的顏色是光色,是標準的RGB色彩,而傳統(tǒng)平面設(shè)計中的顏色在輸出過程中是以印刷色CMYK形式出現(xiàn)的;傳統(tǒng)的平面設(shè)計不用考慮網(wǎng)絡(luò)傳輸?shù)囊蛩?,而網(wǎng)頁設(shè)計中的構(gòu)成元素應(yīng)考慮在不影響顯示效果的前題下,盡量壓縮文件大小,便于網(wǎng)頁文件的上傳與下載;又如動畫、音頻等多媒體語言在傳統(tǒng)平面設(shè)計中不用考慮,而在網(wǎng)頁設(shè)計中它們是給網(wǎng)頁增加活力的重要手段因此,教師在此板塊教學(xué)中要選擇大量實例進行比較,不但要指出網(wǎng)頁設(shè)計各構(gòu)成元素的特點和作用,而且還應(yīng)指出與平面設(shè)計中相對應(yīng)元素的異同之處,便于學(xué)生區(qū)別學(xué)習(xí)。網(wǎng)頁界面的版式設(shè)計不同于傳統(tǒng)平面設(shè)計的版式設(shè)計。平面印刷品有著各自固定的紙張大小或裁切規(guī)格,而網(wǎng)頁界面則不然,它的顯示尺寸受到電腦顯示器的限制,不同尺寸的顯示器顯示的網(wǎng)頁界面是有區(qū)別的。除此以外,它的最終顯示控制權(quán)其實掌握在瀏覽者手中。如果過分注重網(wǎng)頁界面版式設(shè)計的視覺完整性,就不能顧及網(wǎng)頁設(shè)計元素的靈活性。所以,教師在此板塊教學(xué)中應(yīng)該強調(diào)網(wǎng)頁界面版式的變化性,同時也要強調(diào)首頁與內(nèi)頁版式的連貫性,要求學(xué)生在設(shè)計中注意網(wǎng)頁界面版式完整性與靈活性的關(guān)系。網(wǎng)頁設(shè)計是VI設(shè)計的一個重要組成部分,是企業(yè)視覺形象執(zhí)行標準的延續(xù)和拓展。和所有的線下公司一樣,一個好的網(wǎng)站也需要依助于VI設(shè)計。準確的、有創(chuàng)意的VI設(shè)計,有利于樹立網(wǎng)站形象,使其在眾多同類網(wǎng)站中脫穎而出,增加瀏覽者的瀏覽欲望和瀏覽記憶,對該企業(yè)的推廣和宣傳也能起到促進作用。網(wǎng)頁設(shè)計課程上引入VI設(shè)計概念,教師應(yīng)該保持教學(xué)的延續(xù)性,要求學(xué)生在進行網(wǎng)頁設(shè)計的同時,將VI理念應(yīng)用到網(wǎng)頁界面中。網(wǎng)頁設(shè)計應(yīng)主題突出、富有創(chuàng)意,色彩搭配應(yīng)協(xié)調(diào)統(tǒng)一,具有強烈的視覺沖擊力,從網(wǎng)頁LOGO到色彩運用均要突出企業(yè)視覺形象。

2.實踐課程內(nèi)容

視覺傳達教育的目的就是培養(yǎng)出創(chuàng)造能力強的高級應(yīng)用型設(shè)計人才。應(yīng)用性人才的培養(yǎng)模式里實踐性課程比例要大,網(wǎng)頁設(shè)計課程也是這樣,理論是基礎(chǔ),實踐是靈魂。所以實踐課程內(nèi)容在課程編排中為比重最大的內(nèi)容,課時安排為總學(xué)時的四分之三。實踐課程包含軟件操作板塊、簡單代碼學(xué)習(xí)板塊和實際案例制作板塊三個知識點。此部分內(nèi)容在教學(xué)過程中又分為兩個環(huán)節(jié)來實現(xiàn):

(1)軟件操作和簡單代碼學(xué)習(xí)板塊的教學(xué)

此部分教學(xué)為計算機軟件學(xué)習(xí)階段,F(xiàn)ireworks、Dreamweaver、Flash是傳統(tǒng)的網(wǎng)頁設(shè)計軟件學(xué)習(xí)內(nèi)容,根據(jù)當今互聯(lián)網(wǎng)開放性的特點和視覺傳達學(xué)生對現(xiàn)有軟件知識掌握的情況(PS是基本功,是學(xué)生都已掌握的軟件),把傳統(tǒng)軟件教學(xué)內(nèi)容更改為“網(wǎng)頁新三劍客”(PS+Dreamweaver+Flash)的學(xué)習(xí)。簡單地說,就是用PS制作靜態(tài)網(wǎng)頁界面和切圖,并處理圖片,用Dreamweaver布局和超級鏈接,用Flash做特效。而這三個軟件知識板塊里面教學(xué)重點依次為Dreamweaver、Flash、PS。在軟件教學(xué)環(huán)節(jié),教師可借助類似“紅蜘蛛”一樣的網(wǎng)絡(luò)教學(xué)平臺和學(xué)生互動教學(xué)。學(xué)生可根據(jù)老師在線傳送的素材臨摹教師的操作,教師也可以在線觀察學(xué)生執(zhí)行情況個別輔導(dǎo)。同時根據(jù)藝術(shù)學(xué)生英語和數(shù)學(xué)水平普遍較低的特點,在教學(xué)中應(yīng)該增加一些簡單代碼知識,介紹一些常用的代碼語言及Html標簽和CSS規(guī)則的使用方法,便于優(yōu)化網(wǎng)頁樣式,使整個網(wǎng)站風(fēng)格統(tǒng)一,也便于對已有的網(wǎng)頁模板進行更改,進而大大提高學(xué)生的崗位實踐技能。

(2)實際案例制作教學(xué)

此板塊教學(xué)采用以項目為載體、以任務(wù)為驅(qū)動的教學(xué)方法。教師可以引入實際項目或者虛擬項目,提出項目名稱和項目要求,輔導(dǎo)學(xué)生進行實際案例設(shè)計。實際案例制作教學(xué)應(yīng)充分強調(diào)實用性和自主性,教學(xué)環(huán)節(jié)可分三步進行。首先是教師示范環(huán)節(jié):教師要根據(jù)實例要求演示創(chuàng)作過程,從網(wǎng)站創(chuàng)意草圖到制作靜態(tài)界面;從創(chuàng)建站點到Dreamweaver網(wǎng)頁布局,創(chuàng)建超級鏈接;從美化網(wǎng)頁樣式,到制作網(wǎng)頁特效,利用簡單的代碼語言和Flas實現(xiàn)動態(tài)、實時、交互的頁面效果教師應(yīng)將每個創(chuàng)作環(huán)節(jié)一一展示,并將知識點設(shè)計應(yīng)用到整個案例實際操作中去,做到知識點與案例有效融合,案例之間能承上啟下,有機銜接。其次為學(xué)生設(shè)計環(huán)節(jié):學(xué)生可以根據(jù)老師的思路對經(jīng)典案例進行學(xué)習(xí)和分析,依據(jù)實際任務(wù)的要求,進行網(wǎng)頁設(shè)計實際操作。其間遇到問題學(xué)生可以相互討論,或求助教師解決難題。在整個講課過程中,教師指導(dǎo)為輔,學(xué)生對案例進行學(xué)習(xí)和分析為主,充分發(fā)揮學(xué)生的主觀能動性。要求學(xué)生充分發(fā)揮創(chuàng)意性思維,從被動學(xué)習(xí)轉(zhuǎn)換為為了實現(xiàn)項目目標而進行多渠道主動學(xué)習(xí),提高學(xué)生學(xué)習(xí)效率,縮短和實際崗位間的操作差距,進而為走向社會奠定基礎(chǔ)。最后為展示評價環(huán)節(jié):學(xué)生對自己的作品公開演示匯報,并鼓勵別的學(xué)生對其作品評價,找出優(yōu)劣點,好的保留,差的改正。教師根據(jù)作品質(zhì)量和學(xué)生評價對作品打分,以此作為該生整門課程成績的一個依據(jù)。

四、結(jié)語

篇7

(一)強調(diào)整體與局部的關(guān)系

設(shè)計時要強調(diào)其整體性,和諧性,準確性和快捷性,是使用者可以很容易達到目的,找到他們所需要的信息。另外,整體性也是網(wǎng)站風(fēng)格和設(shè)計師的藝術(shù)風(fēng)格重要表現(xiàn)。同時,網(wǎng)頁又是由很多視聽要素組成的,它們各自表達一個區(qū)間的內(nèi)容,都有著各自獨特的媒體特征。正因為這樣,在設(shè)計網(wǎng)頁時,注重網(wǎng)頁的各個元素的某種共性的特征是使網(wǎng)頁更加整體和富有感染力的手段。例如在版式設(shè)計的時候使各個元素間有所聯(lián)系,而有統(tǒng)一的風(fēng)格,使網(wǎng)頁達到了“形散而神不散”的目的。

(二)內(nèi)容與形式的統(tǒng)一

所有設(shè)計都有相應(yīng)的內(nèi)容和形式。內(nèi)容是所有的內(nèi)在的要素的總和,是設(shè)計的基礎(chǔ),是設(shè)計的靈魂;形式則是體現(xiàn)所有內(nèi)容要素的表現(xiàn)方式。內(nèi)容決定形式,而形式又反作用于內(nèi)容。一方面,如果只是強調(diào)花哨的外表,只注重形式美,脫離了網(wǎng)頁所要表現(xiàn)的內(nèi)容,再高超的技術(shù)表現(xiàn)也會顯得空洞。另一方面,如果只追求內(nèi)容的精彩,而不在意其表現(xiàn)形式的話,也就談不到什么藝術(shù)的再現(xiàn)和美的享受了。順便提一下,有些技術(shù)人員出身的設(shè)計者,單純?yōu)殪乓浼夹g(shù)上的優(yōu)勢,大量運用各種技術(shù),造成了網(wǎng)站的大量冗余,也是不可取的。形式必須為內(nèi)容服務(wù),確保網(wǎng)頁上每個元素都是“有用的”也是非常重要的。總之,在網(wǎng)頁設(shè)計過程一定要注意內(nèi)容與形式的統(tǒng)一。

(三)主題與風(fēng)格的鮮明

藝術(shù)設(shè)計最終都是一個主題——“美”,求美是藝術(shù)設(shè)計所要達到的目標。根據(jù)心理學(xué)上的研究,人類短時間內(nèi)可以認知的知識點不多,所以如果有太多的知識點的話,就會產(chǎn)生混淆甚至想背離。有可能的是看了后面的前面的就沒印象了。所以鮮明的主題是至關(guān)重要的。視覺設(shè)計所要表達的思想都是明確的,有目的的。這就要求視覺傳達不僅要純粹、簡潔、清楚和精準,而且在強調(diào)藝術(shù)性的同時,更應(yīng)該注重通過獨特的設(shè)計風(fēng)格和強烈的視覺沖擊力,來突出設(shè)計主旨。另一方面,鮮明的藝術(shù)風(fēng)格更是一個出色的設(shè)計師所不可缺少的。新的世紀是信息爆炸的世紀,網(wǎng)絡(luò)上的信息真是浩如煙海。要想做到在眾多的網(wǎng)站中脫穎而出,也必須要有自己的風(fēng)格,使瀏覽者更能從網(wǎng)頁上獲取更多的信息,而又能對該網(wǎng)站記憶深刻??傊W(wǎng)頁雖然是多樣的,雖然是新興的,但是只要抓住其設(shè)計原則,也是不難達到傳達思想與知識的目的。

二、網(wǎng)頁設(shè)計的特點及其數(shù)字化應(yīng)用

(一)交互性、持續(xù)性、數(shù)字化

網(wǎng)絡(luò)媒體與傳統(tǒng)媒體不同的是動態(tài)更新的信息和實時交互。傳統(tǒng)媒體都是以線形的方式提供信息,具有不可控性。而網(wǎng)絡(luò)媒體則有著所以更新,隨時交互的特性。游客可以獲取信息的需求,而不是等待信息,被動地接受信息。被動和主動的差異是很大的。新的世紀是數(shù)字化的世紀,幾乎所有的事情都與數(shù)字扯上了關(guān)系。數(shù)字照相機,數(shù)字攝像機,數(shù)字電視等等。網(wǎng)絡(luò)是新興的媒體形式,當然也離不開數(shù)字。從根源上來講,電腦的原理就是其對“1”、“0”的識別,電腦是數(shù)字的,網(wǎng)絡(luò)而又是由無數(shù)的電腦組成的,所以網(wǎng)頁、網(wǎng)站也都是數(shù)字的。所以網(wǎng)頁是以數(shù)字化的形態(tài)存在的。掌握數(shù)字技術(shù)也就成了是否能完成網(wǎng)頁設(shè)計的關(guān)鍵。

(二)數(shù)字媒體的綜合性

目前網(wǎng)頁設(shè)計的主要元素有文字、圖像、聲音、視頻等,隨著數(shù)字技術(shù)的發(fā)展,越來越多的新技術(shù)將被添加到網(wǎng)絡(luò)。隨著國家光纖網(wǎng)絡(luò)的普及,網(wǎng)絡(luò)服務(wù)器以及個人電腦的性能的提高,數(shù)字技術(shù)的應(yīng)用將越來越?jīng)]有硬件的限制。新技術(shù)的加入,特別是新數(shù)字技術(shù)的加入,必然會給網(wǎng)頁設(shè)計者帶來新的挑戰(zhàn),他們面臨著與新技術(shù)的碰撞與融合。當然,數(shù)字技術(shù)的應(yīng)用也會帶來種種問題,這也是設(shè)計著需要注意的。所以,網(wǎng)頁設(shè)計者必須綜合運用各種信息手段來豐富網(wǎng)頁的內(nèi)容,以滿足瀏覽者對豐富知識的渴求。

(三)數(shù)字與技術(shù)的結(jié)合,技術(shù)與藝術(shù)的結(jié)合

設(shè)計是受主觀因素和客觀因素的共同支配的。主觀方面就是人的創(chuàng)意、思想,客觀因素就是設(shè)計者的知識結(jié)構(gòu)、各種軟、硬件條件、網(wǎng)絡(luò)條件等等。一個優(yōu)秀的設(shè)計者應(yīng)該可以在客觀條件一定的情況下,最大化發(fā)揮自己的思想,取得最大的藝術(shù)效果?,F(xiàn)在新的數(shù)字技術(shù)加入了,在客觀層面上就出現(xiàn)了一個新的因素。如果設(shè)計者能把這新武器加以運用的話,必然使創(chuàng)意得到很好的發(fā)揮。

三、網(wǎng)頁設(shè)計與數(shù)字化生活的關(guān)系

(一)交互是數(shù)字化的標志

交互性,是指程序可以對人類的指令產(chǎn)生反映,有返回的信息,簡單的說,就是可以交流。數(shù)字技術(shù)發(fā)展至今,網(wǎng)絡(luò)不僅僅是可以瀏覽信息和傳送信息,更重要的是可以智能化的對用戶的指令做出反應(yīng)。最簡單的例子,就是搜索引擎。在網(wǎng)頁設(shè)計的時候有的時候為了方便用戶的信息檢索,都會加入一定范圍內(nèi)的搜索引擎。搜索引擎的發(fā)展是基于數(shù)據(jù)庫技術(shù)的介入,只要你輸入你想要的部分信息,或者只是對你需要信息的描述,搜索引擎就會在數(shù)據(jù)庫中尋找匹配的信息,然后返回一個結(jié)果給查詢者。當然,時至今日更多的數(shù)字交互技術(shù)產(chǎn)生了,并迅速應(yīng)用到網(wǎng)絡(luò)中。交互網(wǎng)絡(luò)游戲,網(wǎng)絡(luò)交易平臺,網(wǎng)絡(luò)信息中心,網(wǎng)絡(luò)數(shù)據(jù)庫,網(wǎng)絡(luò)資料庫等等交互形式都產(chǎn)生了。這就要求網(wǎng)頁設(shè)計者,要不斷更新自己的知識,能夠靈活地把新興數(shù)字技術(shù)更高的應(yīng)用到設(shè)計中。

(二)網(wǎng)絡(luò)及其數(shù)字化應(yīng)用已經(jīng)滲透到各個方面

微信,自媒體,這都是時下最流行的字眼,它們帶來的是什么呢?WWW,美麗的新世界。從開始的電話撥號到ISDN一線通一直到現(xiàn)在的ADSL甚至以后的光纖和移動終端接入,我們通過不同的方式進入這個偉大的虛擬的世界。萬維網(wǎng)誕生的時候,就是美軍為了情報交流的小型網(wǎng)絡(luò),而今天它已經(jīng)是如蜘蛛網(wǎng)般覆蓋全球了。它的主要功能是也不只是在軍事上,更滲透到我們生活的各個方面。移動新聞中心,隨時隨地與世界接軌,不用看報紙,盡知天下事。微信,在2011年1月21日推出,可以為智能終端提供即時通訊服務(wù)的免費應(yīng)用程序。它跨平臺、跨操運營商,通過網(wǎng)絡(luò)實現(xiàn)快速通信,具有非常強大的社交功能。數(shù)字娛樂,你可以在網(wǎng)絡(luò)上找到任何你需要的數(shù)字視頻和數(shù)字音頻。自從流(STREAM)媒體技術(shù)產(chǎn)生之后,人們不一定要把影音文件下載完了在看,而可以邊下載邊看,進而實現(xiàn)了在線觀看。網(wǎng)絡(luò)游戲是數(shù)字娛樂的另外一個重要組成部分。現(xiàn)在玩游戲并不只是一個消遣,游戲現(xiàn)在是一個產(chǎn)業(yè),每年都有種各樣的電子競技比賽,越來越多的人成了職業(yè)玩家,職業(yè)選手。企業(yè)信息化,企業(yè)上網(wǎng)目前無疑是每個企業(yè)的首要任務(wù)。這就要求網(wǎng)頁設(shè)計者能很好地為企業(yè)服務(wù),能夠設(shè)計出美觀而又富有個性的網(wǎng)站。同時企業(yè)在網(wǎng)絡(luò)上的業(yè)務(wù)現(xiàn)在也有很大發(fā)展空間,甚至現(xiàn)今有的企業(yè)所有的業(yè)務(wù)都是在網(wǎng)絡(luò)上完成的。當然數(shù)字技術(shù)對我們的滲透還不只于此,政府上網(wǎng),遠程醫(yī)療,遠程家庭管理等等都是新技術(shù)的應(yīng)用方面。眾多的數(shù)字技術(shù)應(yīng)用到網(wǎng)絡(luò)中,這就給網(wǎng)頁設(shè)計者提出了更高的要求。一方面,他們要不斷的充實自己,熟練地掌握新技術(shù)的應(yīng)用方法。另一方面,他們還必須把握網(wǎng)頁的主題,不能單純?yōu)榱遂乓夹g(shù)來設(shè)計網(wǎng)頁。畢竟,所有的技術(shù)都是為內(nèi)容服務(wù)的。

(三)數(shù)字化網(wǎng)絡(luò)展望

未來的世界必然是網(wǎng)絡(luò)的世界,人類的數(shù)字化生存已經(jīng)成為可能。隨著人工智能,嵌入式系統(tǒng),系統(tǒng)等新技術(shù)成熟后,網(wǎng)頁設(shè)計技術(shù)又將產(chǎn)生新的變革。未來的網(wǎng)絡(luò)技術(shù)必將更加多樣化,藍牙技術(shù),無線網(wǎng)絡(luò),衛(wèi)星網(wǎng)絡(luò)的應(yīng)用,使人們上網(wǎng)不在受時間、空間的限制。納米技術(shù)等新技術(shù)的應(yīng)用,必將是PC的性能產(chǎn)生飛躍,網(wǎng)絡(luò)帶寬的技術(shù)瓶頸將不復(fù)存在。

四、結(jié)論

篇8

1.1圖形和圖像

圖像和圖像在傳達信息的寓意性和直觀性方面遠遠超出了文字。在進行網(wǎng)頁設(shè)計工作時,應(yīng)用好的圖形和圖像,在很大程度上可以引發(fā)受眾產(chǎn)品、機構(gòu)以及企業(yè)等的興趣,從而使廣大受眾能夠自主地理解企業(yè)理念,深入了解企業(yè)文化和企業(yè)精神,實現(xiàn)信息的有效交流。同時,圖形和圖像具有較強信息導(dǎo)視作用,可有對復(fù)雜的信息進行快速有效地傳達,是網(wǎng)頁設(shè)計的關(guān)鍵視覺要素。

1.2動畫視頻

在網(wǎng)頁設(shè)計的視覺要素當中,動畫視頻是最活潑生動的要素,可以使信息內(nèi)容得到極大的豐富,促進人與人之間的有效溝通與互動,帶給受眾良好的視聽享受。該元素符合了絕大多數(shù)網(wǎng)頁受眾的心理需求,具有較強的數(shù)字化時代特征,且具有廣泛的受益面,親和力非常強,不僅是對廣大受眾想象空間的一種有效延伸,同時也是對受眾心理上和視覺上的一種良好的調(diào)劑。通常,在網(wǎng)頁設(shè)計中,采用最為普遍的是Flas,其運用已成為藝術(shù)與科學(xué)結(jié)合的中間環(huán)節(jié)。

1.3網(wǎng)頁色彩

與其他媒體相比較,網(wǎng)絡(luò)媒體存在一定網(wǎng)頁設(shè)計的視覺要素與編排創(chuàng)意探討文/岳小冰 郭春璐本文首先簡要分析了網(wǎng)頁設(shè)計的視覺要素,然后著重針對關(guān)于如何實現(xiàn)網(wǎng)頁設(shè)計編排創(chuàng)意的有效途徑進行了認真深入地探討分析,以供參考。摘要的差異,它可以通過光色的傳遞將各種信息顯示在屏幕上,為交流提供了便利。因此,設(shè)置出符合人們心里特質(zhì)的色彩顯得尤為重要。通常,人們對色彩的反應(yīng)最為準確而迅速,也是最為敏感的,色彩的凝聚了多方面的因素,如理性、感性以及文化等,其營造的視覺效果能夠有效激發(fā)受眾的不同情感反應(yīng),引起情感上的共鳴。

2實現(xiàn)網(wǎng)頁設(shè)計編排創(chuàng)意的有效途徑

2.1合理分類網(wǎng)站內(nèi)容

在進行網(wǎng)頁頁面的編排時,需要將各種圖片、文字、動畫以及視頻等信息同時展示給觀眾。因此,要想使網(wǎng)頁設(shè)計編排具有創(chuàng)意,首先必須嚴格按照內(nèi)容和性質(zhì)的不同,對網(wǎng)站以及網(wǎng)站的內(nèi)容進行合理有效地分類,然后再根據(jù)一定的次序?qū)@些信息進行合理地布局,使之成為一個有機的視覺整體,并進行總體性的考慮,“經(jīng)營位置”,盡可能在有效地平面空間內(nèi),激發(fā)人們無限的想象。

2.2明確界定版面設(shè)計

網(wǎng)站的編排創(chuàng)意非常講究整體性感覺,換而言之,就是視覺體量的整體認知調(diào)整,它是以網(wǎng)站策劃為主要依據(jù),對各種設(shè)計元素的多樣化組合排列的可能性進行有效篩選的過程。首先,相關(guān)設(shè)計人員在進行網(wǎng)頁設(shè)計編排時,應(yīng)該對版面的設(shè)計做出非常明確的界定,在腦海中初步形成網(wǎng)頁設(shè)計的構(gòu)思,然后再通過視覺方式利用草圖將擬定的初步構(gòu)思變得具體化,雖然這是一個無形的過程,但也是最能夠體現(xiàn)創(chuàng)意的過程。

2.3對不同元素進行有機結(jié)合

相關(guān)設(shè)計人員在進行網(wǎng)頁設(shè)計工作時,還應(yīng)該將各種不同的元素有機的結(jié)合起來,可以通過Frame對網(wǎng)頁進行分欄,如左右結(jié)構(gòu)、上下結(jié)構(gòu)、混合結(jié)構(gòu)。同時,也可以通過采用Layer定位的方式,對頁面布局進行明確,對表格的使用是具有創(chuàng)造性的,網(wǎng)頁的頁面結(jié)構(gòu)需要在服從框架和表格的前提之下創(chuàng)建規(guī)律,然后再根據(jù)頁面創(chuàng)意進行合理有效地分割[3]。如果將不規(guī)則的圖形設(shè)置為背景,可以有效地突破視覺上一貫的呆板和過分規(guī)律,獲得視覺上的美觀享受。另外,對于框架、表格、層往往可以同時使用,針對層的定位方式,通常采用相對定位方式,這種方式具有一定的局限性,缺乏良好的顯示器的分辨率兼容性,但是表格可以很好地彌補這一缺陷,它們之間可以相得益彰、起到取長補短的作用。

2.4融合網(wǎng)頁頁面的素材和主題

由于網(wǎng)站的性質(zhì)存在一定的差異,再加之受眾在網(wǎng)站內(nèi)逗留的時間、瀏覽網(wǎng)站的目的以及閱讀信息的方式也各有不同,因而,策劃網(wǎng)頁頁面的編排創(chuàng)意和配置站內(nèi)文字資料的方式以及設(shè)計的自由程度也有所不同。因此,相關(guān)人員在進行網(wǎng)頁頁面的編排時,應(yīng)該與網(wǎng)頁頁面的素材和主題充分結(jié)合起來,對頁面的平衡度進行合理有效地調(diào)整,在不對稱之處找到均衡,使人們在瀏覽網(wǎng)頁時獲得最佳的視覺效果,實現(xiàn)信息的有效傳遞。

3結(jié)語

篇9

1.教材和教學(xué)方法落后

據(jù)調(diào)查,目前高職院校ASP動態(tài)網(wǎng)頁設(shè)計課程普遍還是采用傳統(tǒng)教材,這種教材的章節(jié)是按照課程的知識內(nèi)容進行劃分,每章按照知識點、命令語法格式、例題和練習(xí)的順序來編排。這種傳統(tǒng)教材將網(wǎng)頁設(shè)計開發(fā)的過程完全按知識點進行分解,缺少開發(fā)的過程環(huán)節(jié)。而授課教師往往按照教材講課,或用多媒體教學(xué)環(huán)境按照教材內(nèi)容講授相關(guān)理論知識,然后布置相關(guān)上機內(nèi)容讓學(xué)生進行實踐。這種以教師講授為主,學(xué)生學(xué)習(xí)為輔,重點介紹學(xué)習(xí)知識重難點的方法,不能做到學(xué)與做的有機結(jié)合,將導(dǎo)致學(xué)生難以理解和掌握所學(xué)知識和技能。隨著該課學(xué)習(xí)的不斷深入,學(xué)生的學(xué)習(xí)興趣和積極性將逐漸降低,導(dǎo)致后續(xù)很難綜合應(yīng)用所學(xué)知識和技能完成完整的動態(tài)網(wǎng)站開發(fā)。

2.實踐環(huán)節(jié)對學(xué)生鍛煉不到位

經(jīng)過幾年的一線教學(xué)經(jīng)歷和調(diào)研發(fā)現(xiàn),動態(tài)網(wǎng)頁設(shè)計課程在實踐課時大多采取教師布置任務(wù)、學(xué)生上機敲代碼測試運行等方式。所有同學(xué)的實踐內(nèi)容和操作步驟全部相同,容易造成互相抄襲偷懶的現(xiàn)象,導(dǎo)致學(xué)生的動手操作和專業(yè)能力鍛煉不夠的結(jié)果。

3.課程考核形式過于單一

專業(yè)核心課程最終成績往往由期末考試成績決定,或采用平時成績加期末考試相結(jié)合的考核方案。這種傳統(tǒng)單一的考核形式對動態(tài)網(wǎng)頁設(shè)計這門實踐性特別強的課程肯定是不適用的,容易使學(xué)生產(chǎn)生平時不學(xué),期末突擊的僥幸心理。有的教師結(jié)合上機考試,讓學(xué)生在考試中完成相應(yīng)的設(shè)計試題,這種考試方式的主要問題在于考試時間有限,很難在指定的時間內(nèi)考察出學(xué)生真實的水平技能,尤其對完整的網(wǎng)站項目來說,更是難以達到考核的目的。

4.傳統(tǒng)教學(xué)方式不注重培養(yǎng)學(xué)生的職業(yè)素質(zhì)

作為一名合格的網(wǎng)站網(wǎng)頁設(shè)計工程師,所需的職業(yè)綜合素質(zhì)包括堅韌性、團隊合作的意識、人際溝通能力、團隊關(guān)系培養(yǎng)能力,以及服務(wù)精神、獻身精神等。而教師在上課過程中只注重知識的講授和技能訓(xùn)練,卻往往忽略了這些職業(yè)素質(zhì)的培養(yǎng),使學(xué)生在實施項目的過程中目標不夠明確,不熟悉項目整體的過程,或者不能清晰地表述自己的想法和意見等,在實際工作中還需進行二次培訓(xùn)。

二、教學(xué)改革的工作內(nèi)容和實施的具體措施

1.課程標準(文件)的改革

對課程標準(文件)進行重新的修改編制,前提需要對計算機專業(yè)中本課程在實際工作崗位的分析和論證。通過對市場和企業(yè)一線進行深入調(diào)研,確定ASP動態(tài)網(wǎng)頁設(shè)計課程在工作中的實際崗位以及典型工作任務(wù)的職業(yè)行動領(lǐng)域,進而確定該課程所對應(yīng)的專業(yè)能力和專業(yè)知識,然后才能得出所對應(yīng)的課程領(lǐng)域。至此,教學(xué)文件制定者需要通過上述研究論證結(jié)果進行教學(xué)文件的修訂工作。與以往課程標準不同的是,由于本課程采用項目教學(xué)和過程考核的模式,所以制定新的課程標準須要做好三個前提:一是通過人才培養(yǎng)方案和企業(yè)調(diào)研結(jié)果確定本門課程的學(xué)習(xí)領(lǐng)域,主要包括課程的能力目標、知識目標和素質(zhì)目標。二是在做好學(xué)習(xí)領(lǐng)域后對學(xué)習(xí)領(lǐng)域進行分解,目標是將課程劃分為具體的若干個情境,并確定每個情境的學(xué)習(xí)內(nèi)容、能力目標、總體的工作過程以及學(xué)時分配。三是根據(jù)學(xué)習(xí)情境進行詳細設(shè)計教學(xué)過程。在這一過程中,主要目的是給出詳盡的項目實施過程,如何進行教學(xué)組織以及本情境項目的考核方法等。以情境設(shè)計實現(xiàn)用戶注冊登錄系統(tǒng)為例。

2.教學(xué)過程和方法的改革

基于ASP動態(tài)網(wǎng)頁設(shè)計的課程標準,設(shè)定情境采用工作過程六步項目教學(xué)法為主要教學(xué)方法。項目教學(xué)法是基于項目開發(fā)過程(或基于工作過程)的思路組織教學(xué)內(nèi)容進而安排系列教學(xué)活動,是以實際的工程項目為對象,師生通過共同實施一個項目工作而進行的教學(xué)活動,并以共同完成項目的情況來評價學(xué)生是否達到教學(xué)目的的教學(xué)方法。由于動態(tài)網(wǎng)頁設(shè)計的每個情境項目都是完整的開發(fā)案例,將學(xué)生分組來進行是普遍采取的措施。學(xué)生對信息、計劃、決策、實施、控制、評價每一步都具體分工協(xié)作,讓學(xué)生通過討論確定每個人的工作任務(wù)和職責(zé),通過團隊的分工合作來共同完成整個情境項目。重要的是讓每個學(xué)生在項目中負責(zé)相應(yīng)的任務(wù),杜絕怠慢偷懶的壞習(xí)慣,讓學(xué)生都動起來,真正在每個情境項目中得到鍛煉。此外,由于ASP動態(tài)網(wǎng)頁設(shè)計課程所需前導(dǎo)課程較多,并且重難點之處需要學(xué)生有著較強的編程和數(shù)據(jù)庫應(yīng)用能力,所以教師要充分考慮到高職學(xué)生的綜合素質(zhì)和學(xué)習(xí)水平,在授課計劃中對所需前導(dǎo)課程要留有復(fù)習(xí)的課時。ASP語言風(fēng)格類似C語言,建議在本門課之前一到二個學(xué)期開設(shè)C語言程序設(shè)計基礎(chǔ)課程。而在復(fù)習(xí)過程中由于課時有限,教師要把握好難易度和內(nèi)容的選取,一般要堅持夠用即可的原則和中等難度的編程訓(xùn)練。過于簡單的復(fù)習(xí)達不到網(wǎng)頁設(shè)計的要求;過難復(fù)習(xí)會打擊學(xué)生學(xué)習(xí)的信心,容易使學(xué)生產(chǎn)生放棄的想法。對于數(shù)據(jù)庫應(yīng)用方面著重強調(diào)SQL語言的應(yīng)用,與程序設(shè)計復(fù)習(xí)方式應(yīng)保持一致。

3.考核方式方法的改革

如前文所述,傳統(tǒng)的考核考試方法對于ASP動態(tài)網(wǎng)頁設(shè)計課程已經(jīng)不再適用,因為它并不能真正地考察出學(xué)生學(xué)到的知識和鍛煉的技能。針對項目教學(xué)法這一特點,考核方式采用過程考核效果較理想。過程性考核的具體方式因人因課而異,采用的形式也比較多變。在本門課中選取的情境案例較適合用六步法與師生評價相結(jié)合的考核方式。具體是在六步法的每一個環(huán)節(jié)中采用學(xué)生自我評價、小組互評和教師評價的方式,三種評價的分值權(quán)重根據(jù)具體情況可以自行設(shè)定。在每個項目完成后,學(xué)生提交項目設(shè)計完成情況,對各項目的知識技能進行總結(jié)。對創(chuàng)新的部分可以加分,對不足和錯誤扣分,靈活的打分原則既保證公平公正又激發(fā)學(xué)生不斷完善的動力。在評價的過程中教師評價要掌握全面的信息,包括學(xué)習(xí)態(tài)度、團隊協(xié)作等多方面綜合素質(zhì)測評的情況,在評分中更多的是考察學(xué)生在實施過程中綜合素質(zhì)的表現(xiàn)。

三、結(jié)語

篇10

動態(tài)網(wǎng)頁設(shè)計應(yīng)考慮將中國傳統(tǒng)文化元素融入其中,比如,中國傳統(tǒng)的水墨畫、自然風(fēng)景圖片、中國傳統(tǒng)書法藝術(shù)字等。將動態(tài)網(wǎng)頁與這些富有中國特色的傳統(tǒng)文化元素相結(jié)合,可以給網(wǎng)頁設(shè)計師提供新的設(shè)計思路。計算機網(wǎng)頁設(shè)計工程師可以將其當成一種新的設(shè)計符號,利用現(xiàn)代計算機技術(shù),加入可以襯托背景的聲音或文字,例如,水墨畫旁邊加入印章或動態(tài)毛筆字,山水背景圖或自然風(fēng)光圖片加入鳥鳴或潺潺流水的聲音,就可以起到很好的藝術(shù)效果。這樣的設(shè)計可以給大眾不一樣的感受,給瀏覽者身臨其境的感覺。

2動態(tài)網(wǎng)頁與高科技元素結(jié)合

2.1網(wǎng)頁設(shè)計中的三維視覺效果

動態(tài)網(wǎng)頁與高科技元素結(jié)合的一個最典型例子就是動態(tài)網(wǎng)頁與3D技術(shù)元素的結(jié)合。3D技術(shù)元素可以在網(wǎng)頁設(shè)計界面產(chǎn)生三維視覺效果,使畫面更加立體逼真。以往的網(wǎng)頁圖形界面是基于平面設(shè)計和固定的模式結(jié)構(gòu),在網(wǎng)頁設(shè)計界面加入3D技術(shù)元素后,可以憑借3D立體效果中的圖片、圖標或者導(dǎo)航條,利用光感質(zhì)感層次體量等多方面的優(yōu)勢,起到比一般的二維視覺效果圖更加立體直觀的視覺效果,給人以強烈的視覺感染力和沖擊力。通常動態(tài)網(wǎng)頁加入3D技術(shù)的操作方法是在網(wǎng)頁設(shè)計界面中的各種視覺元素,比如站點、文字、圖片、圖表、圖標、導(dǎo)航條、菜單欄、超鏈接、按鈕及各種交互式動畫中添加3D視覺效果。瀏覽者在訪問一個網(wǎng)址時首先會感知所瀏覽網(wǎng)頁的設(shè)計風(fēng)格,其次會注意到網(wǎng)頁的色彩搭配、色調(diào)的調(diào)和和圖形圖像的運用等。

2.2高科技技術(shù)的應(yīng)用前景

人們對于互聯(lián)網(wǎng)技術(shù)的開發(fā)和應(yīng)用探索是不斷向前的,新一代網(wǎng)頁文檔語言是網(wǎng)頁開發(fā)技術(shù)的一大飛躍,它將網(wǎng)絡(luò)技術(shù)帶入了多媒體綜合運用的時代,視頻、音頻、圖像、動畫隨著高科技的發(fā)展和應(yīng)用都被帶入了標準化和同步化[2]。總之,各種網(wǎng)絡(luò)技術(shù)的升級和新的高科技技術(shù)的應(yīng)用給網(wǎng)頁的標準化設(shè)計提供了強大的技術(shù)層面的支持,使得網(wǎng)頁更富有現(xiàn)代科技魅力,同時,新的網(wǎng)頁高科技設(shè)計技術(shù)又促進人們對新科技的追求,加速了高科技技術(shù)的應(yīng)用與發(fā)展,因此,高科技技術(shù)在動態(tài)網(wǎng)頁設(shè)計上的應(yīng)用前景是廣泛的。

2.3web3D技術(shù)和其他相關(guān)科技設(shè)計技術(shù)的限制

網(wǎng)頁標準化開發(fā)日趨規(guī)范和完善,各相關(guān)技術(shù)的開發(fā)提供了更加穩(wěn)健和廣闊的平臺,盡管相關(guān)網(wǎng)頁設(shè)計中的許多高科技元素的發(fā)展有著廣闊的前景,但仍會因各個方面因素的限制而受到制約。例如,網(wǎng)絡(luò)帶寬、處理器速度以及計算機各種硬件、軟件發(fā)展水平等,還存在3D文件格式限制和渲染引擎等諸多問題。不過這些問題隨著各種高科技技術(shù)的不斷發(fā)展和完善,將逐漸得到有效解決。我們會瀏覽到更多具有真實感的三維立體視覺效果的網(wǎng)頁。

3動態(tài)網(wǎng)頁與現(xiàn)代科學(xué)元素相結(jié)合

3.1動態(tài)網(wǎng)頁與肌理元素結(jié)合

動態(tài)網(wǎng)頁的最大優(yōu)勢就是它具有多媒體性和動態(tài)變化性,動態(tài)網(wǎng)頁中包括了各種可以展現(xiàn)多媒體功能的特點,例如,文字、圖像、聲音、動畫等,這些功能特點為肌理元素的結(jié)合提供了廣闊的空間。肌理元素與動態(tài)網(wǎng)頁結(jié)合運用,特別是在動態(tài)網(wǎng)頁中的聲音、版式、色調(diào)方面的有機結(jié)合,會使動態(tài)網(wǎng)頁更加具有強烈的藝術(shù)感染力,給人深刻的印象,從而以最高效的方式傳播設(shè)計者想要表達的信息。

3.2肌理元素應(yīng)用原則

第一,肌理元素的應(yīng)用要凸顯出統(tǒng)一與對比的效果。藝術(shù)的表現(xiàn)形式是對比與統(tǒng)一的整體效果的體現(xiàn),為了增強動態(tài)網(wǎng)頁的藝術(shù)魅力,應(yīng)該結(jié)合肌理原理統(tǒng)一與對比效果,為動態(tài)網(wǎng)頁增加藝術(shù)表達效果。動態(tài)網(wǎng)頁在肌理元素中的應(yīng)用,應(yīng)該堅持對比與統(tǒng)一的手法,在對比中堅持統(tǒng)一的原則,在同一種堅持突出重點。突出肌理的材質(zhì)與顏色,進而達到所要表現(xiàn)的效果。第二,網(wǎng)頁的風(fēng)格要與肌理協(xié)調(diào)。肌理一般運用在某個網(wǎng)頁的局部,主要目的是將所要表達的內(nèi)容傳播給瀏覽者,不同的肌理表現(xiàn)給瀏覽者的感覺是截然不同的,因此肌理結(jié)合的選擇必須符合網(wǎng)頁的內(nèi)容和網(wǎng)頁的設(shè)計風(fēng)格,簡而言之,設(shè)計者在設(shè)計時想要表達給瀏覽者哪些信息,就應(yīng)該選擇相應(yīng)的肌理元素加以應(yīng)用。

3.3肌理元素所體現(xiàn)的特點

第一,互交性。肌理元素在網(wǎng)頁設(shè)計方面所體現(xiàn)的最大特點是互交性,用戶可以通過超連接在自己喜歡的內(nèi)容之間調(diào)轉(zhuǎn),選擇自己需要的信息。網(wǎng)絡(luò)的互交性滿足了人們個性化的需求,人們可以根據(jù)自己的愛好隨意更改網(wǎng)頁的外觀,自由選擇版式、外觀、導(dǎo)航條,甚至肌理,使網(wǎng)頁更具有人性化和風(fēng)格化。第二,有機結(jié)合性。肌理元素更加具有有機結(jié)合性的特點,特別是結(jié)合相關(guān)的其他元素,并與其一起發(fā)揮效果,使網(wǎng)頁具有視覺感和層次感。

4結(jié)語