前言:一篇好文章的誕生,需要你不斷地搜集資料、整理思路,本站小編為你收集了豐富的網(wǎng)頁設計論文主題范文,僅供參考,歡迎閱讀并收藏。
一、網(wǎng)站整體規(guī)劃,要做網(wǎng)頁的第一步便是做網(wǎng)站的整體規(guī)劃這主要包括四個方面的內(nèi)容。
1.討論網(wǎng)站的主題。
網(wǎng)站整體規(guī)劃是做網(wǎng)頁的第一步也是制作網(wǎng)頁最關鍵的一步它決定了你要表答的信息,因此我選擇了我選擇我最喜愛的服飾來為它做網(wǎng)頁。在平時我也對服裝的網(wǎng)頁比較關心,無論是淘寶網(wǎng)上的衣店還是各種品牌裝。這次我是為“易菲”服飾做的網(wǎng)頁。
2.定位網(wǎng)站的CI形象?!耙追啤敝哺袊幕?,汲取自然稟賦之靈性,形成一個既有濃厚文化底蘊,又有現(xiàn)代自然人文氣息的特色品牌?!耙住奔词侨?,是包容,是寬容,是五千年中華民族的文化精髓,是厚德載物,是對人性寬度的一種拓展?!胺啤蓖ǚ牵巧鷻C、是個性、是春意盎然、是自強不息,是對人性深度的一種挖掘?!吧钊缁?,自在快樂”是YIFINI易菲的設計理念,倡導一種與自然和諧相處,如花兒綻放般美好舒適、自在快樂的生活方式。這也便是我網(wǎng)站的CI形象。
3.確定欄目和板塊。
于時間的關系在本次我準備做四張網(wǎng)頁:一張主頁三張二級頁面。分別設計了“時尚首頁、時尚衣秀、推薦產(chǎn)品、潮流信息”等四個欄目。在這四張頁面中我打算都用淡藍色做背景顏色來映襯我網(wǎng)頁的主打色綠色。
2.網(wǎng)站的整體風格和創(chuàng)意。
整個網(wǎng)站的創(chuàng)意就在于顏色的搭配,與各種圖片的搭配,它們相互輝映,相互襯托。以便達到表現(xiàn)其品牌的和諧之美、自然之美。我踩用淡藍色和綠色為我網(wǎng)站的主打色主要是因為我的產(chǎn)品特性。在設計上,YIEINI易菲推崇“自然美”,將帶表女性氣質(zhì)的花卉和自然元素融入設計之中,充分體現(xiàn)設計師和顧客所追求的一種灑脫、舒適的生活氛圍,力求表現(xiàn)悠閑、舒暢、自然的生活情趣。因此我用天空與自然的顏色來表達這張自然之美、和諧之美。
二、網(wǎng)頁制作的前期策劃與準備,在本階級主要有兩方面的工作。
1.資料的搜集。
在做網(wǎng)頁我上網(wǎng)收集了許多方面的資料主要是有關網(wǎng)站的布局與服飾品牌方面的資料,我首先進它的企業(yè)網(wǎng)站找了一些關于“易菲”服飾的圖片主要是一些代言形象還有代表其企業(yè)形象的圖片。其次我去瀏覽了許多的網(wǎng)頁觀察其網(wǎng)頁的布局、顏色搭配、欄目、板塊等方面的內(nèi)容,同時也搜集了一些對我有用的資料。在搜索資料最困難的便是動態(tài)圖片的搜集,動態(tài)圖片其gif格式的還是好保存,但是要搜集flash動態(tài)圖片就相對較難了。我用了一天的時間來搜集我的flash都不太成功,不過還搜到了可以換自己圖片的代碼。在開始時我根本就不知道flash是怎樣搜索,不過經(jīng)過三次像老實詢問我終于懂得一些關于代碼的搜索。在搜集資料的過程之中我發(fā)現(xiàn)了自己的許多不足之處,最關鍵就是平時對知識的掌握不夠,連最基本的資料搜尋都覺得困難。也是我平時不夠認真和努力的表現(xiàn)。通過這次的教訓在以后我一定會做得更好,爭取不范類似錯誤。
2.熟悉制作軟件。
做網(wǎng)頁主要用的工具便是Dremweaver、Photoshop、Flash軟件。在這些軟件我對Dremweaver、Photoshop相對比較熟悉,因為在平時上課是老師帶領我們運用過。所以我還可以正常的運用,但是出現(xiàn)的問題還是有很多。有很多不懂如何操作,只有通過在次去看書才能夠了解,這也體現(xiàn)了我學習方面的缺點,它是我平時不夠認真的具體表現(xiàn)。
三、網(wǎng)頁制作,這便進入我該次的主題了具體制作流程如下。
1.構(gòu)建站點框架。
在我打開Dremweaver后第一步便是新建站點,我把我的站點建立在F\儀下面。并將我搜集的全部資料都保存在其文件夾中,以便網(wǎng)頁制作時可以方便的使用。
2.設計主頁及二級頁面。
在主頁我設首頁制作時,時刻考慮著網(wǎng)頁的基本原則:統(tǒng)一,連貫,分割,對比及和諧的原則,內(nèi)容統(tǒng)一,都是為了主題服務,美容美體,一個網(wǎng)站強調(diào)的就是一個整體,只有圍繞一個統(tǒng)一的目標所做的設計才是成功的;連貫,頁面之間關系連貫,統(tǒng)成一體;每版內(nèi)容都自成一體,顏色各異,便于瀏覽;整個網(wǎng)頁有動有靜,色彩呼應,搭配協(xié)調(diào),不呆板,富有生氣;顏色各異,但又不同之中又相同,渾然一體。而且制作過程中,不忘以下原則:
簡潔實用:這是非常重要的,網(wǎng)絡特殊環(huán)境下,盡量以最高效率的方式將用戶所要想得到的信息傳送給他就是最好的,所以要去掉所有的冗余的東西。使用方便:同第一個是相一致的,滿足使用者的要求,網(wǎng)頁做得越適合使用,就越顯示出其功能美;頁面用色協(xié)調(diào),布局符合形式美的要求:布局有條理,充分利用美的形式,是網(wǎng)頁富有可欣賞性,提高檔次。當然雅俗共賞是人人都追求的。
交互式強:發(fā)揮網(wǎng)絡的優(yōu)勢,是每個使用者都參與到其中來,這樣的設計才能算成功的設計。這樣的網(wǎng)頁才算真正的美的設計。每個子頁都設有上導航欄,便于瀏覽和跳轉(zhuǎn)。3個二級網(wǎng)頁制作時,使用的是表格,每一個頁面都用表格為它布局好,然后在插入圖片文字及其他,這樣有一定的規(guī)劃性,體現(xiàn)了連貫統(tǒng)一性,不同的內(nèi)容根據(jù)各自的特色建立了不同的表格,突出各自的主題,增強了對比性。在做這些網(wǎng)頁的時候我就進行了如上所述的方法。但我所以網(wǎng)頁的背景顏色及主題顏色都是相同的以便突出我每一個網(wǎng)頁都是為凸顯我主題而服務。
3.實現(xiàn)網(wǎng)頁間的鏈接。
我的鏈接按鈕主要有四個“時尚首頁、時尚衣秀、推薦產(chǎn)品、潮流信息”它分別鏈接到我所做的四個網(wǎng)頁。鏈接的過程其實很簡單,主要是把要鏈接的文字選擇在選擇工具欄的鏈接按鈕最后選擇自己要鏈接的網(wǎng)頁單擊確定便可以了。
4.向靜太網(wǎng)頁插入動態(tài)效果。
在這一階段我遇到了許多的問題,主要是我在主頁插入我的flash的時候,開是我將帶碼粘貼到我的網(wǎng)頁上可是在瀏覽網(wǎng)頁的時候flash卻不能夠顯示。最后我向老師的請教后終于在老師的幫助下我成功的在我的主頁插入了flash。而在其它的二級網(wǎng)頁我主頁插入的是一些gif格式的動態(tài)圖片。
(1)影音。
科技的發(fā)展,使視覺這門藝術(shù)不再僅僅局限于二維空間的發(fā)展,動畫、視頻等網(wǎng)頁設計元素的運用,極大地豐富了網(wǎng)頁的信息內(nèi)容,這些元素成為網(wǎng)頁設計中最生動、最活躍的因素,給受眾帶來試聽方面的雙重享受。動聽的音樂,服飾的動態(tài)展示,給受眾帶來愉悅感的同時,像一種調(diào)劑一樣平衡了視覺和心理上的感受,同時還留給了受眾對服飾想象空間的延伸。在服飾網(wǎng)頁設計中,通常用Flas的方式來展示服飾產(chǎn)品。當然,伴隨著三維動畫的運用,服飾網(wǎng)頁的設計將會越來越科學和藝術(shù)。動畫等視頻藝術(shù)的運用,能夠營造出受眾者對服飾的一種情緒,一種感覺與情感。動畫方式的服飾展示,不僅使人們的情感得到張揚,而且使人機對話的過程也變得更加生動有趣。其總的設計目標是營造出一種放松的氣氛,使人們感到輕松、活潑與休閑,在閱讀過程中,使受眾者在視覺與心理上獲取愉悅,產(chǎn)生消費的熱情。
(2)整體色彩感。
網(wǎng)絡媒體是一種非常特殊的媒體形式,通過光和色將要傳遞的信息展現(xiàn)在屏幕上,用于人們交流與溝通。因此,設計出符合人的心理與生理等要求的,合理的色彩搭配就顯得尤為重要。在設置色彩的彩度及明度時要特別慎重,受眾者的要求以及服飾品牌風格色調(diào)的和諧就需要得到綜合全面地考慮??梢圆捎迷O置背景的方法,一來減少人們由于長時間注視亮背景所引起的神經(jīng)疲勞以及心理上的厭煩感,二者烘托服飾風格,這樣使網(wǎng)頁的總體風格超越文字和圖形的既定內(nèi)涵,給受眾者勾畫出一個完整的審美意境。其次,還可以通過利用和諧的色彩搭配及色彩有規(guī)律的變化,營造視覺上的流動感,使受眾者在獲取信息的同時,也能夠得到視覺和精神上的購物享受。
2服飾網(wǎng)頁框架布局
網(wǎng)頁的框架布局是網(wǎng)站視覺設計研究的重要環(huán)節(jié)之一,網(wǎng)頁設計中把不同的設計要素進行有機整合,主要借助框架結(jié)構(gòu)來完成。這種框架結(jié)構(gòu)相當于普通頁面的版式設計。常見的網(wǎng)頁布局有層,還有表格定位的方式。在服飾網(wǎng)頁設計中,通常兩種定位方式同時采用,他們互相取長補短,相得益彰。由于服飾網(wǎng)站的特殊性質(zhì),受眾瀏覽網(wǎng)站的目的、閱讀信息的方式以及在站內(nèi)逗留的時間的不同,在策劃網(wǎng)頁頁面的編排創(chuàng)意時,采取“少則多”的設計原則,這樣單個頁面雖然容納的信息量較少,但視覺表現(xiàn)力卻比較集中。這種設計手法滿足了受眾者對服飾好奇、探求的欲望,為服飾網(wǎng)站的個性化風格營造了氛圍;再者,人機對話的方式誘發(fā)了受眾的活力與興趣,增加了網(wǎng)絡互動性,這樣有利于消費者與設計師之間的溝通與交流。服飾網(wǎng)頁頁面編排時,還需要結(jié)合服裝品牌的主題風格與素材,不斷調(diào)整頁面的均衡,在統(tǒng)一中尋求變化,獲得秩序感,給受眾者創(chuàng)造最佳的視覺效果,最終完成信息的傳遞。
3結(jié)語
互聯(lián)網(wǎng)飛速發(fā)展的年代,網(wǎng)絡內(nèi)容也越來越豐富,人們對網(wǎng)絡的要求也越來越高,不僅僅滿足于文字和圖片,更希望網(wǎng)頁可以舒適一些,漂亮一些。色彩刺激著人們的視覺,網(wǎng)站設計的好不好,從某種意義上來說,主要是由色彩是否應用得到?jīng)Q定的。因此,現(xiàn)在的設計者不但要懂得基本的網(wǎng)絡制作常識,還要熟悉網(wǎng)站的風格,以及色彩的搭配。
2、色彩在網(wǎng)頁設計中的重要性
如今,人們打開一個網(wǎng)頁,已經(jīng)不再滿足于文字的內(nèi)容,他們有了更高的審美意識,對于網(wǎng)頁設計來說,藝術(shù)設計的地位就越來越重要了。色彩包含在美學當中,各種色彩代表不一樣的內(nèi)涵。以網(wǎng)頁的內(nèi)容以及特點為基礎,合理的運用色彩構(gòu)成,正確的搭配色彩,可以增加網(wǎng)頁的視覺效果,從而引起人們的共鳴,影響人們的情緒,不但可以傳達信息,還可以產(chǎn)生情感上的交流。對于藝術(shù)設計來說,色彩是很關鍵的要素。色彩搭配的好,可以給人們很直觀的視覺沖擊,以及藝術(shù)享受,可以讓人們站在美學的角度來理解網(wǎng)站的內(nèi)容,這就是網(wǎng)頁色彩設計的初衷。網(wǎng)頁在性質(zhì)上屬于視覺傳遞的新型載體,和雜志、電視、報刊以及廣播等傳統(tǒng)的媒體比較起來,構(gòu)成更加復雜一些,將文字、圖像以及聲音融于一體。用戶打開一個網(wǎng)頁,最初的印象就是色彩。對于網(wǎng)頁設計來說,色彩有著重要的意義,它不但可以表達網(wǎng)頁作品的內(nèi)容,還可以實現(xiàn)視覺的傳達。
3、網(wǎng)頁設計中色彩的應用
3.1網(wǎng)頁設計中色彩的調(diào)和與搭配。網(wǎng)頁的形式各種各樣,宣傳效果也是大不相同,我們要對網(wǎng)頁設計的各種色彩搭配以及理念進行研究,所謂的理念,就是把色彩融入到網(wǎng)頁的構(gòu)成當中,從全局的角度體現(xiàn)出具體和局部的美,此外,可以依據(jù)宣傳內(nèi)容,利用色調(diào)和色彩表達出來,根據(jù)不同的網(wǎng)頁種類,用各種形式進行表達。
3.1.1針對各種群體,采取網(wǎng)頁色彩表達。因為受眾群體是不一樣的,網(wǎng)頁的色彩也有要區(qū)別,舉個例子,以年齡段不同進行區(qū)分的受眾群體,就要表現(xiàn)出性格以及年齡的特征,每一個年齡段的群體,情感需要是不一樣的,在設計網(wǎng)頁時,選擇的方法也是不一樣的。對于兒童來說,主要以紅色以及綠色為主色帶,在關鍵地方表現(xiàn)出來,然后在輔以其他顏色,這種色彩可以體現(xiàn)出活潑的格調(diào)。
3.1.2針對各種類型的網(wǎng)頁設計宣傳理念,如何進行色彩搭配。不同的網(wǎng)頁,所要實現(xiàn)的宣傳目標是不一樣的,通常來說,我們利用各種感覺通到以及色彩的感受,去領域宣傳的本質(zhì)內(nèi)涵。我們設計網(wǎng)頁,主要是為了實現(xiàn)宣傳的目的,利用色彩的方式,可以把這種目的體現(xiàn)出來,這就叫做不同產(chǎn)品設計理念的不同理解以及表達。
3.2網(wǎng)頁設計中色彩對應與分配。
3.2.1設計網(wǎng)頁時,色彩搭配要注重層次性。在設計網(wǎng)頁時,我們想要傳達給受眾的是多層的信息,而不是一層兩層,同時,各個層次還是可以相互包容的,這種包容就體現(xiàn)了色彩搭配,而且不同色彩之間還有各種元素交織在一起,為了更好的傳達信息,也為了更生動準確的傳達信息,我們必須體現(xiàn)出色彩的層次性,這也是我們所要表達的設計理念。色彩的層次性關鍵是精,而不是多,更主要的是合理以及整潔,所謂的合理有序指的是色彩的合理分布以及有序搭配,我們所倡導的是前面是主色調(diào),隨后是單色調(diào);帶有宣傳目的色彩置于前面,而搭配意義的背景可以置于后面,這種搭配方式可以起到很好的效果,而且這種層次性還可以讓人們有一種煥然一新的感覺,然后通過色彩的形式表達出來,實現(xiàn)宣傳的目的。
3.2.2設計網(wǎng)頁時,色彩搭配需要注重包容性。色彩的包容性,指的是各個色彩之間的搭配以及穿插,這種搭配以及穿插,可以把各種顏色融合在一起,從而表達出一種感情。網(wǎng)頁設計不同,色彩包容的顏色也不同,舉個例子,某些網(wǎng)頁是為了宣傳某種產(chǎn)品,在廣告中,利用的是反思維的方式來引導受眾,然后引出產(chǎn)品的形式以及構(gòu)成。這種網(wǎng)頁的主色調(diào)會置于一個關鍵的位置,在它的周圍以及內(nèi)部進行科學的搭配。
3.3網(wǎng)頁設計中色彩的簡單與復雜規(guī)劃。
3.3.1簡單色彩形式的網(wǎng)頁設計。這種形式的網(wǎng)頁設計,主要是為了體現(xiàn)出重點,營造出需要的氛圍,表達出一種情感。而這種情感也就是我們秉承的設計理念以及規(guī)劃。體現(xiàn)出重點,也就是體現(xiàn)出網(wǎng)頁的內(nèi)容,這種情況通??梢圆捎靡曈X沖擊力較強的色彩來表達,而在搭配背景顏色時,要更加清淡,做一些簡單的描繪以及勾勒,主要的目的還是體現(xiàn)出網(wǎng)頁的關鍵內(nèi)容。
3.3.2復雜色彩形式的網(wǎng)頁設計。這種形式的網(wǎng)頁設計指的是把各種顏色合理的融合到一起,并且利用不同的色調(diào)表現(xiàn)出來。這種方式的表達,是通過復雜的色彩,表現(xiàn)出一種內(nèi)心的感悟以及情懷,而復雜是建立在有序的搭配之上的,并不是表面上的凌亂的色彩,而是為了更加突出重點,某些色彩的設計理念所遵循的就是合理的選擇以及放棄。有些網(wǎng)頁屬于藝術(shù)類型的,為了重點表現(xiàn)某一項藝術(shù)技能,一般會用各種色彩進行描繪以及勾勒,同時,反復的運用色彩搭配實現(xiàn)渲染的目的,這種類型的網(wǎng)頁常見于攝影方面,運用了色彩的積極效果。
通過《網(wǎng)頁設計與制作》多年的教學發(fā)現(xiàn),應用傳統(tǒng)的教學方式及考核方法學生只建立了的基礎的專業(yè)課程知識概念及單一的基本操作,并不能綜合應用操作技能完成某主題網(wǎng)站的設計與制作。為了建立以網(wǎng)頁設計與制作技能考核為主線的開放式、全過程的考核體系,提高學生綜合項目實踐能力,更好的與社會需求接軌。有必要對傳統(tǒng)的考核方式進行改革,同時經(jīng)過多年教學探索,結(jié)合人才培養(yǎng)方案制定了以下的考核方案。
二、考核方案
1.考核方案的制定
本考核采取學生小組合作(每組2-3名學生)完成一個規(guī)定主題網(wǎng)站項目的方式展開??偝煽冇刹僮骺己顺煽?、項目報告成績兩部分組成,權(quán)重分別為70%、30%,每一項按百分制評分后依權(quán)重比例計入總成績,總成績不及格者必須重修本課程并重新參加考試。因本校的現(xiàn)有學期總評成績是由平時成績30%、期中成績30%、期末成績40%組成,為了與學校的評分要求接軌,將本次考試所得的總成績作為學校學期總評成績的期末成績部分。并在此說明平時成績30%部分是由學生本學期的課程作業(yè)完成情況、出勤及上課表現(xiàn)綜合評定。本考核方案中的操作考核、項目報告都有具體的考核方案,其中操作考核實施的具體要求以試卷形式展現(xiàn),內(nèi)容要求以表“操作考核內(nèi)容”為中心,以考核學生綜合網(wǎng)站制作能力為基本思路,通過小組合作完成主題網(wǎng)站的設計與制作,具體要求在此省略。此外要求學生撰寫項目報告不僅讓學生明確各自的份內(nèi)工作,同時要求學生善于思考、總結(jié),每做一個項目都有所收獲。項目報告實施的具體要求涉及以下幾個方面的內(nèi)容:
(1)項目實施過程。
項目實施過程包括前期策劃、資料搜集、網(wǎng)頁制作。在前期策劃階段,要求小組共同確定網(wǎng)站名稱、網(wǎng)站風格(列舉網(wǎng)頁采用主要色彩及網(wǎng)頁色調(diào)定位)、網(wǎng)站欄目、站點目錄結(jié)構(gòu)的內(nèi)容以形成完整的網(wǎng)站規(guī)劃,在此規(guī)劃的指導下進行資料搜集、協(xié)作完成網(wǎng)頁制作。其中網(wǎng)頁制作中要求頁面美工設計階段介紹所用軟件及提供至少首頁效果圖截圖;靜態(tài)頁面制作階段要求繪制網(wǎng)頁布局的結(jié)構(gòu)圖及標注尺寸;程序開發(fā)階段列舉所用的開發(fā)工具、對數(shù)據(jù)庫、表進行截圖,以及繪制程序開發(fā)頁面流程圖。
(2)項目總結(jié)。
對本項目完成情況進行分析、總結(jié),并介紹項目實施過程中的收獲及體會。在作品展示時要求各小組派出代表對作品進行介紹,總結(jié),便于相互交流經(jīng)驗。
(3)項目組介紹。
對該項目組成員進行介紹及項目實施過程中的人員分工情況進行報告。體現(xiàn)小組合作開發(fā)項目的工作模式,讓學生明白實際工作中不僅需要具備較高的技術(shù)能力,還要有合作意識,與合作者之間有效、和諧的溝通。
2.考核方式
圖形元素的存在大大美化了網(wǎng)頁設計,它擁有強烈的藝術(shù)美感和視覺沖擊力,是文字之后最早被引入到網(wǎng)頁設計中的元素,它所傳遞信息的直觀性遠勝于文字。圖形設計中的色彩搭配、元素構(gòu)成、版式布局都要符合瀏覽者的審美心理,才能使得網(wǎng)頁在短時間內(nèi)給受眾留下深刻的印象。網(wǎng)頁設計中的圖片提供導向和鏈接的功能。根據(jù)人機心理學研究,人們的視線在瀏覽網(wǎng)頁時,會首先垂直的落在屏幕中心,然后向四周游動。決定了設計師要將重要的信息安排在注視點高的區(qū)域,所以設計師要根據(jù)視覺流程來合理安排圖片的適度位置。網(wǎng)頁設計中的圖片是要經(jīng)過網(wǎng)絡下載才可以最后看到,受到寬帶的限制,所以要求圖形文件量盡可能的小。在圖片大小固定的情況下,文件量越低說明圖片分辨率要越低。對于顯示器上的圖片而言,分辨率為72dpi是大多數(shù)圖片的最佳選擇。
二、色彩元素
色彩的配色設計直接影響網(wǎng)站的整體定位、風格。作為設計中不可缺少的元素,它建立在文字圖形的基礎上,依靠眼睛的功能,通過感覺的視覺沖擊力對心理起作用。每一種顏色都有不同的心理暗示。冷色中的藍色代表平靜,暖色中的紅色代表激動;黑色給人沉重感,淺色則讓物體輕盈;色彩從色調(diào)、飽和度、明度三個方面影響著網(wǎng)頁,我們可以找到很多運用廣泛的色彩配色方案,來作為實際學習和工作中的向?qū)А?/p>
網(wǎng)頁設計中的色彩元素需要符合國際色彩的標準,因為互聯(lián)網(wǎng)絡是建立在國際互聯(lián)網(wǎng)統(tǒng)一的平臺上的。最簡單的說就是采用網(wǎng)頁安全色,不能毫無節(jié)制的運用太多顏色,一般情況下先根據(jù)總體風格的要求定出主色調(diào)和輔助色進行色彩的搭配。網(wǎng)頁色彩模式一般采取RGB模式。網(wǎng)頁設計是通過顯示器來進行展示的,目前顯示器大都采用RGB顏色標準,這與RGB顏色模式的原理分不開。RGB是從顏色發(fā)光的原理來設計定的,通俗點說它的顏色混合方式就好像有紅、綠、藍三盞燈,當它們的光相互疊合的時候,色彩相混,而亮度卻等于兩者亮度之總和,越混合亮度越高,即加法混合。在顯示器上,通過電子槍打在屏幕的紅、綠、藍三色發(fā)光極上來產(chǎn)生色彩的。
三、版式設計
多媒體技術(shù)是將數(shù)字技術(shù)以及計算機技術(shù)的綜合體,它是各種多媒體信息集合的產(chǎn)物,它將文字、視頻、圖像、音頻等各種信息進行了有效的合成。多媒體技術(shù)已經(jīng)廣泛的應用到到了各個行業(yè)之中,如教育、旅游、廣告等,并發(fā)揮著越來越重要的作用。多媒體技術(shù)在當前的應用范疇中所包含的內(nèi)容也越來越多,其使用的素材也在不斷地增多,并且使得網(wǎng)頁更加的具有藝術(shù)性,使之更容易吸引瀏覽者的眼球,進而使得人們的工作學習效率得以提高。
2多媒體技術(shù)在網(wǎng)頁中的應用
2.1圖形圖像處理技術(shù)
網(wǎng)頁設計的最基礎元素就是對圖形、圖像的設計,其設計程序主要包含著五個方面的內(nèi)容,首先是對圖像的獲取,其次是對圖像的編輯處理,還有就是圖像的輸出,以及圖像的壓縮和存儲,最后要將這些圖像轉(zhuǎn)化成另一種平面或者是立體的圖像,給瀏覽者一種視覺沖擊的效果,進而吸引更多的瀏覽者。
2.2動畫處理技術(shù)
一些動畫往往運用了一些數(shù)字處理技術(shù),這一技術(shù)的運用可以使得文字具有一些特殊的效果,同時還可以使的一些圖形具有一種立體動態(tài)的效果。動畫的格式有GIF、SWF、FLIC、Java動畫等。
2.3數(shù)字音頻處理技術(shù)
這一技術(shù)可以使音頻不再是模擬,而是可以將音頻和視頻合成,可以通過數(shù)字化技術(shù)產(chǎn)生更加良好的效果,使整個網(wǎng)頁不管是從整體的角度看還是從局部的角度看都可以產(chǎn)生良好的視覺與聽覺效果,。
2.4視頻處理技術(shù)
當前視屏在網(wǎng)頁中的應用比較廣泛,已經(jīng)成為網(wǎng)頁設計時必須考慮的多媒體元素,在網(wǎng)頁視頻設計的過程中,信號源是第一要素,它可以是高頻信號、分離電視、復合視頻信號。獲取數(shù)字視頻的方式主要包含著通過數(shù)碼攝像機獲取,CD獲取以及模擬視頻采集。
3網(wǎng)頁設計過程中對多媒體技術(shù)的運用
3.1動畫、視頻設計
在一些網(wǎng)站中,不難發(fā)現(xiàn)一些動畫、視視頻之類的東西,通過這些可以生動形象的將主題突顯出來,使得網(wǎng)頁瀏覽者可以在感官上獲得享受,同時產(chǎn)生空間的聯(lián)想。這樣也使得動畫在網(wǎng)頁設計中的地位越來越突出,成為網(wǎng)頁設計中非常重要的組成部分。
3.2圖形、圖像的版式設計
在對網(wǎng)頁進行設計時需要注意圖像質(zhì)量的選擇,注意圖像的質(zhì)量,盡可能的做到精致,這樣也就要求設計者在設計的過程中要對圖像進行細心的篩選,使圖片在整個網(wǎng)頁中的效果既融洽又精致,同時還需要對圖像的色調(diào)進行選擇,對文字進行合適的排版,這樣就可以使得圖形和文字的效果在視覺上呈現(xiàn)出一種意境美,從而使得整個網(wǎng)頁的形式統(tǒng)一,設計新穎。
3.3在對多媒體元素選擇的過程中要注意與網(wǎng)頁風格的協(xié)調(diào)
在設計網(wǎng)頁的過程中需要注意網(wǎng)頁的主體,通過視覺上的沖擊效果以及瀏覽用戶的心動情況吸引用戶,促使用戶直觀的理解網(wǎng)頁的主題,并通過藝術(shù)美吸引瀏覽者關注本網(wǎng)站,最終實現(xiàn)網(wǎng)站設計的目的。
3.4注意在多媒體設計的過程中體現(xiàn)藝術(shù)性
隨著信息技術(shù)的不斷進步,多媒體技術(shù)得到了迅速發(fā)展,當前網(wǎng)絡傳輸?shù)募夹g(shù)以及硬件技術(shù)也在不斷的提高,這樣也就為藝術(shù)和技術(shù)的結(jié)合創(chuàng)造了良好的條件,這樣也有利于網(wǎng)頁的設計體現(xiàn)出更為優(yōu)質(zhì)的效果,從而也為多媒體技術(shù)在網(wǎng)頁設計中的應用創(chuàng)造了更為廣闊的前景。
4在多媒體設計中恰當?shù)娜谌胨囆g(shù)設計的成分
網(wǎng)頁設計不只是由多媒體元素構(gòu)成,為了使其更加的美觀就必須要考慮藝術(shù)性,要注意平面效果的傳達,這也就需要做到不同的元素結(jié)合起來,但是在結(jié)合過程中需要注意以下幾點:
4.1在設計網(wǎng)頁的過程中要注意內(nèi)容和形式的統(tǒng)一
在進行設計時就需要做到形式與內(nèi)容的統(tǒng)一,使得形式服從于內(nèi)容,從而使得網(wǎng)絡的整體效果表現(xiàn)出來,這也就要求網(wǎng)頁的細節(jié)需要做得很到位,從而使得網(wǎng)頁與多媒體元素的相關性凸現(xiàn)出來。
4.2突出主題要素
網(wǎng)頁要盡可能的突出主題,使得風格與之相協(xié)調(diào)。在風格選擇上要注意多媒體元素的選擇,注意其色調(diào)的搭配,同時還要做好排版工作,從而使得整個網(wǎng)頁具有較強的吸引力,達到應有的效果。
4.3注重色彩搭配
在一個網(wǎng)頁中色彩數(shù)量最好控制在4個左右,同時還要分出主次,確??傮w上的統(tǒng)一,在局部上形成對比,要注意體現(xiàn)主題的色彩搭配,注意色系的選擇,還要注意背景色的選擇,盡可能的站在瀏覽者的角度思考問題。
4.4注重網(wǎng)頁布局
網(wǎng)頁布局大致可分標題型、拐角型、框架型等,選擇布局類型的依據(jù)主要是信息狀況,網(wǎng)頁狀況以及結(jié)構(gòu)狀況,這樣就會使得網(wǎng)頁的頁面可以一目了然。國字型以及拐角型的適合用于信息量大的網(wǎng)頁中,標題正文型的適合用于綱要性的網(wǎng)頁之中,動畫型的可以靈活的運用到各種各樣網(wǎng)頁之中,但是在布局的選擇過程中需要注意各種布局類型優(yōu)缺點的選擇,只有這樣才能使得網(wǎng)頁的效果更為明顯。
5結(jié)束語
1.課程目標與職業(yè)能力的定位不清晰。
中高職課程的銜接應該以職業(yè)能力作為落腳點。但現(xiàn)實中,中職學校與高職院校都存在對職業(yè)能力定位過高或過低的情況,使得兩個階段的相關課程目標經(jīng)常需要調(diào)整,同時也更容易出現(xiàn)課程目標重復、斷檔等情況。
2.專業(yè)理論課程沒有體現(xiàn)中職與高職之間的區(qū)別。
目前,由于管理體制上中高職學校各自為政,使得中職和高職的課程沒有統(tǒng)一的課程標準,課程設置難以統(tǒng)一規(guī)劃。導致專業(yè)理論知識重復學習,沒有螺旋式上升的理論知識結(jié)構(gòu)做鋪墊,造成了教育資源的浪費。
3.專業(yè)技能課程設置層次劃分不清晰。
專業(yè)技能課程是職業(yè)教育區(qū)別于普通教育的關鍵,現(xiàn)實是中職與高職在專業(yè)技能的層次劃分上并不明確,各中職學校的技能訓練過淺或過深,高職階段的技能訓練又很難及時針對來自不同中職學校的學生進行調(diào)整,造成教學效果參差不齊。
二、五年一貫制中高職課程開發(fā)的思路
課程開發(fā)最核心的問題是課程定位、課程目標、課程內(nèi)容設計、教學方法和考核方法。五年一貫制的課程存在前后兩個階段銜接的問題,所以有更多的因素需要考慮。
(一)課程定位
第一步,通過對大量企業(yè)用人信息的收集,從中分析人才需求,結(jié)合行業(yè)內(nèi)的專家論證,確定專業(yè)所服務的具體崗位(群);第二步,深入工作一線對具體的工作崗位(群)進行分析,確定課程對應工作崗位的任務、流程、職責、所需知識、能力以及職業(yè)素養(yǎng)等;第三步,分析專業(yè)課程體系結(jié)構(gòu),明確課程在專業(yè)中的定位以及前后課程的聯(lián)系;第四步,根據(jù)中職與高職不同的培養(yǎng)目標,結(jié)合市場需求的指導,明確課程在中職、高職兩個階段的定位。
(二)課程設計
職業(yè)教育以面向職業(yè)崗位、為生產(chǎn)建設第一線提供人才為目標,所以應當緊扣行業(yè)需求,為行業(yè)企業(yè)提供有能力的發(fā)展性人才,這也是職業(yè)教育區(qū)別于普通教育的最根本特點。所以,五年一貫制的課程設計理念首先應該遵循“能力本位”原則,課程設置體現(xiàn)崗位需求,要培養(yǎng)學生扎實的專業(yè)理論功底和嫻熟的專業(yè)操作技能,以滿足行業(yè)企業(yè)的需求和自身的長期可持續(xù)發(fā)展。其次,要考慮中職與高職兩個階段在能力層次上的定位與銜接。中職階段以培養(yǎng)基礎職業(yè)能力為主,滿足企業(yè)對初、中級人才的需求;高職階段以培養(yǎng)中高級職業(yè)能力為主,讓學生的職業(yè)能力得到平滑提升,達到企業(yè)對中高級人才的要求。
(三)課程內(nèi)容設計
中職階段以網(wǎng)頁設計與制作基礎能力的培養(yǎng)為主,以零散、簡單的案例作為教學載體,打破按照“軟件知識點”為主線來劃分教學模塊的方式,采用按照“網(wǎng)頁內(nèi)容”來劃分教學模塊;高職階段注重提升已有網(wǎng)頁設計的基礎能力,通過完整的網(wǎng)站項目提升學生的綜合實踐能力、系統(tǒng)工程設計能力以及全面的職業(yè)素質(zhì)。
(四)教學方法設計
無論是中職階段還是高職階段,都采用“行動導向教學”的模式來組織課堂教學。行動導向教學模式強調(diào)學生在學習過程中的主體地位,通過各種教學方法的配合訓練學生的專業(yè)能力、方法能力、社會能力,最終整合形成有效的行動能力。具體來說,中職階段的教學內(nèi)容更適合采用具有“行動導向特征”的案例教學法、探究教學法、知識競賽教學法等來組織課堂完成基礎部分的學習;高職階段更適合采用項目教學法、角色教學法、探究教學法等的結(jié)合來引導學生發(fā)展自主學習能力。
(五)考核方法設計
五年一貫制的課程設計理念遵循“能力本位”原則,重點在于培養(yǎng)學生獲得產(chǎn)業(yè)界所需的各種能力與素質(zhì),所以課程評價不僅要看到學生解決問題的結(jié)果,更要看重其得出結(jié)論的過程,了解學生在過程中所體現(xiàn)出來的情感、態(tài)度及各種職業(yè)能力。中職階段重點考核學生對基礎知識的理解以及對基礎技能的掌握,注重學習過程的質(zhì)量控制,加強形成性考核的比重。強調(diào)平時考核的中間過程(課堂表現(xiàn)、課堂練習、課后作業(yè)、小組競賽等),引導學生打好基本功,從細節(jié)培養(yǎng)學生的職業(yè)素養(yǎng)和能力。高職階段的考核要加重考核學生在項目的設計與制作過程中所表現(xiàn)出來的專業(yè)能力、方法能力和社會能力。所以,考核的內(nèi)容注重項目執(zhí)行過程的階段考核,將平時的項目成果、作業(yè)、報告、個人在小組項目中的貢獻、項目的創(chuàng)新性等列入評價范圍,關注學生在評價過程中所表現(xiàn)出來的興趣、特長等個性特點,引導學生全面發(fā)展。
三、結(jié)束語
(一)識別性原則
網(wǎng)站色彩的識別還要考慮認知度,長時間瀏覽網(wǎng)頁會讓人產(chǎn)生視覺疲勞,因此在網(wǎng)頁的色彩使用上,應該避免運用強對比色。
(二)色彩意義的相關性
人們在長期的生活實踐過程中,對不同的色彩有了不同的心理感受和情感,賦予了不同色相不同的意義,并將其運用到生產(chǎn)、生活中。不同類型的網(wǎng)站具有符合自身的色彩語意相關性。比如藍色經(jīng)常被運用在科技產(chǎn)業(yè)等新興產(chǎn)業(yè)的網(wǎng)頁上;而關于兒童的網(wǎng)站大多使用色彩亮麗、醒目的顏色。在設計網(wǎng)頁色彩時要充分考慮色彩的語意特點,并與網(wǎng)頁要表達的主題相結(jié)合。
(三)延展性
色彩的延展性分為網(wǎng)頁整體配色的延展性和局部色彩的延展性。網(wǎng)頁色彩的選擇要注意整體配色的延展性,良好的延展性能夠協(xié)調(diào)網(wǎng)站整體的色彩。比如在網(wǎng)頁設計中將多個高明度的色彩和低純度的色彩協(xié)調(diào)使用,再設計元素的投影,為頁面增加空間感和層次感。在設計網(wǎng)頁時,保持網(wǎng)頁主色彩不變,只對網(wǎng)頁的局部色彩進行更新,可以在保持系統(tǒng)配色不變的情況下,更新網(wǎng)頁的局部色彩語言。比如,主色設計為灰色,其配色可以根據(jù)需要使用不同的色彩,以提高受眾對網(wǎng)頁的認知度。
二、網(wǎng)頁色彩搭配
(一)保持色彩的均衡
打開一個網(wǎng)站,人們首先看到的是網(wǎng)頁的整體色彩。因此,網(wǎng)站的色彩決定了瀏覽者對網(wǎng)站的第一印象。在網(wǎng)頁設計要素中,漂亮的色彩是最重要的,它可以給瀏覽者留下深刻地印象,還可以產(chǎn)生很好的視覺效果。均衡的色彩搭配,可以讓人感覺協(xié)調(diào)、舒適。色彩的均衡是網(wǎng)站設計必須考慮的問題。保持色彩的均衡,包括保持色彩的面積、位置和每種色彩所占的比例。網(wǎng)站的色彩應該均衡,而在它的局部可以有一些強烈的色彩,實現(xiàn)“總體協(xié)調(diào),局部對比”的原則。不同的色彩要有機組合起來,按照比例有節(jié)律、有秩序地相互依存、相互聯(lián)結(jié)、相互呼應,構(gòu)成均衡的整體色彩。如在網(wǎng)頁設計中可以將顏色明亮的色彩的面積設計得小一些。小面積的強對比色可以讓整體網(wǎng)頁的色彩豐富起來。
(二)確定網(wǎng)站的主色
1適用性
創(chuàng)建網(wǎng)站時,首先要考慮的是用戶的需求。網(wǎng)站是以宣傳用戶企業(yè)文化為主,還是以宣傳企業(yè)產(chǎn)品為主,即確定網(wǎng)站的主題。主題確定以后,就要了解哪些顏色適合傳達該主題信息。例如,IT類網(wǎng)站常常采用藍色為主色調(diào),因為藍色為冷色調(diào),通常讓人聯(lián)想到海洋、天空、水、宇宙。純凈的藍色表現(xiàn)出一種美麗、冷靜、理智、安詳與廣闊。由于藍色沉穩(wěn)的特性,具有理智、準確的意象,在商業(yè)設計中,強調(diào)科技、效率的商品或企業(yè)公司,大多選用藍色當做標準色,企業(yè)色,如電腦,汽車,影印機,攝影器材等等。橙色是暖色調(diào)中最溫暖的顏色,具有興奮、溫暖、歡樂、輝煌、以及容易動人的色感,所以,家居類網(wǎng)站常常以橙色調(diào)為主,能夠烘托家庭溫馨的主題,即不同的主題應選用不同的顏色。
2獨特性
網(wǎng)頁的數(shù)量不斷增長,越來越富有個性,對設計者的要求也更高。相同類型的網(wǎng)站,若網(wǎng)站的整體風格大同小異,沒有突破,則很難在競爭中取勝。要吸引瀏覽者挑剔的眼球,就要打破常規(guī)、標新立異。即網(wǎng)站的色彩搭配要在考慮網(wǎng)站本身特點的同時,讓色彩的獨特性充分發(fā)揮魅力。
3整體性
網(wǎng)頁上各部分色彩都有自己的分工角色,主色具有傳達主題信息的作用,輔助色是烘托氣氛的,背景色保持畫面的整體統(tǒng)一,點睛色起強調(diào)作用。網(wǎng)頁的色彩也可以區(qū)分信息模塊、暗示控件功能等。不同的色彩在網(wǎng)頁中同時存在,就會出現(xiàn)色彩的不同組合關系,可能有強烈的顏色對比關系,也可能在亮度上有明暗對比關系,還可能有相似色彩間的調(diào)和關系。這些色彩的組合使網(wǎng)頁在視覺效果上豐富多彩,構(gòu)成了網(wǎng)頁的整體效果。優(yōu)秀的色彩組合是網(wǎng)頁設計者發(fā)揮藝術(shù)才能的重要領地,和諧的配色能夠讓整個界面看上去舒適。對比強烈的配色加以適當?shù)拿娣e比例調(diào)整進行調(diào)和能夠讓整個界面看上去清晰并且重點突出。因此,不同的需求可以采用不同的組合關系,但是一定要給瀏覽者良好的整體印象,這就需要這些色彩組合關系具備整體性,它主要包括色彩對比與色彩調(diào)和2個方面:
(1)色彩對比:
指各種色彩在構(gòu)成中的面積、形狀以及色相、明度、純度之間的差別,這些差別為網(wǎng)頁配色增添了許多變化,頁面顯得更加豐富多彩。色彩的對比規(guī)律大致有以下幾點:
(2)色相對比:
指不同色相之間的差別產(chǎn)生的對比。當網(wǎng)頁主色確定后,必須充分考慮其他色彩與主色的關系、要表現(xiàn)的內(nèi)容及效果等,這樣才能增強其表現(xiàn)力。如果要突出差別關系,應選擇主色的補色。若要對比效果柔和,就要選擇相似色。
(3)明度對比:
指色彩之間明暗程度的不同所形成的對比。通過明暗程度的調(diào)整,可以給瀏覽者在視覺上產(chǎn)生不同層次,不同距離的感覺。
(4)純度對比:
指不同色彩之間純度的不同所形成的對比。色彩的純度決定著色彩的鮮艷程度,將不同純度的色彩放置在一起進行對比,會使得純度高的色彩更鮮艷,純度低的色彩更渾濁。
(5)補色對比:
補色是色環(huán)中相對位置上的兩種顏色。網(wǎng)頁中的點睛色就經(jīng)常采用補色,當互為補色的兩種色彩接近時,能顯示出強烈的對比關系。
(6)冷暖對比:
色彩給人的感覺是有冷暖的,分為冷、暖兩大色系,這兩種色系相互排斥的,放置在同一個頁面中,就會產(chǎn)生冷暖對比。冷暖對比效果是極為強烈的,會導致畫面的不協(xié)調(diào),一般采用以下兩種方法解決。首先是純度調(diào)整:降低冷暖兩色的純度。用黑、白、灰明度變化來調(diào)整畫面的層次、直接使用黑、白、灰色系進入畫面搭配,或者加入補色,也都能很好地起到協(xié)調(diào)的效果。其次是面積調(diào)整:主次的面積區(qū)分,根絕主題的需要在畫面的面積上以一方為主色,其他顏色在使用上拉開距離,使畫面的主次關系更突出,在統(tǒng)一的同時又富有變化。
(7)面積對比:
指頁面中各種色彩在面積上的大小差別,它會影響到頁面的主次關系。在同一視覺范圍內(nèi),色彩面積的不同會產(chǎn)生不同的對比效果。若兩種色彩的面積同樣,那么這兩種顏色之間的對比十分強烈,若色彩的面積不相等時,小的一種色彩就會成為陪襯,在小面積的色彩陪襯下,大面積的色彩就顯得特別突出。根據(jù)主題的需要在頁面的面積上以一方為主色,其他顏色為輔助色,使頁面的主次關系更突出。
4色彩的調(diào)和
兩種或兩種以上的色彩分布在同一個頁面中,形成色彩組合關系,色彩調(diào)和就是使這種組合關系合理搭配,產(chǎn)生統(tǒng)一、協(xié)調(diào)的效果。色彩調(diào)和是人們求得色彩協(xié)調(diào)、達到心理平衡的重要手段。
(1)同種色的調(diào)和:
選定一種顏色,通過改變這種顏色的明度或純度得到所需要的新的色彩,進而使色彩產(chǎn)生循序的漸進,彌補同種色相的單調(diào)感。
(2)類似色的調(diào)和:
如果希望兩種或兩種以上的顏色對比不那么明顯,那么就要在這些顏色之間再添加類似色進行調(diào)和。在色相環(huán)中,色相越靠近越調(diào)和。
(3)對比色的調(diào)和:
對比度調(diào)和是指兩種或兩種以上的色彩配置在一起,通過一定的方法使其產(chǎn)生自然而融洽的感覺。其調(diào)和的方法有:提高或降低對比色的純度、采用面積大小不同的處理方法。
(4)漸變色的調(diào)和:
漸變色本身實際上是一種調(diào)和方法的運用,是顏色按層次逐漸變化的現(xiàn)象。色彩漸變在網(wǎng)頁的背景色中是經(jīng)常使用的。色彩的對比與調(diào)和是形式美的變化與統(tǒng)一。
二、配色的基本方法
1色調(diào)配色法
選定一種顏色,加入黑色或白色會使其明暗程度發(fā)生變化,形成這種顏色的不同色調(diào),一般分為亮調(diào)、中間調(diào)、暗調(diào)。不同的色調(diào)會對人產(chǎn)生的一定的心理暗示。這種色調(diào)配色法在網(wǎng)頁色彩構(gòu)成中是經(jīng)常使用的。筆者推薦的配色技巧為:打開Photoshop的拾色器,選擇HSB選項區(qū)(不是RGB選項區(qū))中的B(亮度),指定選擇的顏色,通過拖動右側(cè)的滑塊就可以得到這種顏色的各種色調(diào)。
2色相配色法
當基于色相策劃了一個配色方案時,獲得的效果通常會比較華麗明艷。很多民族服飾和兒童服裝采用的都是典型的基于色相的配色方案。色相配色法就是基于某種色相,進行類似色、互補色的搭配。適當?shù)仡愃粕钆洌梢垣@得整齊寧靜的效果;適當?shù)匮a色搭配可以突出顯示顏色并給人輕快的感覺。筆者推薦的配色技巧為:打開Photoshop的拾色器,選擇HSB調(diào)板區(qū)域中的H(色相),指定選擇的顏色,通過拖動右側(cè)的滑塊即產(chǎn)生色相變化。若已在Photoshop的工作區(qū)選定了某一顏色,按下[Ctrl]+[I]鍵即可得到顏色的互補色。
三、小結(jié)