時間:2022-05-07 03:35:36
序論:在您撰寫網頁設計畢業論文時,參考他人的優秀作品可以開闊視野,小編為您整理的1篇范文,希望這些建議能夠激發您的創作熱情,引導您走向新的創作高度。
【摘要】網頁設計與制作課程是計算機專業的主要課程,在專業人才培養方面處于核心地位。該課程教學的主要目標就是培養學生全面掌握網站建立和管理技術,同時掌握網頁設計與制作技術,從而培養網頁制作和網站開發的技術性人才。在整體教學中,知識的傳授固然重要,但是更應該注重培養學生的專業能力,增強學生的職業素養。本文就網頁設計與制作教學中學生能力培養的策略進行分析。
【關鍵詞】網頁設計;制作;學生能力;培養
隨著互聯網的發展和普及,網頁設計和制作技術成為網絡時代非常實用的技術,這一課程也成為學校開設的熱門課程。無論是計算機專業的學生還是非計算機專業的學生,網頁制作都成了一門重要的基礎性技術課程。但是很多學校在教學中采用傳統的教學模式,導致學生的學習積極性不高,實際動手能力也比較差,為了讓學生快速的掌握網頁設計和制作的技術,需要采用一些新型的教學方法實施教學,加強學生綜合能力地培養。
1加強學生創新能力的培養
創新是一個民族的靈魂和動力,同時也是當今社會競爭的核心。學生創新能力的提升和創新意識的增強對于他們以后的發展具有非常重要的作用。網頁設計與制作教學作為新時期教學的主要課程,在教學中培養學生的創新能力有利于促進整體教學的發展。因此,在教學中,可以通過多方面內容加強學生創新能力的培養,首先,可以通過興趣教學法喚醒學生的求知欲望,興趣是能夠推動學生求知的內在力量,學生只有對某一學科充滿興趣,才能夠持續的鉆研該學科知識,從而增強學生的學習效率。在教學中,為了增強學生對網頁設計和制作的興趣,教師可以在上課時準備一些網頁作品,讓學生對作品進行點評,然后提出改造的意見。讓學生在頭腦中對網頁設計有一個模糊的認識,產生做網站的想法,這樣一來,通過教師的指導就能夠讓學生梳理一個成型的站點框架,緊接著引導學生如何做網頁,如何使用工具,學生對這些內容產生興趣,就會帶著教師提出的問題進行主動探索和學習,以此增強學生的學習效果。除此之外,還可以通過精品賞析的方式增強學生的學習靈感。網頁設計和制作課程是一門藝術和藝術相結合的課程,學生不僅要掌握基本的網頁制作技巧,還要具備欣賞美和創造美的能力。創造的來源是靈感,而靈感的來源則是通過觀察,因此,可以在教學中設計精品賞析的環節,利用上課之前的時間展示作品,向學生展示一些布局合理,設計新穎的精美網頁,讓學生對這些網頁進行觀察和欣賞,這樣不僅可以拓寬學生的視野,同時還能激發學生的創造靈感,為學生以后設計出精美的作品奠定基礎。
2培養學生的網頁制作綜合能力
在學生掌握網頁設計和制作的基本知識之后,網頁制作綜合能力的培養就顯得非常重要了。即使學生掌握了網頁制作技術,也不一定能夠設計出好的網站,只有提升學生的綜合能力,加強對他們所掌握知識的綜合應用,才能夠設計出一個精美的網站。為此,需要注重學生在實踐方面的能力培養,可以從教學實驗方面入手,將所有的理論教學和實驗教學都安排在計算機機房完成,可以讓學生在學習理論知識之后直接進入實踐探索階段。此外,為了給學生提供更好的實踐機會,可在學校建立計算機基礎教學網,網頁設計和制作教學的老師可以建立自己的教學網站,同時給學生分配相應的網站空間,要求學生建立自己的個人網站主頁,然后將自己的實踐作業上傳到網站空間中,設計的風格和主題不受限制,網站主頁的內容也不做要求,學生可以根據自己的興趣進行網頁的制作,將所學習的網頁制作技術靈活的運用到個人網頁的設計中,做好個人網站。為了讓學生在網站設計中學會創新,教師可以搜集一些具有創意的網站和網頁設計的素材,和學生一起分享,然后與學生所做的網站進行對比,從而提升學生的創新能力。在網站設計中,針對不同的設計環節,學生可以自己發現設計中存在的問題,然后進行分析和解決,對于學生綜合能力的培養具有很大的幫助。
3加強培養學生的團隊協作能力
現在社會的分工越來越細,很多工作都需要人們協助完成,這樣以來,團隊精神就顯得格外重要。協同合作是團隊精神的核心內容,尊重個人的興趣和成就是團隊協作的基礎。就學生而言,獨立意識較強,現代的學生比較自我,溝通能力也有待提升,這些缺陷顯然不適合學生未來的工作。網頁設計和制作教學是一門實踐性要求較高的課程,同時也對學生的團隊協作能力要求很高。在教學中的綜合實訓中可以選擇采取項目教學法實施教學,將學生分成不同的小組,在自愿的基礎上進行強弱搭配,并且每一個小組推薦一位組長,在老師布置任務之后,組長可以做好小組內的分工,讓學生能各司其職,然后合力完成作品的設計和制作。在作品制作中,如果組內的成員存在意見不同意的現狀,組長可以和其他的成員進行溝通協調,最后達成一致,當組員能夠為同一個目標一起努力時,無論最后的結果如何,學生最后都會有成就感。在這一過程中,有利于提升學生的團隊協作精神,增強學生的溝通能力。
4結語
網頁設計和制作教學是一門實踐性很強的課程,對于學生的綜合實踐能力以及創新能力的要求較高,因此,在教學中,教師要給根據學生的興趣愛好設計教學內容,并且為學生提供一些優秀的教學作品,讓他們進行賞析,在優秀作品的激勵和教師的引導下,學生的學習興趣會有很大的提升,從而真正的投入到網頁設計和制作的探索當中,熟練的掌握網頁制作方面的技巧,增強學生開發和維護網站的能力,使他們的知識結構不斷得到完善,對于教學效果的提升會起到很大的作用。
作者:崔愿星 單位:鄂州職業大學
摘要:隨著社會的發展與進步,互聯網技術得到了快速的發展,并且已經逐漸成為人們生活中不可或缺的一部分。然而,在這種大背景下,網頁設計逐漸的發展壯大起來,其不僅能夠使網頁在視覺上產生一定的美感,而且還能提高網頁設計的質量,促進網頁的健康發展。本文將對圖像處理技術在網頁中的應用進行分析,并且計算機圖像處理技術加以闡述,提出可行性建議,以供參考。
關鍵詞:網頁設計;計算機圖像處理技術;應用解析
1圖像處理技術在網頁中的應用
在圖像設計過程中,圖像在網頁中所占的比較相對比較大,并且圖像功能在網頁設計中也起到非常突出的作用。如何在網頁圖像處理中來吸引瀏覽者的眼球,有效的增強瀏覽者的興趣是目前網頁處理過程中應該解決的主要問題。因此,在進行網頁設計的過程中,一定要對圖像的形式與風格進行準確的定位,提高網頁設計的技術水平。
1.1視覺吸引作用
一般情況下,每個瀏覽者在進行網頁瀏覽的過程中,首先看到的是圖片上的信息,其次看到的才是網頁上的文字信息。因此,設計人員必須要根據網頁的設計的這一特點,重點強調圖像處理的效果,特別是對圖像的色調、形式與位置進行充分的考慮,并且要重點強調網頁的色彩調配效果,因為這樣會對整個設計效果產生不同程度的影響。
1.2信息引導作用
在進行網頁的瀏覽過程中,圖像起到一定的引導作用,人們可以通過圖像對網頁中的內容進行充分的了解,并且圖像也可以充分的反映出網頁設計者的風格與理念。同時,網頁中的圖像可以在一定程度縮短人們的瀏覽時間,還能有效的緩解由于網頁信息過長出現的煩躁等不良情緒,從而使人享受一種美感。而就當前的形式上看,各種網站之間的競爭相對比較激烈,如果想要在眾多的網頁之中獲得更多的網頁瀏覽量,就必須要利用網頁中的圖像處理信息來提高網頁的關注度,因此,必須通過文字與圖像的有效結合來獲取信息,使人們能夠在美觀的圖像前提下獲取網頁信息。
2網頁設計計算機處理技術概述
在進行計算機網頁圖像技術處理時必須要以計算機軟件作為主要的媒介手段,同時設計者對圖像進行有效的加工,對數字、圖像與視頻進行合理的轉化,從而達到更好的視覺效果。
2.1圖像去噪技術
計算機系統在進行網頁的處理過程中,對圖像的去噪處理發揮著至關重要的作用,由于在進行圖片的采集過程中會出現一些不規則的噪音,從而會對圖片的展示效果有著不同程度的影響,通常情況下,這些噪音都是有計算機的物理性質所引起的,因此,在進行圖像去噪的處理過程中,從而確保圖像具有更好的展示效果。
2.2圖像增強技術
在對計算機網頁圖片進行處理的過程中,增強處理的主要目的是將圖像中的標注和重要信息突顯出來,同時也要將網頁中的無關緊要的信息做相應的弱化處理,以此來為后續的圖像處理提供必要的前提條件。對網頁進行增強處理,雖然對網頁圖片能夠進行有效的改善,然而,在進行圖片的采集過程中,會受到一些因素的制約,會對圖片的質量產生不同程度的影響。舉例來說,可能會受相機分辨率的限制,使圖片在視覺效果上與實際樣本間存在著差異。因此,在進行網頁圖片進行增強處理的過程中,也要對圖片的色彩以及邊緣做增強處理。
2.3圖片壓縮技術
圖片壓縮技術是網頁圖片處理過程中的一種最常用的網頁處理技術。對圖片進行壓縮處理可以有效的滿足圖片處理的相關要求。除此之外,在進行圖片的傳輸過程中,通過圖像的壓縮處理,可以有效的降低網頁圖片的失真率。
3計算機處理技術在網頁設計中的應用
3.1優化圖像設計在網頁中的作用
由于圖像的形式的不同在網頁所起的作用也有所不同,換句話說,形式不同的圖片產生的設計效果也不盡相同。一旦圖像通過背景或者圖表的方式表現出來,顯然所表達的效果會存在差異。在這里特別要注意的是如果將圖片以背景的方式展現出來時,必須要避免使用單一的設計背景,應該適當的一些是他的信息形式,從而提高整體網頁的質量,進而增加網頁信息的個性化與多樣化,突出網頁亮點,進而實現更多的瀏覽量。如圖二所示,由于圖片的背景不同,而產生不同的視覺效果。
3.2采用格式處理方式滿足網頁格式需求
在進行計算機網頁設計過程中,對圖像具有較高的要求,特別是對圖像格式的要求更為嚴格,基于此,在圖像的選取過程中,必須要與設計的要求相符,以便圖像與網頁的設計理念相互符合。同時在處理網頁圖片的過程中,會運用到不同的圖像處理方式,包括攝像圖和截圖的等等方式,然而,由于圖像形式的不同會對瀏覽效果產生不同的作用。因此,一般情況下,在進行網頁設計時,會根據文字形式來對圖像進行合理的設計。然而,在設計的過程中,也會存在著一些弊端,由于網頁設計內容較為繁瑣,這些都會對網頁的設計效果造成不同程度的影響,由此使網頁的中心思想不能夠明確的表達出來。
4、結語
綜上所述,網頁設計作為我國目前新興的技術產業形式,已經引起各界人士的廣泛關注。然而,在網頁設計的過程中,仍然存在著一些弊端,這需要網頁設計者采用適當的手段,從而對網頁圖像進行有效的處理。網頁設計中采用圖像處理技術,不僅能夠提升網頁的質量,而且還能滿足大眾需求,從而增加更高的點擊率。
作者:謝會娜 單位:河北省深州市職業技術教育中心
摘要:隨著用戶體驗這個理念在電商網站中不斷體現,用戶體驗儼然成為評價一個電商網站是否成功的重要標準。良好的用戶體驗可以給用戶購買時提供方便與愉悅,同時增加電商平臺的收入。伴隨著大眾審美水平的不斷提升,網站頁面設計的藝術與美感被大眾所關注。本文以淘寶網為例,探討用戶體驗在電商網頁設計中的應用。
關鍵詞:電子商務;用戶體驗;網頁設計
一、用戶體驗的概述
用戶體驗一詞最早被大眾所認知是在上個世紀90年代中期,由用戶體驗設計師唐納德?諾曼提出并推廣。用戶體驗是用戶對產品是否美觀實用,以及使用起來是否方便等方面最有效的檢驗,同時也是用戶在使用前使用時以及使用后的情感體現,包括了用戶對產品的全部感受,例如:情感、信仰、喜好、認知印象、生理和心理反應、行為和成就等各個方面。
二、電商網頁的特征以及設計原則
網頁是構成網站的元素之一所以電商網頁與其他網頁相比具有更多的互動性。電商網頁在整體頁面的布局排版、圖片設置、文字大小、導航欄等方面都與其它網頁有所不同。網頁的設計原則應該遵循以下幾點:
1.用戶導向性原則。在網頁設計之初,設計者就需要考慮瀏覽網站的定位和用戶的需求以及心理期望等因素。只有充分了解了用戶的訴求并滿足需求,設計出的網頁才能讓用戶使用更為方便,才能讓更多的人訪問這個網頁。
2.易操作性原則。優秀的網頁設計可以幫助使用者更方便的找到自己所需的東西。電商網站是大眾型的網站,沒有針對性的客戶群體,使用者的水平也參差不齊,所以簡單的操作是必不可少的。例如在網頁中快速找到用戶登錄欄、搜索框的簡潔明了、關鍵信息的提示等。
3.統一性原則。網頁的整體效果是至關重要的,網頁的色彩搭配、文字使用、頁面布局等要和諧統一,不能造成視覺上的負擔。通過網頁設計中對比的方法,可以讓設計更具有生氣,但過于強烈的對比容易失去平衡統一。
4.個性化原則。個性化是獨特的,別具一格的,是在大眾化的基礎上有所改變的。網站的個性化并不是指花哨夸張的圖片或是奪人眼球的宣傳標語,而是能夠體現這個品牌或企業獨特的文化。例如在電商網頁中可以使用企業圖標logo或吉祥物等。
三、用戶體驗在電商網頁設計中的應用——以淘寶網為例
1.感官體驗
感官體驗是呈現給用戶視聽上的體驗,強調舒適性。網頁的感官體驗一般體現在頁面布局、頁面導航、色彩等方面。淘寶網整體色彩采用白色和橙色兩種顏色作為主色調,橙色是介于紅色和黃色之間的顏色,是一種充滿活力和歡快的色彩。橙色能使人聯想到秋天收獲的果實、溫暖的太陽等,給人舒適溫暖的感覺,能增加網頁的親和度。白色和橙色的冷暖對比,可以使網頁呈現更為清晰。
2.交互體驗
交互體驗強調互動性,即網頁給用戶使用、交流的全部體驗。用戶在瀏覽淘寶網時,隨著鼠標位置的移動,光標停留的文字或鏈接會變色,用戶可通過單擊變色部分進入不同的頁面。淘寶網的搜索框與產品分類也體現了交互性。用戶通過在搜索框中輸入關鍵字詞來搜尋自己所需的產品時并不能描述自己所需物品的準確信息,淘寶搜索框通過關鍵字聯想出更多產品,同時提供歷史搜索記錄,為用戶提供了更多選擇。
3.情感體驗
人會對不同的東西產生不同的情感體驗,情感體驗是感性的心理體驗,會受周圍客觀環境所影響的一種主觀體驗。淘寶網是一個購物消費平臺,給用戶更多的還是積極的情感體驗,同時積極的情感體驗可以留住用戶并且可以吸引用戶購買產品。淘寶網給用戶良好的情感體驗在于細致的分類導航、聯系客服、售后服務等方面。
4.瀏覽體驗
瀏覽體驗是用戶在瀏覽網頁時全部感受,網頁設計要從用戶的角度出發,去觀察用戶的瀏覽習慣,用戶關注的方面等內容等。淘寶網的布局采用“國”字型布局,一般最上面是網站的標題及橫幅廣告條,接下來就是網站的主要內容,左右分列一些兩小條內容,中間是主要部分,最下面是網站的一些基本信息、聯系方式、版權聲明等。這種常規的布局符合大眾的瀏覽習慣。淘寶網在首頁中間設置滾動廣告圖片已經熱門品牌,提供了產品推薦,吸引用戶瀏覽。
四、結語
隨著互聯網時代的不斷發展,電子商務這一產業也發展迅速,各種不同類型的電子商務平臺也如雨后春筍般出現,不同的網頁設計也層出不窮。本文以淘寶網為案例,從視覺體驗、交互體驗、情感體驗、瀏覽體驗四個方面分析了用戶體驗在電商網頁設計中的應用。隨著互聯網的普及和使用人群的年齡跨度的不斷加大,淘寶應推出更適合中老年使用的簡化網頁,從用戶的角度出發,充分考慮用戶的需求,才能贏得用戶的好感。希望通過本文的研究,希望更多的網站能都以用戶為中心,省去花哨的設計和廣告,為用戶提供更好的體驗。
作者:徐巍 單位:江蘇經貿職業技術學院
計算機網頁的設計有著很強的專業性,其需要設計人員擁有文字版面處置的知識和動畫制作以及圖像的處置能力,這就需要當前網頁設計教學應該將理論和實踐相互融合,積極的使用案例教學的方式。在對其進行使用的時候要積極地塑造一個輕松與和諧的學習氣氛;使其能夠對教師的素質加以提升,建設一個很好的師生關系;挑選適宜的教學案例,積極的建設出一個科學有效的知識體制。以往的網頁設計教學,主要還是按照教學大綱里提出的要求,模式化的去進行教學的課程,這種教學形式嚴重的制約學生進行學習的思維,不使用學生理論聯系實踐能力上的培養,使得理論和實踐彼此脫節,針對存在的問題,導入案例的教學,按照學生自身的特點和目前教學的需要,科學的去對案例進行選擇,把教學和具體的工作內容進行融合,這樣才能夠對目前計算機教育培養人才的要要保持一致。
1案例教學模式內涵以及特點
案例的教學,美其名曰就是以實際的案例作為依托,然后實習網頁設計教學,這樣的教學形式可以幫助學生能夠爆出扎實的基礎知識與實際實踐操作的要點,按照教學大綱上的需要,對于教學的目標加以確認之后,教師帶著學生工程完善實踐的學習,同時采用小組合作和探索研究的方式,積極的對知識予以進一步的解析與研究,從而不斷對學生處理問題的能力加以提升,另外,教師還需要積極的調動起學生進行溝通的能力和從工作作風等多個方面去進行教學計劃,從整體上去對學生的網頁設計整體水平加以提升,在很多的實踐調查分析之后我們能夠看出,案例教學可以充分的調動起學生進行學習的積極性,并且還可以對網頁課堂教學氣氛進行活躍,從而提升學生進行學習的積極性。
2案例教學在計算機網頁設計中的具體應用
2.1案例教學設計
案例名稱:某旅游公司“一日游”的專題網頁設計(1)企業概況。本次進行的案例教學,以某旅游公司的專題設計為內容,該公司從事旅游資源開發工作,是一家具有民營性質的合法公司,在廬山腳下,四通八達,以“廬山”為景點的一日游獨具特色,價格合理,是針對各個群體要求定制的套餐服務,該公司具有自己的宣傳網站,屬于“三星級”旅游公司。(2)“廬山一日游”的主題介紹。人們生活節奏加快,身心俱疲,在周末或者是閑暇的時候,去廬山欣賞自然風光,緩解身心疲勞,通過體驗大好的自然風光,喚醒人們對祖國打好河山的熱愛,
2.2主要教學內容
(1)準備階段。在準備階段,教師應選擇適當的情況,提供給學生,學生根據教師提供的情況,設計主題,進行相關數據收集,教師應該考慮學生的興趣,興趣和學習特點作為基礎,選擇當前的熱點問題,以及學生關心的問題,善于解決問題,從而保護案例教學的成功。(2)明確的設計主題。教師將成為向課堂上所有學生分發的第一種材料,根據教學目標和公司情況,清晰的設計主題,要求學生設計具有風格特點,可以對互動功能頁面產生市場影響。(3)練習分組。在班上有45名學生,9人分為5組,每組選擇一組組長,組內容分配書面報告寫,數據收集任務,調查時間為半天,討論研究時間是長時間。在整個實施階段,教師需要參與整個過程,為學生解決各種問題,教師積極與各個小組保持聯系,檢查他們的網頁制作情況,發現問題及時解決。(4)結束的過程。這一階段是總結網絡生產情況,分析問題,總結過程中的經驗,案例評估可以是學生自我評價,教師評價和群體相互評價三種方法。
3案例教學落實過程中應該注意的問題
在案例教學過程中,和諧學習分為良好的師生關系和科學知識體系,這是促進案例教學成功的重要因素。因此,教師應更加注重這些方面,并為案例教學提供更多良好的條件。
3.1營造輕松、和諧的學習氛圍
網頁設計教學,和諧氣氛,學生的思維能更加積極,心理會產生安全感和自由感,網頁設計,數據分析與分析的時間,可大膽的想象力,教師在案例教學實現,記住他只是一個指導,在適當的時候給予學生輔導,但不能取代學生的思維和設計,教師應該充分發揮學生的主動性,讓學生獨立完成案例教學過程。
3.2提高教師素質,構建良好的師生關系
如你想確保計算機網頁設計案例教學的順利進行,教師需要有博潮知識,有經驗的特點,這是老師為學生傳授的基本條件的經驗和知識。因此,教師必須繼續學習,以便為學生提供豐富的信息。因為唯一的辦法是提高教師的影響力和威望,從而提高教學質量和教學效果。此外,老師應該全面,多角度關心和關心學生,而學生在中間,為了更好地感受和體驗內心世界,然后做好老師,努力成為學生朋友。
3.3建立科學合理的知識體系,選擇合適的教學案例
良好的認知系統是幫助學生掌握快速消化知識的關鍵,學生有基本的條件來理解和適應環境,在學習中可以繼續實現知識的同化適應,遵守功能也是更優秀。但是良好的認知系統不是從一開始的,老師應該引導學生建立內在知識和新知識點之間的聯系,以大綱為基礎,案例教學,應該確保案例有很強的針對性,可以充分反映相關知識點的大綱。例如,當布置網頁時,可以通過使用表,框架和層來完成。例如,當你為一個食物網站制作圖表:要確定頁面的主要顏色,將背景圖像放在第一層:添加活力和活力,可以插入第二層哈希動畫:食物將被插入到第三層:為了反映食物文化,可以與第四層的歌曲相關聯:增強頁面三維,將浮動對象添加到第五層。此外,教師應鼓勵學生使用表單布局來解決問題,然后是層的內涵,然后逐漸解決問題直到完成學習任務。
結束語
案例教學是網頁設計教學中最有效的教學方法。它的應用突破了傳統的無聊和單一教學模式,釋放了學生的思維,教學更相關,學生成為學習主體。設計本身非常實用,教學必須結合理論與實踐兩個方面,案例教學符合教學理論與實踐的要求,提升網頁設計教學質量和效率。本文從幾個方面分析案例教學在網頁設計教學中的應用,希望為相關教育工作者提供一些建議和參考。
作者:琚慧婷 溫郭英 單位:江西應用科技學院
[摘要]軟件類課程具有較強的實踐性,如何讓教學過程充分融入計算機與軟件技術行業實踐并符合職業規范,是需要重點研究的問題。以網頁設計與制作為例,充分考慮教材和學生特點、企業用人需求,緊密結合國際項目管理知識體系與軟件行業職業規范,從重構模塊化教學內容、優化教學順序、建立特色化項目管理體系三個方面設計了新的面向網頁設計與制作課程的項目驅動型教學方法,從教學實踐和推廣應用來看,取得了良好的效果。
[關鍵詞]教學方法;項目管理;網頁設計;軟件工程
一、引言
高等職業教育改革正在逐步深化,對教育教學質量也提出了新要求,教育的重心已由單純的知識傳授轉向高素質技術技能型人才的培養。人才的培養最終落實到具體的教學環節中,專業課程知識與實踐教學是主要過程,因此教育系統不斷探索科學、合理、高效的課程教學方法。軟件類課程具有較強的實踐性,如何讓教學過程充分融入計算機與軟件技術行業實踐是重點研究的問題。針對軟件類課程的特點和學生的實際情況,從新工具技術應用、情景模擬到任務驅動等各種課程教學方法被應用到了課堂教學實踐中。采用案例和任務驅動的方法,以增強學生綜合運用知識和實際動手的能力,探討了網絡環境下計算機軟件應用類課程的教學方法。強調以案例驅動探索教材結構和教學方法的優化。從教材課件和教育程序優化等方面探索了非計算機專業的程序設計教學方法。總結來看,各種教學方法都關注通過情景、案例、任務等形式,盡可能使教學過程接近實踐應用。
二、教學內容改革情況
(一)教學內容更新的總體思路
網頁設計與制作是軟件技術及相關專業的職業技術基礎課程和必修課。在教學過程中,以軟件技術專業人才培養方案為依據,以培養學生網站策劃、網頁美工、網站程序設計、網站運營與推廣等崗位職業能力和職業素養為目標,將增強學生基本就業力、職業遷移力、持續發展力為著力點,按照“科學性、針對性、時效性、實用性”的原則選擇、更新課程及實踐教學內容,重點培養學生的行業規范意識、職業化能力,未來能夠輕松地融入工作崗位,快速進入職業角色,能有效地實現由教師為中心向以學生為中心,由課本為中心向以項目為中心,由課堂為中心向以實踐為中心的三個轉變。
(二)教學內容更新的具體做法
1.依據不同時期對工作崗位的需求,重構模塊化教學內容作為軟件技術專業職業技術基礎課程,網頁設計與制作課程涉及的知識內容較廣,如:HTML、CSS、JavaScript、Asp等眾多知識點。應該以工作過程為導向,以學生為主體,充分考慮學生的認知水平和已有知識、技能與興趣,為學生提供適應市場需要的、模塊化的學習資源,開發模塊式教學計劃。2.設計實踐教學特色化項目管理體系,優化實踐教學流程目前,整個課程實踐教學的管理體系已經建立,有電子商務運營和管理、網絡營銷、物流信息技術、網頁設計與網站開發等課程的實踐管理體系,以軟件技術專業網頁設計與制作課程為例,將目前計算機技術與軟件行業標準化項目管理知識體系與具體的專業技術課程實踐教學相結合,用項目的方式去管理課程實踐,構建項目管理體系是基本前提。
三、教學方法改革情況
(一)“項目導向,任務驅動”教學法
“項目驅動,任務導向”教學法是師生通過共同實施一個完整的項目工作而進行的教學活動。該方法是以項目為主線、教師為主導、任務為驅動、學生為主體的一種教學模式。
(二)“分組合作”教學法
分組教學,以團隊的形式參與整個教學過程。以全班40人的規律為例,學生自由組成小組,一般6人一組,每組推選一名組長,負責項目協調和管理,在16~20個學時內完成既定的項目(網站),最終分組演示,分個人答辯、項目成果展示。項目的設置由小組討論形成,學生根據興趣、特長設定網站類型和主題,其中教師只進行輔助,提供技術和資源支持,不參與項目制作。通過案例實訓,運用項目管理的方式,綜合測評學生的技能掌握情況,同時使團隊中的每個學生揚長避短,發揮各自優勢,最終完成一個網站的設計與制作。
四、結語
網頁設計與制作是軟件技術專業的重要課程,承接了Web前端開發技術的主要內容,是人機界面的首要交互接口。本文以網頁設計與制作為研究對象,將教學過程與行業實踐相結合,緊密結合國際項目管理知識體系與計算機與軟件技術行業職業規范,以企業用人要求為導向,從重構模塊化教學內容、優化教學安排、建立特色化項目管理體系三個方面設計了新的項目驅動型教學方法。從教學實踐來看,取得了良好的效果。
作者:王書琴 李從慶 吳艷 單位:合肥信息技術職業學院
隨著國家網絡信息技術的發展,各類新興媒介也逐漸進步,并且形成了較為成熟的發展體系,而網頁藝術設計就是其中最為新興的媒介,其是將設計與網絡交叉結合在一起,形成了良好的藝術體系,可以為網站建設工作提供較為良好的支持,基于此,本文針對網頁設計構成要素的分析,提出幾點設計方式,以供相關人員參考。
1引言
在網頁設計過程中,相關設計人員必須要重視各類藝術形式的表現,保證可以提高網頁設計效率,增強網絡設計效果,達到網站建設要求,形成較為良好的發展體系。
2網頁設計主要構成要素
在網頁設計藝術之前,相關設計人員要想更好的表現出各類藝術形式,就要全面了解網頁設計的主要構成要素,保證可以提高網頁設計質量與效率。具體構成要素包括以下幾點:
2.1網頁文字設計要素文字是網頁設計中信息傳達的主要手段,是網頁設計中不可缺少的核心要素,因此,在網頁設計中,文字將占據較大面積,網頁設計人員也可以通過文字的設計提高網頁設計質量。因此,在
網頁設計期間,為了增強網頁文字編輯效果,為人們留下深刻的印象,必須要避免出現繁瑣、雜亂的文字,保證可以提高受眾度。同時,在文字編排與設計期間,還要根據信息內容的特點,對風格與文字相互融合,避免出現脫離主題或是與主題相互沖突的現象。例如:在對政府網站的網頁文字進行設計的時候,必須要體現出規范的特性,字體造型歸正有序,不可以出現雜亂無章的現象;在對公司網站進行設計的時候,網頁文字必須要體現出行業性質,或是公司產品特點,這樣,才能提高網頁設計效率;在對個人頁面進行設計的時候,網頁文字必須要體現出個人的性格特點與追求。這樣,才能提高網頁設計效率,充分表現出網頁設計的藝術形式[1]。
2.2網頁圖形設計要素
在對網頁圖形進行設計的時候,必須要對網頁讀者的需求進行分析,進而提高網頁圖形設計的受眾度。同時,網頁圖形的設計還要凸顯出網頁文字的主體位置,發揮襯托的作用。同時,網頁圖形設計具有兩重性特點,主要因為網頁圖形不是精彩的文字語言,需要讀者利用視覺理解圖形,使得網頁在整體設計上,展現出飽滿的優勢。由此可見,在網頁圖形設計過程中,網頁設計人員必須要重視圖形設計的視覺效果,將圖形與文字整合在一起,為讀者提供更多的信息,另外,還可以達到美化網頁頁面的效果,提高網頁設計質量與效率[2]。在網頁圖形設計期間,設計人員要注重圖形的分辨率,更好的對其尺寸與范圍進行設計,這樣,才能提高網頁下載效率,更受讀者的歡迎[3]。
2.3網頁色彩設計要素
在網頁設計過程中,色彩要素是較為重要的,除了可以滿足人們的審美需求之外,還要提高技術的應用質量,全面掌握網站風格,體現出配色與風格藝術,提高網頁設計質量。在網站設計過程中,其屬于一種藝術品,主要因為網頁中不僅包含著優美文字,還有新穎的圖片與色彩,可以產生較為良好的視覺效果,刺激讀者的感官,使得頁面更加生動。在此期間,網頁瀏覽者在瀏覽網頁的時候,會注重網頁的色彩設計,并且為其留下深刻的印象。這就需要網頁設計人員重點關注網頁色彩的設計,進而提高網頁設計質量。在網頁色彩設計期間,設計人員必須要遵循以下幾點原則:第一,遵循色彩選擇原則。就是根據網站主題的實際情況,選擇相應的主色調,當前,部分網頁色彩設計中都是以淺顏色為主,例如:淺灰色、淺黃色等,可以有效突出網頁頁面的重點。第二,遵循背景色調搭配特點。就是在網頁設計期間,設計人員根據網站建設實際需求,對網頁背景進行色調的搭配,在此期間,設計人員必須要注色調搭配的科學性,主要因為如果背景色調過于強烈,就會形成與網頁文字、圖片相互對立的顏色,導致讀者在閱讀的時候,過于重視網頁背景,不能更好的辨識網頁文字與圖片。由此可見,網頁設計人員在搭配背景顏色的時候,必須要應用單純的顏色,以凸顯出網頁文字與圖形[4]。
3網頁版式設計措施
網頁是網站信息的傳遞系統,設計人員在對其進行設計的過程中,必須要全面了解網頁設計要素,將文字、圖形、圖象、標志與色彩等繪制成為一個整體,然后對菜單與正文等進行編排,這就需要設計人員在網頁設計過程中,重視版式的設計,保證可以提高其設計質量。網頁版式設計主要就是對網頁頁面進行布局,在有限的屏幕之內,形成良好的視聽多媒體元素排列組合形式,使得頁面設計個性化思維得以有效展現。然而,當前很多網頁設計人員在執行工作的過程中,還存在排版設計問題,無法對每個元素的尺寸與位置進行設計,難以提高其設計效率。這就需要網頁設計人員根據網站建設工作特點與需求對網頁進行排版,進而提高排版的科學性與合理性,達到良好的排版效果[5]。
4網頁設計藝術特點
在網頁設計過程中,其藝術特點較為突出,是網頁設計人員需要全面了解的體系。首先,網頁設計具有主題鮮明的藝術特點。主要因為網頁是網站的信息傳達結構,只有設計較為鮮明,才能提高網頁設計效率與質量。同時,色彩鮮明的網頁設計,可以滿足讀者心理需求,提高網站瀏覽效率。其次,網頁設計具有內容形式統一的特點。主要因為網頁中的內容與形式需要統一結合,將網頁主題與形象相互結合在一起。最后,網頁設計具有整體感較強的特點。就是在網頁設計過程中,適當的對空間環境進行設計,并且突出網頁主題與意念,形成良好的設計風格與整體性,進而提高網頁設計質量,凸顯出網頁設計的藝術形式。
5結語
在網頁設計過程中,相關設計人員必須要重視各類要素的應用,并且逐漸提升網頁設計效率與質量,增強網頁設計效果。在此期間,相關設計人員不可以一味的重視網頁色彩的設計,而是要突出網頁設計整體性,提高其設計效率。
作者:李偉珍 單位:泉州師范學院軟件學院
摘要:網頁設計課程實訓教學能使技校生有效地掌握網頁制作三劍客Dreamweaver、Fireworks、Flash在網頁設計過程中的應用,這對于技校生將來的就業具有現實意義。因此,教師在實訓教學過程中采用立體化教學模式,才能切實提升教學效果。本文主要對技工院校的網頁設計課程實訓立體化教學進行論述。
關鍵詞:網頁 實訓 立體化
技工院校的網頁設計課程是以目前應用最為廣泛的網頁制作軟件的使用方法為主線,采用任務和案例相結合的教學方式,以簡明通俗的語言和生動真實的案例詳細介紹Dreamweaver、Fireworks、Flash以及Photoshop這幾個在網頁制作中經常用到的軟件,并重點講解各軟件在網頁制作中的實際操作。通過網頁設計課程的教學,可以使學生具備就業所需的網頁設計能力,為未來的發展和自主創業奠定基礎。因此,該課程越來越得到技工院校計算機專業教師與學生的重視。其中,由于實訓教學是整個網頁設計課程教學的關鍵核心所在,因此改進實訓教學模式,引入新的教學方法、手段,對于提升網頁設計課程的教學效果具有重要的意義。
一、立體化教學的內涵
傳統的課堂教學模式過于強調教師在教學過程中的主導作用,導致學生在教學過程中被動地成為知識的存儲器。實踐證明,這種模式既無法體現職業教育能力本位的思想,又使學生無法適應當今社會的發展。因此,引入更加先進的教學模式對于技工院校來說尤為迫切。所謂的立體化教學,就是打破傳統的以教為主的一維化模式和教、學并重的二維化模式,將教、學、練、做四維集成一體,使四者相互滲透、相互融合。從而使學生的學、練、在教師的引導下,真正實現無縫對接,從而實現人才培養方案確定的目標。
二、技工院校網頁設計課程實訓教學采用
立體化模式的必要性一方面,傳統的技工院校計算機實訓教學模式已迫切需要得到改進、提高。隨著技工院校生源的不斷下降,技校生生源素質的迅速下降已成為不爭的事實。特別是對于計算機實訓教學,既要面對實訓內容與市場需要脫節的窘境,又要面對學生學習興趣缺乏,學習積極性不高的實際學情。另一方面,企業的發展對技工院校的計算機專業人才提出了更高的要求。既懂理論又具備較強實際操作技能的學生,更受用人單位的歡迎,也有著更加廣闊的發展空間與發展基礎。
三、技工院校網頁設計課程實訓立體化教學的開展
1.確定合理的教學目的
技工院校網頁設計課程實訓教學的目的應體現應用型人才的培養,并充分考慮技校學生的學習基礎、特點。在學生掌握計算機和網絡應用基本知識的基礎上,掌握HTML、CSS、javascript有關的知識。通過對Web頁制作技術、工具的學習,使學生對于網頁設計與制作中所涉及的相關知識有全面的了解,并使學生具有解決一般網頁制作問題的能力。掌握運用DreamweaverCS6網頁制作軟件的方法、FireworksCS6圖像處理軟件進行網頁中圖形制作和運用?ashCS6動畫制作軟件設計網頁中動畫的方法,進而將這三個軟件互相配合,完成網頁設計與制作任務的方法。為今后從事網頁設計與制作、網站開發和管理奠定基礎。
2.科學設置實訓內容與要求
由于網頁設計課程的實訓內容在整個教學過程中占有重要的地位,因此設置哪些實訓內容并提出相應的要求是實訓教學成功與否的關鍵。如在網頁布局這一環節,設置的實訓內容是在本地站點文件夾D:\myweb中,創建一個網頁文件web51.html,內容自定。要求使用表格布局頁面。頁面要求:①有頁面標題、頁眉、導航欄、主內容區、頁腳。②版面布局合理,內容安排有序。然后在本地站點文件夾D:\myweb中創建3個網頁文件,一級頁面web53.html,二級頁面web531.html、web532.html,內容自定。要求使用APDiv布局頁面。頁面要求:①有頁面標題、頁眉、導航欄、主內容區、頁腳。②版面布局合理,顏色設置符合美學原理,使用部分圖像增強表現效果。③要求網頁鏈接層次至少2層,完成一、二級頁面的鏈接,并且各頁面之間有統一的導航機制。最后創建一個框架網頁文件web55.html,按要求給每個框架設置初始顯示網頁。其中左側框架設置為導航頁,被鏈接文件可以使用以前制作好的網頁。這樣就使得學生的學不再是盲目、被動地學,而是知道如何學、練、做,從而真正實現立體化教學。最后,實訓考核立體化??己瞬粌H要綜合考查學生的學、做、練,也要相應地考查教師的教,只有這樣才能不斷完善立體化教學模式,達到教學相長的目的。
作者:齊立新 單位:江西省冶金技師學院
摘要:文章主要研究網站建設中網頁設計的安全缺陷和對策,分析了網頁設計安全缺陷的成因和危害,并給出了幾種常見網頁設計安全缺陷的應對策略。
關鍵詞:網站建設;網頁設計;安全缺陷
近些年網絡技術突飛猛進,人們的工作生活都離不開網絡,更多的企業以及機關單位都開始自行建設網站從事網絡宣傳和商務活動,在簡化業務流程,提高效率,拓寬業務渠道,方便工作生活的同時,網絡安全問題也日益突出,研究網站建設中網頁設計安全缺陷和對策十分必要。
1網頁設計安全缺陷
1.1網站建設
網絡技術快速發展,網絡安全技術逐漸完善,黑客攻擊技術也不斷更新換代,更加先進,黑客行為從單純惡意攻擊逐漸轉變為商業機密以及個人隱私的竊取,針對網站的攻擊越來越多,設計人員在網站設計工作中要對其安全問題充分重視,了解網站建設網頁設計中存在的各種安全缺陷,并在網頁設計工作中找尋有效的措施予以解決,提高網站網頁的安全性。網站建設的基本流程主要有需求分析、美工設計、程序開發、網站運營等幾個步驟,需要設計開發很多配套輔助程序,其中網頁設計有著自身的特殊性,程序的安全漏洞更多,安全威脅也嚴重。
1.2網頁設計
網站建設的目的是為企業和用戶、政府機關和群眾提供便捷的溝通橋梁,利用網站為用戶和群眾提供產品信息、政策信息,并搜集用戶和群眾的反饋信息,加深用戶和群眾對企業以及政府機關的了解。尤其是電子商務網站,除了信息溝通之外,還兼具宣傳產品、網絡營銷等商業用途,能夠為企業提供展示自身產品的平臺,從而進一步提高自身產品的知名度,為達成交易創造機會,加快企業發展。網頁設計是網站建設的核心內容之一,網頁設計質量的好壞對網站建設的整體質量有較大的影響,是網站建設水平的一個縮影,也是網站建設的最終展示效果,經過多年發展,網頁設計技術已經逐漸發展成熟,形成了多種便利的編程工具,網頁設計的效率更高,最終表現效果也更生動,給網站開發人員提供了有力的技術支持。
1.3網頁設計安全缺陷威脅
現階段,網頁設計中應用最為廣泛的服務器端網頁設計技術主要有動態服務器頁面(ActiveServerPage,ASP),Java服務器頁面(JavaServerPages,JSP)以及超文本預處理器(HypertextPreprocessor,PHP)等幾類,利用腳本語言,就能夠高效管理網站資源,網站使用者和網站之間的交互性更強,功能更加多樣、直觀、簡潔。如果網頁設計中存在語言編程問題,用戶在使用過程中就會逐漸形成安全漏洞,為不法分子利用,就可能給企業造成間接和直接損失。用戶輸入信息不可控,信息不確定性很大,網頁設計開發人員需要充分考慮到這個問題,詳細全面分析用戶信息,避免非法信息輸入損害網站安全。網頁腳本語言編輯和服務器之間有著密切的數據連接,關系到網站設置和服務器數據,網頁設計中的漏洞會影響網站的安全性,增加數據被竊取的風險。
2網頁設計安全缺陷應對措施
網頁設計中的安全缺陷會降低網站的安全性能,威脅企業隱私數據安全,現階段,網頁設計中存在的安全缺陷主要包括Web安全加固、桌面數據庫泄密和文件上傳漏洞等幾方面。
2.1Web安全加固
常規安全設備不能抵御應用層攻擊,因此互聯網廠商提供了應用層防火墻,以硬件的方式抵御網絡攻擊,針對SQL注入式攻擊能夠提供數據攔截功能。但是針對網頁篡改的攻擊方法多種多樣,攻擊者會想方設法獲取系統操作權限并進行違法操作。為了避免網頁篡改,設計網頁時要采取措施避免被篡改的網頁流出服務器,同時加固網頁使其不容易被修改。當前市場上防SQL服務以硬件的方式實現,而網頁防篡改則通過網頁設計和應用程序進行,兩種防護功能的相互整合程度不高。為了整合兩種功能,在內核層面,可以將文件目錄以及內容修改行為封裝在內核入口中,系統利用層次攔截服務驗證修改操作的合法性,非法操作拒絕其調用函數進入內核,并記錄攻擊攔截日志;系統層面,在受保護頁面和文件目錄對應內核中設置防修改Incode節點位;應用層則利用事件觸發保護策略監控網頁文件和目錄,建立多層安全加固體系,保護網頁安全。
2.2逃避驗證/文件上傳
用戶知道網頁文件名、路徑,就有可能逃避驗證,威脅網站安全。網頁如果沒有設置用戶登錄限制,用戶就可能直接將網頁文件名輸入網頁,無需進行登錄驗證就能夠獲取網頁內容,降低了網站的安全性。為了避免用戶逃避驗證,網頁設計開發人員需要注意保護網頁信息,加密網頁文件名、路徑,重要網站內容設置用戶身份驗證,用戶需要驗證身份之后再登錄相關頁面,獲取信息,從而進一步提高網頁安全性。很多網站都設計了上傳文件功能,視頻網站用戶可以自行上傳視頻,網盤用戶可以上傳自己的各類文件,雖然給用戶帶來了便捷和更多豐富的功能,但也給網站安全性帶來了很大考驗。一些網站設計開發工作人員在網頁設計中忽視了上傳文件的安全性問題,沒有添加過濾功能,或者過濾參數設置不合理,一些不法分子利用文件上傳功能,上傳惡意文件,潛入網站數據庫系統進行破壞或者信息竊取。為了提高網站文件上傳的安全性,網站網頁設計應該設置判斷程序,系統接收文件上傳請求之后首先分析判別其安全性,確認其為無威脅文件之后方可完成上傳操作,從而有效避免非法文件、木馬病毒上傳到網站,提高系統安全性。
2.3數據庫下載/源代碼泄露
桌面數據庫被下載是另一個嚴重的網頁設計缺陷,ASP+Access應用系統更容易出現這個問題。用戶在一般情況下需要通過網站的用戶登錄和身份驗證之后方可下載網站相關信息,但是在知道Access數據庫名稱、路徑之后,數據庫中的信息就可以隨意下載,導致數據庫機密敏感信息泄密,給企業帶來損失。例如圖書館管理系統數據庫名稱為Library.mdb,路徑為URL/database,瀏覽器中輸入URL/database/Library.mdb,就能夠直接下載該數據庫中的信息。為了保護數據庫信息,ASP程序設計首選開放數據庫互連(OpenDatabaseConnectivity,ODBC)數據源,該數據源不將數據庫名稱直接寫入程序中,不會出現ASP源代碼和數據庫名稱一同丟失的情況,除此之外,還應該進行頁面的加密處理和數據庫信息加密處理,保護數據庫內部資料。源代碼泄露也嚴重威脅著網站的安全,網站建設網頁設計中為了避免源代碼泄露,網站頁面代碼都需要加密處理,從而保護源代碼,提高網站安全性能。常見的ASP加密方法主要有編程邏輯封裝和ASP頁面加密兩種,其中ScriptEncoderASP頁面加密更加常用,有著理想的可編程性,嵌入HTML頁面中的ASP代碼仍然可以使用常用的Dreamweaver等網頁編輯工具完善HTML部分,加密目錄內所有ASP文件并統一輸出至指定目錄,操作簡單,安全性高。
2.4網頁篩選過濾
網站服務器提供了過濾轉送機制,方便網頁設計開發工作人員額外篩選處理網頁數據,該機制能夠于網站服務器外掛命令文件并編譯執行,利用網站服務設定,可以轉移網頁輸入數據至網頁篩選過濾模塊,該模塊接受網頁數據之后,獲得其參數數據,并將其傳遞給XML解析器驗證,驗證成功方可進行下一步操作,否則將向用戶端回傳錯誤信息;之后輸入數據傳遞給MAC模塊,校驗數據完整性,數據完好,可進行下一步操作,否則回傳錯誤信息;數據完整性校驗完畢,傳遞給網站應用程序,網站應用程序回傳Cookies和HTML數據,提取HTML數據參數網址和窗體數據傳給MAC處理模塊,生成信息驗證碼,將其加入Cookie和HTML文件,回傳給客戶端。網頁篩選過濾模塊讀取參數名稱,判斷該網頁是否有待處理表單,如果沒有參數名稱則不做處理,有參數名稱,表示有待處理表單,則逐一提取字段值、Cookies信息,XML解析驗證。該功能能夠過濾和分析網頁,實現流程控制、其他功能模塊調用和安全校驗等功能。
3結語
信息化進程不斷加快,網絡進入了生產生活的方方面面,為人們提供了更加便捷的服務,網絡商務行為也更加普遍,電子商務、網絡營銷等網絡商業行為對網絡安全性的要求越來越高,為了保護網絡信息,需要采取有效的對策解決網站建設網頁設計中存在的各種安全缺陷,進一步提高網站運行安全性和穩定性。
作者:錢能 楊杰 單位:重慶科創職業學院
【摘要】本文先闡述計算機多媒體技術在網頁設計中的應用,然后分析其中的問題,最后提出相應的應對措施,旨在為網頁設計提供一定的參考。
【關鍵詞】網頁設計 多媒體技術 計算機 應用
隨著網絡信息時代的到來,人們的思想觀念、生產和生活方式均發生重大改變,與此同時,人們對信息技術的掌握程度較以往明顯提高。作為一種視覺語言,網頁設計是對平面設計的延續,將計算機多媒體技術應用其中,一方面可以極大增加網頁的內容含量;另一方面,還能顯著提高設計人員的工作效率。目前,在圖像化技術中,計算機多媒體技術是最具有優勢的技術之一,受到網頁設計人員的青睞。
1計算機多媒體技術在網頁設計中的應用
1.1在即時通信設計中的應用
網頁是一種借助互聯網來進行信息傳播、功能實現的平臺。因此,在網頁設計的過程中,需要確保其通信質量、速度。但是,如果網頁的內容比較繁多,存儲需求比較大時,就會導致網頁功能不能實現,比如出現網頁打開速度緩慢、無法打開等。為了解決上述問題,需要利用計算機多媒體技術,即比如壓縮實時通信的信息、增加長度限制等。通常情況下,用戶利用網絡來瀏覽網頁信息時,在下載、讀取文件的過程中,需要對音頻實時采樣序列操作。在網頁設計中,圖像、文本媒體所占內存空間比較有限,但為了使用戶充分了解網頁內容,實現廣告吸引等,需要有大量的闡述性、介紹性信息,包括文字說明、圖片、網頁介紹等。此外,在大量的圖形、音頻文件中,同樣會夾雜文本信息。要想確保網頁容量處于限制范圍之內,同時保證網頁的正常瀏覽,就需要解決好兩個問題,即像素調節、控制文本和圖形文件的長度。使用計算機多媒體技術進行處理時,應考慮壓縮標準對文件質量的影響。目前,相對比較高的壓縮質量為MPEG標準,但JPEG標準在實際應用中最為廣泛。
1.2在網絡連接設計中的應用
當網頁正式工作后,網絡用戶會通過多種渠道來瀏覽網頁,訪問量會不斷增長,同時承載媒體信息的數量也會不斷擴張,從而給網絡連接帶來一定的壓力。為了滿足傳輸需求,需要借助計算機多媒體機技術,實現對媒體數據的壓縮和解壓。壓縮指的是用戶在實時數據傳輸前,在進行壓縮,然后再進行傳輸,這樣一來,可以節約傳輸時間,有效避免出現網絡堵塞問題。解壓縮則是發生在用戶獲得媒體資料以后,它主要是先對文件進行解壓,然后再實施編輯、存儲等。除此之外,為了滿足網頁用戶之間的網絡連接,應用計算機多媒體,可以建立不同的模型,比如OSI框架協議通信,它可以面向多用戶進行操作,并且還具有自動糾錯功能。
1.3在網頁形象化設計中的應用
在網頁設計中,為了確保網頁的吸引性、可讀性等,需要添加一些因素。利用計算機多媒體技術,既可以為網頁提供設計因素,同時還能利用視頻、圖像等方式,讓網頁更加生動、豐富。值得注意的是,在網頁設計的過程中,需要認識到多媒體屬于一種加載程序,所以應該適當控制其容量,避免加載過多出現一定的負擔,從而設計出更加絢麗、快捷的網頁來。
2計算機多媒體技術在網頁設計應用中存在的問題
在網頁設計中,計算機多媒體技術的應用大大提高其效果和效率,但同樣也存在一些問題,具體如下:
2.1多媒體元素格式選擇錯誤
在網頁設計中應用計算機多媒體技術時,視頻、圖片等元素的格式選擇非常重要,要求其容量小、真實性好。但是,在目前的網頁設計中,經常出現視頻無法打開、圖片不顯示等問題,究其原因,主要是因為瀏覽器與文件格式不兼容,或是文件比較大,不能有效載入。
2.2視覺元素堆砌
網頁平臺包含多種視覺元素,既包括平面視覺構成的各個元素,同時又包括多種特有的視覺元素,比如多媒體、交互元素、動態等。但是,在網頁布局的過程中,呈現出來的是一種簡單的堆砌,網頁布局缺乏規劃,缺乏美感。這樣一來,不僅造成資源的浪費,而且還會降低網頁的吸引性、可讀性,從而減少用戶瀏覽量。初次之外,還有一些網頁設計片面追求頁面的絢麗,缺乏實際內容。
2.3視覺元素與相關應用的沖突
在網頁設計中應用計算機多媒體技術后,網頁會包含多種視覺元素,比如文字、影像、圖片等,而瀏覽上述元素需要通過專門的應用軟件,比如瀏覽器、插件程序等,由于機器分辨率存在差異,進而導致網頁呈現與視覺元素本身存在一定的差距。比如用戶在觀賞Flash動畫時,則需要安裝特點的插件程序。此外,對于不同的瀏覽器來講,對于同一網頁的視覺元素,其呈現出來的效果也會出現差異。因此,用戶要想獲取最佳的視覺效果,需要切換瀏覽器。
3提高網頁設計質量的具體措施
在網頁設計的過程中,為了提高計算機多媒體技術的應用效果,需從以下兩個方面入手,做好網頁設計工作。
3.1選擇合適的多媒體元素
網頁設計中應用計算機多媒體技術時,需要結合實際情況,選擇合適的多媒體元素格式,避免出現文件太大難以載入或是打不開等情況。比如要盡量多使用圖像微縮圖,針對無需放大的圖片,可以利用相關的圖像編輯軟件(如Photoshop)進行處理,即先重新取樣原圖片,然后再根據自己的需要,對圖片的大小進行合理調整,最后再保留新圖樣。對于動畫標題,為了節省容量,便于瀏覽等,可采用靜止圖片。
3.2將多媒體技術與藝術設計結合起來
在網頁設計中,設計人員不能一味堆砌多媒體元素,而是要充分考慮其藝術性、實用性等。因此,在網頁設計的過程中,需要做好以下幾點。
3.2.1突出主題要素。不管是哪個網頁,它都應該有明確的主題。因此,在網頁設計中,風格要素與主題內容保持一致,以此為前提,添加文字、動畫、圖片等多媒體元素,同時確保色調的統一。作為主題要素,還要處理好編排位置,使其成為視覺焦點,同時組合各構成要素時,處理好結構的大小、多少、虛實等。
3.2.2注重網頁布局。在網頁設計中,可采用“國”字型、Flash型、標題正文型等。在規劃網頁布局時,需要根據信息量的大小來決定。如果信息量比較大,則可以采用拐角型、“國”字型等;對于綱要性的網頁,則可以采用標題正文型。
3.2.3適當運用留白藝術。留白、虛實均是網頁設計中比較重要的表現形式。因此,在網頁設計的過程中,可以適當運用留白藝術,形成層次鮮明、節奏感強的效果,同時化解大量信息內容聚集導致的壓迫感,給用戶創造一個輕松、愉悅的享受,激發用戶的瀏覽興趣。
4結語
在計算機多媒體技術的快速發展,逐漸滲透到社會的方方面面。在網頁設計中,設計人員也將其運用其中,主要體現在即時通信、網絡連接、網頁形象化三個方面的設計中。為了保障其應用效果,設計人員需正視其中存在的問題,并且從選擇合適的多媒體元素、將多媒體技術與藝術設計結合起來兩個方面入手,提高網頁設計的質量。
作者:索穎 劉乃榮 王玲 單位:遼東學院
摘要:Flash技術運用范圍非常廣泛,不論是網站、廣告、動畫、游戲,甚至程序設計與多媒體化展示方面都有一定程度的運用。本文首先對Flash動畫今后的發展趨勢進行分析并具體化敘述了Flash的實際定義與特點,并對Flash動畫當前在網頁設計中的應用方式進行分析,針對性闡述了Flash動畫在整站式網頁設計過程中交互式導航系統、Web圖像動畫展示以及鼠標動畫的應用。在此針對性研究Flash動畫在網頁設計中的相關研究,望研究結果能夠對今后的學者一定幫助。
關鍵詞:Flash動畫 網頁設計 應用研究
隨著社會邁入信息化時代,網絡及計算機技術的發展及普及程度呈現出優質化的發展形勢,從而促進網頁動畫漸漸發展起來,此外網頁動畫設計在網頁設計中占據重要地位,促使人們在關注動畫整體發展趨勢的過程中將注意力放在網頁動畫方面。在構建及設計網頁時,運用Flash幫助網頁實現多媒體化的網頁成果展示,同時也漸漸成為網頁設計發展過程中不可或缺的重要部分。
1Flash的運用及特點
MacromediaFlash作為一種交互式編輯矢量圖及多媒體創作軟件,因特網網頁設計矢量動畫文件格式時常得以較多的運用,此外,針對性分析Flash,可以了解到目前其主要具備以下六大特點:第一,將矢量圖形作為主要運行前提,致使其自身文件導出容量不大,在進行圖片縮放時對其自身的清晰度影響不大,在網絡傳輸過程中存在一定的便捷性;第二,Flash具備非常優質化且強大的AS代碼,在設計動畫時運用Flash技術,促使動畫的交互性優良,便于讀者在閱讀過程的理解并實施相關互動;第三,針對實際運用過程分析,Flash動畫在運作時主要采用插件,若用戶想要實現視頻觀看,僅僅需要安裝一次視頻插件就可以直接觀看,避免繁瑣性多次安裝的現象發生。此外,由于Flash構建的動畫自身極小,所以其具備較快的調用速率;第四,在設計Flash過程中,可以根據需要適當增加頁面控制按鈕幫助頁面實現鏈接的跳動,還可以運用鼠標實現頁面動畫中的運動及移動。第五,Flash可以實現動畫視聽效果內容的升華,譬如漸變聲、位圖等等,用戶在制作圖片的過程中可以直接構建全Flash制作站點;第六,Flash動畫屬于一種“準”流式文件內容,無需全部下載完成就可以實現動畫觀看。
2Flash動畫在網絡設計中的應用
在網頁設計中,Flash動畫具備非常多關鍵性的作用,如流式播放動畫、FlashMV及短片動畫等,此外其所表現的形式中存在一定的交互性。但需要注意的是,在實施網頁設計時,避免繁瑣、復雜的動畫設計效果的存在,畢竟物極必反,只會降低網頁的品質;如圖1所示。2.1網頁動畫信息交互的實現為了進一步卻寶寶網頁動畫信息交互整體的流暢性,其中的一個重要關鍵就是Flash動畫導航的交互性設計。在對該部分內容進行設計時,往往會使用針對性的Flash動畫腳本——AxtionScript。實際設計過程中,通常由編程者的思想與Flash在事件中作用共同形成動力,并依據動畫中的相應內容實現AxtionScript的具體化定義。2.2網頁動畫相關要素的設計第一,交互式導航系統。在網頁設計中,導航欄對用戶主要起到一種引導性作用。所以在設計時需要將其設計為多個導航級別,并構建針對性的標識來將其區分,以色彩為例,可以采用較為鮮艷、清爽式的搭配。第二,Web圖像動畫形式展示。傳統網頁中,Web圖像主要呈現靜態,不過經由計算機技術的不斷發展,最近幾年在網頁設計中漸漸出現了一部分動態化的Web圖像。同時在其色彩方面的運用,主要采用RGB模板,并在網頁安全色方面運用216色,其主要的色彩格式包括GIF、PNG以及JPE6。第三,鼠標動畫。為了實現優質化Flash動畫效果,在制作動畫效果時要特別注意鼠標在移動過程中其軌跡圖案及色彩搭配。首先,要確保鼠標移動過程中的色彩與網頁設計色彩是不同的,有助于用戶一眼就可以將鼠標找到。最后就是,鼠標在色彩區別網頁之后還要注意其透明性,避免遮蔽信息的現象出現。
3結語
綜合全文內容,在網站設計過程中,Flash作為一個極具重要性的視覺性元素,其可以在幫助網站實現多媒體化效果展示的同時,還能夠結合數據通信這一措施全面性豐富網站自身具備的素材及資源,最終達到一種動態化的效果。截至今日,由于計算機技術發展速度不斷提升,結合Flash自身所具備的多種優質化特征,筆者相信在今后人們的日常生活中,Flash動畫一定可以獲得更加廣泛的用途,更具普遍性,最終實現網頁設計的主體化運用趨勢。
作者:侯英杰 單位:隴南師范高等??茖W校
摘要:分析了傳統教學模式與培養應用型人才模式對網頁設計與制作的教學改革的影響,提出為培養應用型人才的改革方向,并以兩個專業、四個班的學生做為實驗樣本,對本年度教學內容做出了一些改革,得出了在培養應用型人才時該課程內容的改革方案和注意事項,指出為培養服務地方應用型人才,網頁設計與制作的課程改革勢在必行。
關鍵詞:傳統教學;學即能用;CSS
互聯移動終端的大面積推廣,使得掌握網頁制作技術的人才在各個行業里都成為必不可少的需求;同時,地方普通高校為社會服務的使命感在不斷增強,如何培養出“學即能用”的人才,使之在短時間內掌握主流的網頁設計技術,提高站點訪問量,是這門課程課堂教學效果進步的體現。
一、技術背景與課堂教學要求
(一)Internet發展歷程
Internet經歷了從Web1.0到Web3.0的迅猛發展。Web1.0是靜止、單向、被動的;Web2.0則為用戶開設了主動權,使得用戶和網站可行雙向信息互動;Web3.0提升了用戶的主動權,用戶可對頁面的多種元素(顯示、色彩、像素、框架等)按需設置,訂制專屬的功能模塊,整合數據資源,適用于電腦、手機、PDA等多終端平臺定制。
(二)傳統的網頁設計與制作課程內容
一般情況下,高校開設的網頁設計課程從教學內容上可劃分為兩大塊:1.相關知識介紹。網站的概念、基本元素及頁面等相關知識的介紹。2.應用軟件的使用。介紹使用最多的Dreamweaver系列網頁制作工具,使學生掌握布局(表格、層、框架、模板等)、超級鏈接、表單和幾種特效。隨著互聯網的全面推廣和“學即能用”的需求,以上內容已不能滿足互聯網時代與時俱進的特點。最關鍵的問題在于:課堂學到的知識是否馬上就能得到應用,是否與目前社會上專業的網頁制作公司的技術規格保持一致。因此,本門課程的改革勢在必行。
二“、服務于地方”教學內容的改革
(一)教學內容改革
內容改革是課程改革的首要環節。關于什么是關鍵內容,什么是次要內容,筆者走訪了本地專業網頁設計公司中企動力的設計總監馬女士,通過對她的訪談,了解到時下主流的網頁設計公司所涉及到的技術規范,對本?,F階段的教學內容做了必要的調整,簡化了表格布局頁面、框架設計等已被淘汰的陳舊技術的授課內容,有選擇地介紹了網頁交互特效及表單的應用,加強了網頁美化工具、HTML語言及CSS的學習內容。改革后的課程主要分為六大模塊:網頁和網站的基礎知識、網頁美化工具(Photoshop或者Fireworks)、HTML語言、網頁開發工具的介紹、DIV+CSS、動態網頁技術。首先,通過具體的例子闡明網頁、網站的定義,頁面的布局類型(主要是盒模型)、整體造型及配色方案的相關知識;其次,介紹網頁美化工具圖片處理工具(Photoshop或Fireworks)的使用,學生可用其設計頁面元素,加強頁面的視覺效果與美觀性,提升站點的專業度;再次,介紹HTML的基本語法結構和語句,使學生熟練掌握其主要標簽的使用(傳統的教學模式對這一部分的內容有所忽略)。實踐證明,學生若不熟悉HTML的語法構成,學習DIV+CSS這一主流的網頁布局模式就會相當吃力。當然,對于非專業學生而言,學習一門語言,即便是文本標記語言,由于其本身對計算機系統相關知識的欠缺,授課會比較困難,學生也學得辛苦,但這又是一個必要的過程,其所占用的時間比較長,需要設計大量實例,反復練習才能掌握。之后介紹開發工具,重點是要理解頁面的代碼模式和設計模式,而DIV+CSS則是本門課程的重頭戲,由于學生對代碼有種天生的恐懼,所以,在建立CSS時又以開發工具建立為主,修改程序為輔。最后簡單提及動態網頁技術。由于課時限制(32節),本課程主要講授靜態網頁制作。靜態網頁技術分為傳統技術和新技術。傳統課堂教學內容重點是布局表格、框架、模板等,而目前主流的網頁制作公司則主要應用DIV+CSS。所以,對于陳舊的技術簡單介紹即可,而把DIV+CSS作為布局的主要技術進行講解。由于這些內容需要學生對代碼部分比較熟悉,所以,在課時中增加了相應的HTML的基本語法結構和語句的介紹,并對主要標簽的使用熟練掌握。
(二)實際授課效果
筆者今年為設計和思政兩個專業的學生授課。設計專業的學生已經開設了PS,有一定的設計基礎,所以,課程內容改革中的第一部分可以省略;思政專業的學生沒有圖片處理基礎,筆者在授課過程中有意加強了這部分內容,講授簡單的圖片處理方法和文字特效工具。實踐證明,學生有追求新知識的欲望,基本能做到學以致用,并反饋到最終的作品中。往屆學生的作品更像電子小報,而今年通過課程內容改革的學生作品雖不完美,但在形式內容上更接近Internet的正規網站,教學效果良好。針對我校提出建立培養服務于地方應用型人才的本科院校,傳統的網頁設計與制作課程必須響應時代號召,更新教學內容與方法。本文僅供從事該課程教學的教師參考。
作者:侯敏 單位:西安文理學院
摘要:
在當前這個時代中,各種視覺信息不斷泛濫,讓我們眼花繚亂、應不暇接。人們越來越希望網頁設計能夠變得簡潔、明快、一目了然。將簡約主義思想應用于網頁設計中,有著明顯的現實意義。本文先分析簡約設計理念的起源,接著研究簡約主義視角下網頁設計的特點,最后提出一套有針對性的應用簡約主義理念的對策,希望能起到一定的啟發意義。
關鍵詞:簡約主義;網頁設計;對策
一、前言
邁入新世紀之后,信息技術蓬勃發展,我們已經身處于信息時代的懷抱中,在這個時代中,各種視覺信息不斷泛濫,讓我們眼花繚亂、應不暇接。人們越來越希望網頁設計能夠變得簡潔、明快、一目了然。將簡約主義思想應用于網頁設計中,有著明顯的現實意義。本文先分析簡約設計理念的起源,接著研究簡約主義視角下網頁設計的特點,最后提出一套有針對性的應用簡約主義理念的對策,希望能起到一定的啟發意義。
二、簡約主義溯源
早在春秋戰國時期,我國哲學家、思想家老子就提出過“少則多、多則惑”的思想。在古希臘時期,柏拉圖曾經用“簡單及少”的理念來論述立方體。這足以說明簡約主義思想源遠流長,很早就初見雛形。事實上,正是世界文明史上的現代主義運動直接帶動了簡約主義的發展與成熟。從理論角度而言,現代主義是功能主義與簡約原則的有機融合。上個世紀初,英國興起的“工藝美術運動”正式將簡約主義理念登上了歷史的舞臺,使其出現在人們的視野中?!肮に嚸佬g運動”旨在否定機械化與裝飾過度的設計風格,主張真實、熱情,兼具功能與價值的設計。這次運動為現代主義風格奠定了良好的基礎。其提出設計應該以功能作為核心,強調非裝飾化的簡單幾何造型。之后,著名建筑大師米斯?凡德羅提出了經典的“Lessismore”的設計原則,直接為簡約主義理念奠定了理論基礎。如今,不光是建筑領域,產品設計領域、平面設計領域、室內設計領域、家居設計領域都開始追求簡約主義設計理念。如今,關于簡約主義的稱法層出不窮,白色派、極少主義、“空”設計,其實都是追求簡約大方的設計風格,是簡約主義設計理念的具體體現。本文認為,所謂簡約主義,其實就是呈現最基本的要素,主張摒棄一切多余的結構、色彩、文字與圖形等,這樣可以讓核心內容成為聚焦點,使人們迅速攫取到中心內容。
三、簡約主義視角下網頁設計的特點
互聯網的日益普及使得網絡承載的網頁內容不斷增多,功能也日趨多元化。雖然人們通過網頁能找到自己想要的信息,但由于網絡世界缺乏應有的監管,導致一些網頁看似華麗,實則空虛,這就對網頁設計提出了更高的要求。將簡約主義理念用于網頁設計中,有著廣泛而深遠的意義。首先,網頁設計應用簡約主義理念,可以提升用戶體驗。如果只注重網頁的外觀設計,一味追求華麗美觀,用戶可能難以在網頁中迅速攫取自己想要的信息內容,這樣的用戶體驗顯然是很糟糕的。其實,在網頁設計中,簡約是一個相對性概念,力求摒棄泛濫與隨意。網頁設計的簡約是對網頁信息結構進行科學布置,簡單清晰地向用戶傳達他們想要的信息,從而留住用戶,提高網頁的點擊率。其次,網頁設計應用簡約主義理念,可以做到網頁信息主次分明。Google產品設計副總裁MarissaMayer曾經對這個功能做出過精辟闡釋,她認為簡約的網頁設計就猶如一把合上的瑞士軍刀,用戶往往只能記住一個網站的7-9個功能,腦海中留有16個左右的關鍵詞印象,所以必須在這個范圍內合理考慮用戶的要求,而那些功能繁雜、頁面華麗的網站,更像一把打開的瑞士軍刀,可能會“傷害”用戶的使用,使其感覺信息混亂。
四、網頁設計應用簡約主義理念的對策
自從米斯?凡德羅提出了經典的“Lessismore”設計原則,簡約主義設計理念收到了人們的熱烈追捧與認可,它提倡摒除所有無關緊要的要素,以簡明、活潑、輕快的設計風格直達用戶內心,滿足用戶訴求。如今,現代人身處于一個信息爆炸、知識泛濫的時代中,內心越來越渴望網頁界面做到簡潔明快,能快速找到想要的信息。有鑒于此,網頁設計應用簡約主義理念可以從以下幾點入手:
1、合理取舍
簡約主義設計風格始終追求簡單明晰的設計效果,摒棄所有多余的色彩、文字與圖形等設計元素,力求高效快捷地向用戶傳達有效信息,將他們的視覺關注點引領到關鍵信息中,對網頁的關鍵要點產生興趣。要達到這樣的境界,合理取舍至關重要,具體是指強調與著重,因為簡約主義不是主張去除一切,而是提倡將關鍵信息優先曝光在用戶的視覺世界中,在保證網頁好用的基礎上,為用戶減輕視覺負擔,使他們享受到良好的使用體驗。在合理取舍過程中,設計者要注意這么幾個基本要求:網頁色彩、文字精簡、圖形處理、位置編排和版面的“留白”處理等。對于一個沒有任何留白,文字布局密密麻麻的網頁,根本會讓讀者感覺無從下手,導致他們直接關上網頁。所以,網頁設計者必須保留一定的網頁留白,在空白背景下曝光重點信息和關鍵信息,然后再一步步引導用戶了解其他的信息。
2、合理組織視覺要素
在設計網頁界面時,有了簡約主義設計理念的指導,設計師應該合理組織視覺要素,力求做到簡單清晰。設計者要合理分類、組合網頁界面的信息,進行適當刪減。分類網頁信息是為了讓用戶在瀏覽網頁時,可以直接、快捷地了解網頁布局與結構,做到心中有數,在其腦海中留下一定印象;減少類別和適當刪減并不是要減少網頁含量,而是將重點信息、關鍵信息放置于一個相對簡單的布局中,使用戶能一眼就看到有效信息而不浪費時間。在組織視覺要素時,設計師可以先構建一個簡單清晰的首頁,摒棄繁雜,然后進行適當配色,色彩種類不可過多,以簡潔素養為主,文字介紹也不可花里胡哨,力求做到簡潔明快。
3、網頁各界面保持風格統一
毫無疑問,現在的網頁界面有著眾多層級,設計是必須做到網頁界面的風格統一和和諧,不可產生太大的突兀之感。用戶一般是通過首頁或者網頁鏈接進入網頁界面的某個層級中,假若網格界面的風格不夠統一,甚至存在較大反差,很容易影響用戶認知網頁信息的效果,不利于他們順利解讀網頁信息。事實證明,統一和諧的網頁界面風格不僅可以增強用戶的認知與記憶,提高他們搜索所需信息的效率,還能使用戶對該網頁印象深刻,對其形成滿意度,成為該網頁的“忠實粉”。對于網頁界面風格的和諧統一,關鍵要做到同樣元素的位置和大小要保持一致,起碼不能差距太大,配色方案也要保持整體一致,同類型的設計要素風格也應該盡量保持一致。
五、結束語
在網頁設計中應用簡約主義理念大有裨益。但我們不能忽視,目前有設計師在應用這個理念時走進了誤區,即為了簡約而簡約,忽視了網頁的功能性,不注重用戶瀏覽網頁信息時的認知體驗,這樣的網頁設計必定“費時、低效”。其實,簡約主義設計理念并不是簡單地簡化設計元素,而是合理取舍界面要素。對于網頁設計而言,設計師必須立足于提升用戶的使用體驗,提高網站的可用性,只有做到“以用戶為中心”,才是真正的簡約主義設計。我國網頁設計師應該多學習和借鑒國內外優秀的成功案例,認真學習簡約主義設計理念的精髓。
作者:穆冰玉 單位:鄭州輕工業學院藝術設計學院數字媒體藝術系
隨著網絡的發展,網頁可以把各種信息以快捷、方便的形式傳達給受眾,由此人們逐步產生了對于網頁審美的需求。人們對美感的追求應從網頁設計中視覺元素的功能及其審美表現的角度出發,利用有效的傳達信息,不斷擴充網絡的多元化,使得網頁設計更注重個性化的表現形式,使信息更加快速有效的傳遞出去。本文重點闡述了在網頁設計中提高視覺信息傳達的具體方法。隨著我國網民增長速度的加快,網頁設計在互聯網在我國的發展前景非常廣闊,網頁的視覺傳達設計更是成為一個不可忽視的課題。網絡給人們提供了一個便捷的信息交流平臺,網頁中視覺信息的表達己經從簡單圖、文編排的形式,發展到如今視覺元素的綜合運用。由于網頁鏈接繁瑣性嚴重阻礙網絡信息的有效傳播,無效的傳達不利于與用戶之間相互溝通,一些視覺效果受網站的信息設計結構及內容量的影響,對于不同類型的網站,應該明確采取什么樣的手法來表現,使得網頁設計成為一種藝術形式。雖然目前我國網頁設計在理論與實踐上發展比較健全,視覺的表現力不強,影響了網民對網頁點擊率。由此可見,新媒介下的網頁設計還處于一個不理想的狀態,計算機編程技術還處于一個以文字為主的信息交流形式,網頁設計的功能性也沒有得到好的體現。
一、要實現網頁中的版式功能與審美功能
為了滿足人們的實用需求,需要網頁設計主次分明,突出重點。在網頁設計前期,應該明確每個網站都會有自己的特色,因此需要盡可能地使網站各個頁面間的切換簡便。善于運用圖形來引導用戶查看所需信息,一些抽象圖形和引導按鈕都可以起到引導信息傳遞的作用,這些圖形不但影響著網頁的視覺審美,還能以優異的視覺形成格調優美、韻味十足的良好視覺效果,。不同類型網站網頁是根據網站的服務來定性的,根據網站主題設定視覺元素的不同表現,將各自的功能與網絡的交叉學科相融合,使受眾能更好地和更有效率地接收網頁上的信息,使人瀏覽起來心情愉快,接收信息也會更加輕易。網頁設計的審美需求,就是把傳統平面設計中美的形式規律同現代的網頁設計的具體問題相結合起來,運用一些平面設計來增加網頁設計的美感和大眾的視覺審美需求。我們經常所說的如變化和統一、條理與反復的設計都是十分有效的視覺規律,首先,網頁的內容與形式的表現必須服從內容要求,網頁上的各種構成是信息訴求的重點位置,在我們把大量的信息塞到網頁上去的時候,必須使整體感強,同時又賦予變化,這樣才會使頁面更豐富,更有生氣,能夠突出一個清楚的主體,在用戶閱讀時視線流動,要避免視線流動偏離設計的初衷。網頁設計中要注重其結構的輕重大小、虛實、多少等對比因素,加強視覺力度,以強化頁面的整體吸引力。
二、注重色彩的設計
網頁它既要求文字的美麗流暢,又要求頁面的整潔,使用色彩可以使頁面更加生動。瀏覽者在瀏覽網頁時留下的第一印象就是頁面的色彩設計,因此必須把握好色彩設計。
1.整個頁面中要確定一個主色調
頁面一般以淺顏色為背景的居多,以淺顏色為底并配上深顏色的字,這樣不但有利于突出頁面的重點,而且還可以為大多數人認可和把握。其他一些線條適宜采用不搶眼的顏色,盡量選用一些精心選擇的元素,才能突出明亮的色彩,這些彩色亮點如果用得太多了,就會達不到強調的效果。
2.注重背景的色調搭配
色調搭配要注重不能有強烈的對比,大面積顏色適宜采用低比度,過于豐富的背景色彩會使文字溶于背景中,不易辨識。所以,背景一般需要一定的變化,實際上背景的作用在于統一整個網頁的風格和情調,起到襯托和協調作用,一方面吸引網民的注重力并體現網站的主題。
三、提高網頁設計中視覺信息傳達的有效性
1.體現視覺語言的突出性
視覺語言就相當于有語法和結構的句子。視覺元素構成了現代設計中的視覺語占。每一個設計作品都與他特有的視覺符號,各種視覺元素是按照一定的規律和邏輯性排列組合起來的,要想盡快的達到識別和接受的目的,就要依靠統一與對比、虛與實、大與小等形式手法,按照信息的順序產生強弱、主次等視覺語言的邏輯性讓視覺語言給人以親切溫馨的感受和對生活意義的領悟。
2.要體現網站獨特的風格
首先網頁設計應該根據需要選擇一些適合主題設計風格的字體。一般常用的中文字體需要許多專用的藝術字體下載,再要確定文字的字型、大小、顏色等等,當然也可以采用一些特效文字,如果瀏覽者的計算機里沒有安裝這種特殊的字體,就會導致讀者闋讀速度降低。對于網頁設計來說,有很多軟件就是我們常說的網頁,要具有互動性,互動性能夠充分調動人的參與性,在網絡的環境下,充分實現每個人的個性化需求,使用戶能夠從中得到更深層次的了解和接受,從而做出決定。其次要適合視覺傳達的過程。視覺信息傳達是傳達者將準各傳達的信息挑選出來后,對信息以符號序列的形式進行排列,使之按照一定的排列組合方式形成的視覺語言,實質上這一過程也就是譯碼的過程,因為傳達者所發出的訊息只有引起注意,才會被接受者加以理解和接受,接受者只能按照自己的方式將傳達者的信息整理闡釋。網頁設計離不開一定的科學技術發展,好的網頁設計除考慮其內容上的精益求精外,還要對內容進行合理有效的視覺編排,這樣不但為了滿足使用者的需求,更關鍵的是使使用者有一種全身心的享受和共鳴。
作者:于淼 歐陽洲丹 單位:遼寧工業大學藝術設計與建筑學院
1信息可視化概述
1.1信息可視化的定義
信息可視化是“利用計算機支撐的、交互的、對抽象數據的可視化表示,來增強人們對這些抽象信息的認知”的方法與技術。信息可視化最早出現于18世紀,歷史和政治學家Playfire和數學家Lambert為了幫助人們更好地理解數據,根據復雜的數據創建了可視化圖表。隨著人們對于信息可視化技術的研究,信息可視化應用的領域越來越廣泛,它不再只是表示數據的一種方式,更成為深度挖掘數據之間隱藏的特征和關系的一種手段。隨著計算機科學的發展和各種移動設備的普及,信息可視化在網頁設計中又引領了新的研究熱潮。
1.2信息可視化的流程
信息可視化的過程可以分為三個階段:源數據處理。將收集到的海量信息和數據進行處理和加工,使其簡化和標準化,以便后期的快速調度和輸入可視化流程。源數據處理是整個信息可視化過程的基礎。可視化圖。這個過程完成從數據到可視化圖表的轉變,通過各種可視化技術將抽象的數據用易于理解的圖形描述出來,并表達出各個信息的數量、質量和關系等特征。視圖轉換。將抽象的數據轉換成圖形以后,按照用戶的需求進行顯示從而完成信息的輸出。除此之外,還需要將用戶的反饋信息傳送回軟件層而實現人機交互。
1.3信息可視化的方法
信息可視化的數據種類很多,包括一維數據、二維數據、三維數據、多維數據和時間序列數據等。這里著重介紹多維數據和時間序列數據的可視化方法。多維數據的信息可視化技術有很多種,其中比較有代表性的有基于幾何的可視化技術、基于圖標的可視化技術和動畫的多維可視化技術等。基于幾何的可視化技術包括平行坐標系方法、Radviz方法、散點圖矩陣方法和Andrews曲線方法。平行坐標系方法使用平行的豎直軸線代表維度,在豎直軸線上標記多維數據并用折線相連相關坐標點來表示多維數據;Radviz方法使用圓形坐標系來實現多維數據的可視化;散點圖矩陣方法就是將多維數據的各個維度兩兩組合繪制成一系列按規律排列的散點圖來顯示多維數據可視化效果;Andrews曲線方法將多維數據的每一數據項通過一個周期函數映射到二維坐標系中的一條曲線上從而展示可視化結果。基于圖標的可視化方法用具備可視化特征的幾何圖形作為圖標來表示多維數據,這些圖標的每一個可視化屬性如大小、形狀、顏色等作為維度,通過多維數據到這些維度的映射來實現可視化效果。隨著計算機和互聯網科技的發展,動畫由于其形象、直觀、交互性高和容易被理解等特點已經被廣泛應用于用戶界面設計和網頁設計中。時間序列數據是指具有時間屬性的數據。時間序列數據的可視化方法包括線形圖、堆積圖、動畫、地平線圖和時間線方法。其中時間線方法是以時間軸為水平軸線,將數據信息以圖標或者圖片的形式按照時間順序標記在時間軸線上。時間線的方法最開始被應用于歷史事件記錄中,后又發展用于醫療記錄和犯罪記錄。由于其完整的記錄體系和系統的記錄方式,時間線被應用于越來越多的領域。
1.4可視化變量
對于可視化變量的研究豐富了信息可視化的研究領域和應用領域。傳統意義上的可視化變量包括位置、形狀、方向、色彩、紋理、灰度和尺寸,一些學者將其中的色彩細分為色相、亮度和飽和度。近年來有學者將嗅覺、觸覺、聽覺等對于可視化變量的補充在很大意義上豐富了信息的表達方式??梢暬兞窟x取的是否恰當將直接影響到信息表示的質量。
2網頁設計中的信息可視化應用分析
2.1網頁設計概述
網頁界面是指人與計算機之間以互聯網為載體的界面,通過文字、圖形、圖片等元素傳達信息內容以達到人機交互的目的。借助互聯網強大的存儲和傳播能力,網頁界面將來自世界每個角落的信息以最快的速度傳達給用戶。網頁設計的工作目標,是通過更合理的顏色、字體、圖片進行頁面設計,在功能限定的情況下,盡可能給予用戶完美的視覺體驗,高級的網頁設計甚至會考慮到通過聲音等來實現更好的試聽感受。隨著互聯網的應用越來越廣泛和平民化,伴隨用戶的接受能力和審美能力的提升,網頁界面的美觀性和易用性越來越重要,信息可視化恰好解決了這一問題。網頁中的信息可視化應用由來已久,從開始的視覺圖形設計,到現在網絡中隨處可見的信息圖,通過信息可視化進行的網頁設計讓更多信息更快更好地被用戶接受。
2.2網頁視覺設計與可視化
伴隨互聯網的快速發展和普及,網頁設計變得越來越重要和關鍵。網頁界面本身就是由文字、顏色、圖片、位置等為基本元素的,而這些元素也都屬于可視化變量的研究范圍,因而在網頁視覺設計中引入信息可視化就非常自然和必要了。隨著各種網站的普及和多樣化,一個吸引眼球和易用的網站則會讓你的網站在眾多同類型的網站中脫穎而出?;ヂ摼W的一大重要功能就是傳遞信息,近年來越來越多的網站開始將傳統的文字信息轉換為信息圖的形式,這樣大大降低了用戶理解信息花費的時間和精力,又提升了網站整體的視覺效果。網易的數讀中國網站就是一個典型的應用案例,數讀中國將每天的國際、經濟、正在、民生、社會等方面的新聞或者話題通過信息圖的形式表達和解讀出來,用戶第一眼看上去就會直觀了解到話題的內容,可以幫助用戶快速瀏覽信息。
2.3網頁交互設計與可視化
交互設計就是設計師對產品和用戶之間的互動機制進行分析、預測、定義和探索的過程。網頁的交互設計則是通過網頁語言表達出所要告訴用戶的信息,同時顯示用戶的操作功能。好的交互設計可以幫助用戶快速地接受和理解信息,實現產品的功能。交互設計=視覺界面設計﹢用戶行為設計,界面的意義是為了讓用戶實現同整個系統的交互,好的交互設計可以讓用戶更加有效率。因此除了應用傳統意義的可視化變量實現視覺上的可視化,還需要對用戶行為進行分析預測從而設計操作流程等以期獲得更好的用戶體驗。以rodania網站為例,網頁中網站logo放到了主導航正中間的位置,這也是最顯眼的位置,該網站的網站歷史頁面,以時間為截點,向用戶展示網站的重要歷史和傳統,由于是時間序列數據,采用了時間軸的可視化展示方法,用戶點擊年份數字,即可查看該年份的歷史時間,或者通過點擊左/右翻頁箭頭來切換上一個或者下一個歷史事件。時間軸最大的意義莫過于可以系統、完成地記錄某一領域的發展足跡和詳細事跡。相比傳統的文字堆砌,rodania通過時間軸用最直觀、簡便的方式將網站歷史展現在用戶面前。
結語
信息可視化越來越多地被用于網頁設計中,無論是網頁的視覺設計還是交互設計,其目的都是為了提高網站的易用性,幫助用戶快速獲得和理解信息,提升用戶體驗。信息可視化的方法和技術有很多,隨著互聯網技術和設計的發展提升,相信信息可視化可以在網頁設計中發揮更多的作用。
作者:曹新瑜 郝錕 單位:燕山大學
1網頁設計及視覺元素的概況
1.1網頁設計的概念
網頁設計是伴隨計算機互聯網產生的視聽設計,結合文字、色彩、圖形圖像、版式等對于網頁版面的編排。網絡設計者通過自身的創造性思維,對網頁的結構進行藝術上的規劃與設計,使網頁給人留下深刻的印象,讓人過目不忘。
1.2網頁設計的視覺特點
傳統紙媒對現在的網頁設計有一定的影響,版式設計上符合人們的閱讀習慣,讀者往往習慣上下滾動頁面進行閱讀,所以排字以橫向排列為主,方便讀者閱讀,而且對于關鍵詞匯可以用其他色彩進行突出設計,使人們在閱讀的時候對文視覺元素在網頁設計中的功能阮翔國家新聞出版廣電總局831臺321100章重點內容有所把握。對于網頁設計一般采用網絡樣式,也可以進行自由樣式的設計,給人們新鮮感,不會使讀者產生審美疲勞,但多樣性的同時,要注意不能違背整體的設計風格,需要符合網頁設計中視覺效果的特點。
1.3網頁版式設計的視覺要素
網頁設計是在一個空間有限的頁面內,將文字、圖形、圖案、鏈接等元素進行規劃和排版,將這些視覺元素合理的安排,使它們可以相互協調,并且表達出指定的信息。網頁設計者可以通過不同的設計,突出不一樣的重點,根據不同的用意,使用不同的視覺元素,這些元素就形成了人們可見的視覺區域。
2視覺元素的呈現深受網頁布局的影響
2.1常見的網頁布局
現在的網頁布局雖然沒有明確的分類,但是網頁風格類型卻是多種多樣的。
(1)大多數的網站選用國字型布局,這是最常見的一種布局,明確的主次關系
(。2)拐角型布局,這種布局是將一些相關信息的鏈接或者文字信息,放在網頁的左邊或者右邊,意思相似的內容放在一起,可以使讀者一目了然
(。3)上下框架型布局,這種布局的特點是將網頁設計的內容和中心標題區分。
(4)封面型布局,這種布局的特點是在網站顯著的位置,設計引人注意的圖案或者是動畫特效,點擊鏈接可以簡單進入相應的界面。
2.2網頁布局的方法
網頁在設計之前是空白的,像是一張白紙,需要網頁設計者通過自身的想象力和創造能力,將一切元素組合到一起,然后具有自己的風格。首先,網頁設計者要有獨特的構思,要有一定的創意,創意的好壞直接影響設計的質量,優秀的創意可以在激烈的市場環境下勝出,可以給瀏覽者留下深刻的印象,并且與其他網站區別開。然后要將網頁的整體框架勾畫出來,把標題和主要內容先設計到網頁中,使大概的輪廓呈現出來。最后進行細化,把具體內容和圖形、動畫等元素進行規劃和設計,布局規劃要符合人們的瀏覽習慣。
3網頁設計中視覺元素的功能與審美性
3.1視覺元素的功能和審美性
網頁設計是指利用互聯網,可以將信息快速、準確、簡潔地傳達給用戶。審美是指通過視覺,欣賞、領會事物或藝術品的美。隨著網絡的普及,對網頁的要求越來越高,網頁設計的審美性也隨之產生。對于網頁的審美是指用戶對網頁設計中的各個視覺元素的感受。網頁設計的文字、色彩和圖案等元素都應遵照視覺美的規律,各元素之間要相互協調,突出內容的主題,對于網頁設計中的視覺元素要有統一的風格,并滿足人們的審美。
3.2網頁設計中視覺元素的功能和審美性的具體表現
人們對互聯網的應用越來越頻繁,網絡已經融入了生活中的方方面面,無論是工作還是學習都離不開網絡。通過網絡,可以實現資源共享、網絡檢索、網絡購物,下載自己所需的資料等很多功能。在網頁設計上需要重點突出視覺性,方便用戶瀏覽到需要的內容。而且,在網頁瀏覽內容過程中,用戶可以發表自己的評論和觀點,對信息進行反饋,使信息傳播變成雙向性。
3.3視覺元素在不同網站上的功能和審美性存在的差異
隨著電子商務的普及,在網絡上購物已經變成十分普遍,各種各樣的購物網站相繼出現,但是大部分網頁結構過于單調,顏色單一,對于重點并不突出。公共服務網站,存在較多的信息,統一的風格,清晰的結構,沒有過多的修飾,比較正式可信。個人網站顏色明亮,個性特點鮮明,富有活力。視覺元素應用在不同類型的網站,給人們帶來的視覺體驗是完全不相同的。
4結語
隨著電子信息化時代的到來,人們對于網頁設計中視覺元素的功能有所要求,對于美感的追求不斷加深,也提高了對于審美的標準。只有將各個視覺元素,通過創意進行合理的布局和規劃,添加鮮明的色彩,給人們帶來視覺沖擊力,使人記憶猶新,才會在市場競爭中取得勝利。
作者:阮翔 單位:國家新聞出版廣電總局831臺