前言：中文期刊網精心挑選了網頁藝術設計范文供你參考和學習，希望我們的參考范文能激發你的文章創作靈感，歡迎閱讀。
網頁藝術設計范文1
中圖分類號:J04文獻標識碼:A文章編號:1005-5312(2010)17-0042-01
一、網頁設計的內容
網頁藝術設計涉及的具體內容很多,可以概括為版式設計和視聽元素兩個方面。兩者之間是相互依存、相互襯托!當然網站最重要的還是內容。如果一個網站沒有提供有價值的、有趣味的、及時更新和可以信賴的內容,那么網站操作起來是簡單還是復雜都失去意義。
(一)版式設計
網頁的版式設計同報刊雜志、書籍裝幀等平面媒體的版式設計也很多共同之處,它在網頁的藝術設計中占據著主導地位。圖形,色彩和文字是版式設計的三要素,設計者根據網站不同用途和不同用戶對象,通過設計來反映網站主題內容的版式。比如個人網站展現自我的個性,內容相對較少,版式設計體現的是獨特!門戶網站內容比較多,版式就需要條理分明一目了然!網頁版式不等同于平面版式設計,網頁版式設計時你得考慮到不同用戶顯示屏的大小不一,遵循的原則是功能第一,美觀第二。
(二)視聽元素
這里所說的視聽元素,主要包括:文本、背景、按鈕、圖標、圖像、表格、顏色、導航工具、背景音樂、動態影像等。設計者要考慮的是聽覺任何來襯托視覺,最終為網站主題服務。多媒體技術的運用大大豐富了網頁藝術設計的表現力。但由于網絡寬帶的客觀限制,在使用多媒體的形式表現網頁內容時,應考慮客戶端的傳輸速度。不僅對設計者提出了高規格審美情趣,也需要網頁設計者扎實的技術能力,也就是體現技術怎樣為藝術服務。
二、網頁設計的風格
網頁設計的目的就是為了突出站點的自身特點,以信息內容得到理想的傳導為前提,根據網站的主題內容,主頁的設計要考慮風格形式的定位。目前,網頁的應用范圍日益擴大,幾乎包括了所有行業,歸納起來有幾大類,新聞機構,政府機關,企業門戶,科教文化,娛樂藝術,電子商務,網絡中心等。不同性質的行業,應體現出不同的主頁風格。網頁設計的整體風格要靠版式、色彩、動畫、聲音來表現。不同領域藝術創作的角度及方式也有所區別,從網頁設計的特殊角度分析主頁的風格。大體可分為平面風格,矢量風格,像素風格,三唯風格。
(一)平面風格
平面設計是二唯的設計,平面風格始終是基于一個二唯視圖來工作。側重與構圖,色彩以及表達的思維主旨,往往給人以空靈的意境和透氣爽快的感覺,這種構圖形式可以在有限的頁面中表現無限的空間感。此種風格在網頁設計里最常見且最實用。
(二)矢量風格
矢量圖使用直線和曲線來描述圖形,這些圖形的元素大多是一些點,線,矩形,多邊行,圓和弧線等基礎元素,它們都是通過數學公式計算獲得的,所以文件體積比較小。矢量圖最大的優點是無論放大,縮小或旋轉等都不會失真,最大的缺點是難以表現色彩的層次豐富的逼真圖像效果。矢量圖形插畫是運用圖案的表現形式,審美與使用相統一的原則,盡量使線條,形態清晰明快。塊面感強,制作方便。
(三)像素風格
GBA手掌機畫面,電腦軟件上的圖標以及現在手機上的屏保等都是像素畫。像素屬于點陣式圖像,他是一種圖標風格的圖像,更強調清晰的輪廓,明快的色彩。幾乎不用混疊方法來繪制光滑的線條,由許多不同顏色的點一個個巧妙地組合與排列在一起,構成一副完整的圖像,這些點稱為像素,圖像稱之為圖標或像素畫。目前像素畫技術以日本,韓國比較成熟。從最初的電玩中就可以看出,在很早以前就已經進入這門藝術領域。像素風格型網站,為互聯網增添了獨特,亮麗的風景線。
(四)三唯風格
三唯是在頂視圖,正視圖,側視圖及透視圖來創作編輯物體的,以一個具有長,寬,高三種度量的立體物質形態出現,這種形態可以表現在商品的外形上,也可以表現在商品的容器或其他地方。在網頁設計里,三唯的造型手法,通過折疊,凹凸的處理,使畫面產生浮雕,立體等三唯效果。
三、網頁設計的色彩
(一)明確網站的主題、服務對象及用色彩要表達的目的
要確定一個網頁用什么色彩合適,即什么色彩適合什么網站。你必須要先弄明白該網站的主題和它的服務對象,以及你通過色彩希望達到的目的。如簡約類網站用用灰色做主色調,它不象黑色那么鮮明,也不象白色那么呆板,比較平穩和中立也不會激發非常強烈的情感。如果服務對象主要是兒童,其網頁設計不僅采用卡通和聲音等眾多形式,還選擇了非常鮮艷的色彩。
(二)確定網頁的主色調根據網站的主題、服務對象及用色目的
給網站的網頁選一個主色調,以形成一定風格。整個網頁最好只有一個主色調。主調色彩一般可用公司的標準色,這符合公司的形象戰略,可以提升公司形象。主調色確定后,還可選一至兩種輔助色配合使用,整個網頁的色彩最好控制在三色之內。
四、網頁設計的原則
網頁作為傳播信息的一種新媒介,使讀者不受時間、空間的局限,同其他出版物如報子,雜志等在設計上有很多共同之處,也要遵循一些設計的基本原則,但是,由于表現形式和運行方式不同,網頁設計又有自身的特殊規律。網頁的藝術設計,需要設計者高超的技術,堅實的知識結構和豐富的想象力,是技術與藝術的高度結合,缺一不可,它要求設計者掌握以下三個主要原則。
(一)主題鮮明
一個主題的表現也就是創意的深化,也就是設計者個人素質和技能的體現。
創意是一種有價值的智慧的體現,創意體現了大多數人的心理趨勢,就會贏得大眾的追捧。設計在強調藝術性的同時,更應該通過獨特的風格和強烈的視覺沖擊力,來鮮明地突出設計主題。 優秀的網頁設計必然服務于網站的主題,就是說,什么樣的網站,應該有什么樣的設計。設計是為功能服務的,功能也就是網站的主題。例如商業網站呈現的是條理分明的內容。搜索網站作為一個搜索引擎,首先要實現“搜索”的“功能”。它的主題即是它的“功能”。
(二)形式與內容統一
任何設計都有一定的內容和形式。內容是構成設計的一切內在要素的總和,是設計存在的基礎,被稱為“設計的靈魂”;形式是構成內容諸要素的內部結構或內容的外部表現方式。網站的內容是不變的,形式可以改變!這就需要用最適合的形式來反作用于內容。網站設計的內容就是指它的主題、形象、題材等要素的總和,形式就是它的結構、風格或設計語言等表現方式。一個優秀的設計必定是形式對內容的完美表現。
(三)強調整體
設計時強調其整體性,可以使瀏覽者更快捷、更準確、更全面地認識它、掌握它,并給人一種內部有機聯系、外部和諧完整的美感。網頁的整體性包括內容和形式上的整體性。
網頁藝術設計范文2
關鍵詞：網頁設計；茶產品；藝術設計；視覺呈現
近年來，互聯網電商發展迅猛，很多產品都有了網絡銷售渠道，茶產品也不例外。茶產品的網絡銷售離不開網頁的展示，好的網頁藝術設計才能讓茶產品從眾多品牌中脫穎而出，具有更強的競爭力，所以茶產品網頁設計的視覺呈現越來越受到人們的重視。茶產品網頁以互聯網為載體，將茶產品的各種信息以方便、快捷的形式傳達給消費者，所以茶產品網頁藝術設計必須符合人們的審美需求和高標準、高要求。茶產品的網頁是信息和主要表現形式的載體，要想設計出更加便捷、美觀的茶產品網頁，網頁中的藝術設計元素必須更具有觀賞性，視覺呈現方式應該更加獨特和新穎，整個呈現效果應該風格統一，主題明確。
1茶產品網頁藝術設計的內涵
互聯網和電商的普及，很多商品都在網上進行銷售，所以網頁設計逐漸被人們所重視。茶產品網頁藝術設計是通過設計師對茶產品的理解和內涵的認知，根據茶產品的特色，進行的創造性的網頁構思。從表面上來看，茶產品網頁設計是對網頁的版式、色彩、聲音、動畫進行了合理的安排和運用，雖然看起來簡單，但是要想實現這一過程，不僅需要一定的技術能力，還需要對茶產品有深入的了解。因此，茶產品網頁設計是藝術和技術的結合，同時也蘊含著茶文化的內涵和韻味。茶產品網頁藝術設計內涵其實就是新型的可視化的茶文化內涵視覺呈現，以前人們習慣了用實物呈現茶文化，現在要將實物換成圖片、音頻、視頻等表現形式，本質上是一樣的，但是網頁設計呈現茶文化的方式比原來更多了，不過也有其短板，就比如人們沒有辦法去聞一下茶葉的氣味，品嘗茶水的味道，觸摸一下茶葉，這些都是網頁設計無法進行呈現的，但是視頻和音頻、圖片包含的信息要比傳統的實物大很多，就好比在有限的地方想要呈現全國所有地方的不同種類的茶葉，通過線下展示幾乎是不可能完成的，但是通過一個視頻就能清晰準確地表達出來。線上和線下各有所長，這是沒有辦法避免的，我們只能借助手中的技能，最大程度地通過網頁藝術設計將茶文化的內涵呈現出來。
2茶產品網頁藝術設計視覺呈現要素
2.1茶產品網頁的視聽元素
茶產品的網頁藝術設計包含眾多的視聽元素，而如何以合適的藝術形式將這些視聽元素組合起來，并且支持大多數瀏覽器的顯示和播放，具有比較快的加載速度和瀏覽體驗，減少和避免使用外部程序和模塊，是茶產品網頁設計主要考慮的問題。茶產品網頁藝術設計還可以運用多媒體技術，這樣可以更加豐富茶產品網頁設計的視覺效果，讓其具有更好的視覺呈現。這樣做的本質就是讓網頁設計呈現給人的感覺能夠盡可能的還原人實物給人呈現的東西一樣，近年來流行的3D、4D、VR技術都能很好的運用于茶產品網頁設計中，其目的也是讓人看到的東西更加真實，和實物一樣。將這些網頁藝術設計的新科技運用到茶產品網頁中，可以給人耳目一新的感覺，也能夠帶給用戶更好的體驗。
2.2茶產品網頁的版式設計
茶產品網頁的板式設計，需要首先對內容進行主次的劃分，突出重點內容，避免過于繁瑣和混亂。將茶產品網頁的各種視聽元素進行有機的組合和排列，體現出茶產品的個性，通過這些排列形式也可以體現出設計師的想法和思維，展現出茶產品的文化內容和風格。茶產品的網頁藝術設計在本質上和報刊雜志等平面媒體的本質是相同的，只不過茶產品網頁設計中對版式的設計更加重視，需要其準確的傳遞出茶產品的信息，并且帶給人感官和精神上的享受。茶產品網頁的版式設計雖然不受到固定規格尺寸的限制，但是必須符合讀者屏幕的閱讀限制，所以茶產品網頁設計中的各個元素和位置必須有更加精確的尺寸和定位。茶產品網頁藝術設計也不同于印刷品的線性形式，這一區別也給茶產品網頁藝術設計的結構安排帶來更多的難度。
3茶產品網頁藝術設計的視覺呈現方式
3.1色彩的搭配
設計師用以表達設計理念的首選就是色彩，色彩也是茶產品網頁藝術設計中最能抓住用戶眼球的部分，其次才是網頁中的文字和圖像。對于茶產品網頁設計的色彩運用需要像音樂的音符一樣進行巧妙和恰當的安排，這樣才能像音樂優美的旋律一樣，具有色彩的藝術感。色彩可以通過視覺的呈現讓人出現各種不同的心理感受和反應，所以需要經過精心的組合、搭配以及畫面的構成。茶產品網站藝術設計的視覺呈現不能過于單一的使用同一種顏色，也不能同時使用過多的色彩，導致整個茶產品網站色彩過于復雜，而是根據茶產品的主題選擇一兩種顏色作為主要的顏色，其他部分選用相近或者同色系的顏色作為次要顏色。所以，需要在確定主題色彩之后，考慮主題色彩與其他顏色之間的關系，讓各個色彩之間能夠達到協調和均衡，同時還要考慮各種顏色的純度、透明度和色相的問題。其目的就是讓人在瀏覽茶產品的網頁時候擁有更好的體驗。
3.2點、線、面的構成
茶產品網頁設計的基本構成是點、線、面，其排列組合方式有成千上萬種，而網頁設計師需要做的就是通過合理的點、線、面組合來表達茶產品網頁的自然、生動、樸實等形象，讓人通過茶產品網頁對茶產品產生美好的聯想。通過點、線、面的密集程度和集合形態，來表達想要表達的不同特色，反映出茶產品網頁設計師的設計理念、心理和情感，所以茶產品網頁藝術設計中點、線、面的關系一定要處理好，這樣才能將茶產品網頁藝術設計的最佳視覺效果呈現出來。
3.3文字的排版和應用
茶產品網頁藝術設計的另一形象要素就是文字，文字也是茶產品網頁藝術視覺呈現中必不可少的，擔任著傳遞產品信息和情感的作用，所以茶產品網頁藝術設計中的文字應用能夠給人以美感和審美感受，同時也可以準確的傳遞作者的意圖。恰當的安排茶葉產品中文字的位置，避免文字與茶葉產品網頁中其他視覺元素形成沖突，導致主次顛倒，同時在茶產品網頁設計中也不能輕易使用自動文字排版工具，避免文字內容錯亂和像素的偏差。
3.4留白的方式和技巧
在茶產品網頁藝術設計中恰當的留白可以讓視覺的呈現更為多元化，這也是茶產品網頁設計中一種比較討巧的設計方式和技巧，可以讓茶產品網頁中的圖片和文字更加從容。只有通過留白對茶產品網頁的空間進行緩沖分配，才能讓茶產品網頁更具有活力，更加生動，避免出現呆板的情況。在茶產品網頁排版布局中，恰當地進行留白可以更加彰顯茶文化的藝術韻味，同時平衡茶產品網頁的整體布局，讓整個茶產品網頁布局和排版松弛有度，同時茶產品網頁中的各個元素之間的關系也能夠更加合理，讓整個網頁藝術設計能夠得到升華，提高整個網頁的藝術高度，同時也可以帶給瀏覽者更多放松的感覺，讓用戶瀏覽時心情更加愉悅。
4結束語
綜上所述，隨著互聯網和時代的發展，茶產品基本上都有網絡銷售渠道，茶產品網頁設計的審美和要求也在不斷提高，茶產品網頁設計在傳遞茶產品信息的過程中也需要帶給用戶視覺和感官上的享受，所以茶產品網頁藝術設計必須結合藝術和技術。所謂的藝術就是網頁設計本身所強調的，是每個設計師都應該擁有的技能，技術而言就是對茶產品的理解，需要通過特定的技術手段展示茶文化的內涵，我們希望通過網頁方式呈現給消費者的就是和原來線下的一樣，技術是實現目的手段，我們運用的技術不一樣，但是想要實現的目的一直都是一樣的。網頁設計相比較線下具備很大的優勢，而技術的進步也讓視覺呈現越來越好，由視覺感官的藝術上升到視聽享受的層面，讓茶產品網頁設計不僅僅具有報刊雜志的功能，更有影視觀賞的效果，將用戶帶入更好的瀏覽環境中，從而對茶產品的外在和內涵有更深的理解和領會。只有處理好茶產品網頁藝術和技術的關系，才能滿足人們對茶產品網頁日益增高的要求。
參考文獻
[1]高文婧.藝術類網頁設計工作坊“雙主體”管理體系的構建分析[J].西部素質教育,2016(13):20.
[2]齊瑋琳.視覺傳達在網頁設計中的動態藝術效果及其技術實現[J].黑龍江科學,2015(12):72-73.
[3]王倩.網頁設計中技術與藝術的結合路徑———以新聞門戶網站為例[J].新聞戰線,2015(22):70-71.
[4]王雨晴,湯穎斐.信息藝術設計對環保的應用———以環保包裝網頁為例[J].藝術科技,2015(7):170-171.
[5]游又.淺談數字媒體創作與教學中的用戶中心設計和內容設計[J].西部廣播電視,2014(2):86-88.
[6]許玲玲.淺談網頁設計中的藝術表現形式———藝術與技術相結合[J].科技資訊,2013(26):29-30.
[7]古新良.論網頁設計中藝術設計的視覺呈現[J].計算機光盤軟件與應用,2013(7):262+264.
[8]李怡.中國水墨畫藝術形式在網頁設計中的借鑒及探索[J].重慶科技學院學報(社會科學版),2012(13):122-124.
[9]孫夢燦.從《css禪意花園》談對于藝術設計學科中的網頁設計的一些思考[J].包裝世界,2011(3):100-102.
網頁藝術設計范文3
【關鍵詞】高職教育網頁設計課程改革綜合能力
【中圖分類號】G423.07 【文獻標識碼】A 【文章編號】1674－4810（2014）17－0064－02
隨著網絡技術的進步，計算機和電子通訊設備技術的推陳出新、電子商務涵蓋范圍的不斷擴大，網頁設計師在短短十年間一下飆升為技術型潛力巨大的新興職業。電子商務的快速發展更是促使人們看到網頁設計的廣大的就業市場和光明的發展前景。各大高職院校紛紛開設網頁設計相關課程：網頁美術設計、網頁設計與制作、網頁界面設計與制作、網頁制作軟件等。
網頁設計是通過更合理的色彩搭配、字體使用、圖片處理、樣式設置進行頁面設計美化，設計師使用專業軟件給瀏覽者呈現出圖、文、聲音及動畫多位一體的全方位感官效果，在功能和技術限定的情況下，盡可能制作出給予用戶完美的視覺體驗的網站。可以看出，網頁設計是一門從藝術到技術的專業課程，市場對于網頁設計師的要求也從單純的平面設計到簡單網頁效果的制作發生了變化。針對這一改變，高職的網頁設計課程也應做出相應的改革。
目前，大多數高職院校為藝術設計專業學生在大學中開設一次網頁設計課程，課時多為48～72課時，在一個學期內完成。課程名稱為網頁美術設計、網頁設計與制作、網頁制作軟件等。在課程學習過程中，任課教師也是以單純的教授網頁設計軟件Dreamweaver和圖片處理軟件PhotoShop為主，軟件學完，課程結束。然而觀看學生所制作的網站，從顏色搭配和樣式的設計都與現今優秀網頁“美術”不搭邊。簡單來說，單純學習了網頁的制作，而忽略了美術法則的運用，制作網頁，而非設計網頁。或是學生在沒有任何網頁制作軟件的基礎上學習網頁美術法則理論，到了實踐上各種效果卻無法實現，最終僅能實用平面設計軟件制作靜態網頁布局效果圖。
一 高職藝術設計專業網頁設計課程存在問題的原因
存在這種現象，主要有以下原因：
1．課程設置：大學中僅開設一次網頁設計課程
網頁設計是一門相對于平面設計起點較高的專業，一個網頁設計軟件Dreamweaver還需配合使用平面軟件PhotoShop，Web動畫效果軟件Flash等。軟件難度較大，學習時間太短。一個Dreamweaver軟件的學習就占用了課程的大部分學時。一次網頁設計課程結束后，沒有相關的美術設計課程讓學生實踐，就像是只學會了使用畫筆，還沒來得及
了解怎樣算是一幅好畫。
2．課堂設計：課堂內容涉及面較為單一
見過這樣的一些課程標準，整個網頁設計課程只講到關于美術設計部分――色彩、布局、元素、風格，沒有半點關于工具的介紹――軟件Dreamweaver、Fireworks、Flash。最終學生在還沒有網頁概念的情況下，用PhotoShop制作一張網頁圖片作為作業結束課程，學生還停留在紙質媒體的平面設計稿上，無法真正體驗到網頁在互聯網和電子設備上所呈現的特質。
3．教材設計：一門課程僅配備一本教材
有了工具書，沒有技法書；或是只教了技法，卻連工具都沒碰過。對于平面設計專業學生而言，平面上的美術基礎要應用到網頁美化中，心有余而力不足。但目前市場上有關網頁設計、制作方面的教材圖書種類繁多，基本都是單純的講解軟件、工具、命令等技術知識，類型單一，而關于網頁色彩風格、布局、元素、效果圖等網頁美術的工具書又缺少制作方式，對于剛入門的學生來說比較難實現。僅僅一次課程一本教材很難把網頁設計學好。
4．市場現狀：需求大門檻低水平參差不齊
在這個電子商務發展高峰期，越來越傻瓜式的軟件操作使得更多的非專業人員加入到這個行列。大多數設計者通過自學懂得如何制作網頁，卻不一定懂得如何設計美觀使用起來舒適的網頁。其較低的準入門檻導致網頁設計行業的現狀并不太好，人們要求設計者什么都懂，要比平面設計師多懂點代碼，比程序員多懂點設計，還能做點動畫。針對這個設計行業大環境，高職學子更應具有更高的網頁制作和審美感知水平，才能提高自身的競爭力。
二 高職藝術設計專業網頁設計課程的改革
筆者認為，要培養具有社會競爭力的專業網頁設計人才，高職就應針對當今行業市場對網頁設計的需求、用人單位對網頁設計師的要求、客戶在網站使用上的習慣，對課程做出相應的改革。
1．在課程設置上可開設大于一次的網頁設計課程
最少兩次的網頁設計課程，可使學生在打下網頁制作軟件的基礎后，再次開設一門專門以網頁美術為主的課程。
網頁設計作為新興行業，每年跟隨著電子產品的更新和軟件功能的強化，效果與美術規則不斷地出現新的流行趨勢。如2014年網頁就以扁平化圖片和酷炫動態作為最新設計潮流元素，并且顏色搭配和布局方式也與以往不同。這些我們都可從國外一些優秀網站和國內的大型電商網站中找到。但在軟件的學習上，老師和學生往往只把重點放在軟件各個功能的運用上，很難把注意力同時分散到網頁的美化規則中。但如果學生在已經有了軟件基礎后，再次開設網頁美術設計課程，猶如讓一群有素描基礎的學生進行設計素描一樣，更能體會當中需注意美術法則的含義。由于有了軟件基礎，各種美化效果就更能實現。那么課程的最終作品就不僅僅是停留在普通效果的網頁制作或平面效果圖制作了，更加復雜和新穎的頁面效果、更加舒適的色彩搭配和頁面布局，不僅提高了學生們的審美情趣，也讓他們在課堂中的成就感油然而生。
2．在課堂安排上可采用優秀網站作為軟件學習案例
若學生課程安排太滿，確實無法在大學中進行兩次或以上網頁設計課程的學習，那么，老師就應在課堂實踐中多以呈現較新潮流趨勢的網頁作為軟件學習案例。
國外設計一直是流行趨勢的坐標，我們可以通過對比國外近年網站找到最近國內網頁設計的方向，一些優秀的網頁專業網站也有大量的相關文章給予我們參考。老師在進行備課時就要比以往多下幾重功夫了，在軟件教學上，軟件學習教材中是有大量的案例，但更新速度畢竟與網絡是無法相提并論的。通過優秀網站作為軟件與教材中案例對比分析，找出各自在色彩、布局、元素、風格上的特點，來讓學生了解網頁美術法則。在學生學習軟件中對優秀案例的臨摹實踐中，體驗一種耳濡目染的效果讓學生了解何為優秀網頁的同時，掌握如何設計優秀網頁。
3．在教材選擇上可采取多本教材多種形式教學
如果僅限定于根據所購教材作為課堂所有內容，學生所學知識比較單一，教師可選擇網絡、圖書館圖書作為參考教材。
現今市面上大部分關于網頁設計教材分為網頁制作軟件和網頁美術兩種。教材的內容設計沒錯，針對網頁制作就應以軟件的學習為主，針對網頁美術就應以美術法則為主。綜上所述，市場及行業對于網頁設計的要求都不僅僅是單一的制作或單一的美化，高校的網頁設計課堂也不應僅僅教授軟件或美術法則。既然已有教材無法一次滿足課程的需要，那么教師可以在課堂中使用網絡或偶爾把課堂轉移到校圖書館進行課程學習。網絡上有大量的網頁設計文章、素材、模板、教程，學生在使用網絡對網站進行瀏覽的同時，也更深刻地體會網頁操作過程中的各種元素對用戶帶來的不同感受。只有通過對網絡的接觸和對網頁的使用，才可真正設計出適合廣大用戶的優秀網頁。在圖書館里，我們可以找到與教材內容相輔相成的大量圖書，學生可以在此深入地了解網頁設計涉及到的不同范疇，把以往狹隘的通過單本教材看成是課程甚至整個網頁設計行業的所有內容，擴展到從藝術到技術的一個更寬的面。
三 結束語
網頁藝術設計范文4
摘要:隨著互聯網的蓬勃發展,出現了許多優秀的企業主頁
>> 淺析網頁設計原則與制作技巧 網頁設計原則及技巧 網頁設計的小技巧 Dreamweaver必備網頁設計技巧 淺談網頁藝術設計中的網頁版式設計與編排 對網頁設計藝術的探討與研究 藝術高職院校網頁設計教學的研究與實踐 網頁設計中藝術創新的研究與實現探討 探討網頁設計的藝術與處理原則 淺談網頁藝術設計 網頁藝術設計探索 網頁藝術設計初探 《網頁設計與制作》 網頁設計的布局和用色技巧 網站設計及網頁制作技巧 網頁的版式設計技巧探討 網頁新聞編譯的原則與技巧 網頁配色的方法與技巧 淺談網頁制作的經驗與技巧 板式設計課程中的網頁版式設計結構與藝術性探索 常見問題解答 當前所在位置：或.html即可。這時,保存的位置中會出現相應的網頁文件了,直接打開,就可看到網頁的效果。但是單由記事本編輯出的網頁在效果上會過于簡單,不美觀,或功能不是很完善,這就需要我們在簡單掌握html語言后,利用其它的,更為直觀的網頁制作工具來進行網頁的制作了。
1.2 掌握網頁三劍客和簡單的數據庫使用
何為網頁三劍客?是目前比較流行的制作網頁的三個工具軟件,Dreamweaver、Fireworks和Flash。其中Dreamweaver可用來制作靜態網頁、動態網頁、創建和管理網站、制作樣式表等等,功能強大,應用范圍很廣。Fireworks是圖像處理軟件,不僅具備復雜的圖像處理功能,并且能輕松地把圖形輸出到第三方的應用程序中,它最大的特點是,應用網頁制作方面的切片功能,使網頁圖片處理起來更方便,快捷了。Flas制作軟件,目前,大大小小的網頁中,都有flas存在著,給網頁增添了精彩的效果,使網頁更加精致,還可利用flash制作出有趣的游戲,留言板,聊天室等等,是功能強大的應用軟件。
網頁中經常會用到聊天室、留言板、用戶注冊、網上問答等等內容,這樣網頁就被分成了動態網頁和靜態網頁二種,不使用服務器相關內容,不使用數據庫鏈接的網頁被稱為靜態網頁,直接使用Dreamweaver來進行編輯就可以了,它的文件名中的擴展名為.htm或.html。而動態網頁正是相對于靜態網頁來說的,它的擴展名一般為.asp或.php等等。這種網頁要使用相應的服務器技術,并用到數據庫和數據庫鏈接知識。常用的數據庫有Access數據庫、SQL Server數據庫等[2]。
3 網頁內容的選取
網頁的內容是靈魂,制作的網頁是否受歡迎,是否能吸引訪問者的眼球,是否能達到預期的效果。這些都是網頁制作時我們必須要預先考慮的問題。
那么如何完成內容的定位泥?
① 在定位網站內容時,要做到小而精,切忌包羅萬象。把你認為最精彩的東西都放在上面,那么往往會事與愿違,給人以內容泛泛,大而空的感覺.最好做比較專一的內容。試想,如果我們將自己最擅長的某種知識或技術等內容做到網頁中,建立一個專題的站點,那么一旦有訪問者第一次在這里一下子就找到了他想找的內容的話。那么如果再有這方面的需求,首先就會想到你的站點。
② 如果是個人網頁,那就一定要突出自身的個性,當今社會是提倡張揚個性的時代,除了別人都有的內容之外,自己還要融入一些自身的特點,是內容要有亮點,配色也可不拘一格,大膽用色。從各個角度烘托出制作者的獨特性格。
③ 如果是企業的站點,要注意的是:企業的運營宗旨是否能完好體現,能否在網頁中最大限度體現企業網站功能和用戶最需要的內容,用戶的操作是否簡便等;要做到網頁內容主次分明,結構要清晰簡潔。
④ 對于能留住訪問者的另一個重要問題,就是網頁的速度。對于一個瀏覽頁面時間超長的網頁,我想不會讓人有再次訪問的想法。對于線路和網路本身的速度我們不能控制,但我們可以在網頁設計中避免一些影響速度的因素。好的網頁應是越簡單易讀越好。我們可以從以下幾個方面來考慮。首先,影響瀏覽速度的最重要因素之一是圖片容量大小,漂亮的圖片、絢麗的動畫效果,會使你的主頁增光添彩,但圖片的容量大小卻是直接導致瀏覽速度慢嚴重后果。盡管你的內容精彩絕倫,網頁漂亮,但打開你的網頁需要等上半天,在這時間就是金錢的時代,誰會再次的光顧呢?可利用圖片制作工具將圖片進行加工,在不太影響效果的前提下,可利用修改存儲格式,降低像素,分辨率,減少動畫應用等途經來達到目的。
4 網頁制作步驟
制作網頁和裝修差不多,先從整體的角度構思出網頁的內容、色彩等,然后利用相應的軟件進行實際操作。
① 網站定位
先確定所要建立的網站的類型,確定網站風格,網站色調,網站層次,將網站結構先確立出來。
② 收集素材
現在的互聯上的資源非常豐富,各種各樣的圖片資源、動畫資源等多媒體資源比比皆是,就所確定的網站風格等因素,收集相關素材。
③ 使用Fireworks等圖型制作軟件將網頁先畫出來
這一步驟很關鍵,無論使用哪種網頁制作軟件,在進行編輯時經常用到表格,用表格來定位圖片,用表格來定位文本,用表格來組合被切割的小圖片等。因為網頁時經常會出現后位置更改的現象,使用表格來規劃網頁,會得到事半功倍的效果。另外,小圖片的下載速度要比一整張大圖片的下載速度快的多,所以在網頁中多是將大的圖片切割成小部分后,利用無邊框,無間距的表格將小圖片組合成一張大圖。那么,第一步,在使用表格制作前,應用圖片處理軟件進行網頁設計,將整個網頁的效果圖片畫出來。第二步,利用Fireworks的切片工具,將所畫出的效果圖切成適合的小圖片,以備使用。
④ 利用Flas制作軟件制作LOGO和Banner動畫
LOGO是網站的標識,是一個站點的象征,是網站形象的重要體現。一個精美的LOGO可以很好地樹立網站的形像。LOGO一般放在網頁的左上角,大小有三種常用規格:88×31、120×60和120×90。Banner被稱為網幅廣告、旗幟廣告或橫幅廣告,是網絡廣告的主要形式,一般使用GIF格式的圖像文件,也可以使用靜態圖形,也可用多幀圖像拼接為動畫圖像等[2]。
⑤ 添加相應的服務技術
網頁如果被制作成動態網頁形式,首先要添加相應的服務技術,在我們常用的windows系統中,先要添加IIS網絡服務組件,這是windows系統的組件,需要到控制面板中的添加或刪除程序對話框中,選擇添加刪除windows組件一項中進行internet信息服務(IIS)的添加,這時需要我們在光驅中放入系統,或者可以到網絡上進行下載。
⑥ 創建數據庫
網頁中留言板、信息反饋、用戶注冊等等內容都要通過數據庫對其內容進行存儲,以備網頁調用[3]。一般的asp動態網頁使用Access做為數據庫,Access使用起來很方便,可以根據向導來創建數據庫內容。
⑦ 使用Dreamweaver制作網頁
所有的準備工作已經差不多了,我們現在要做的是,用Dreamweaver網頁制作軟件將已有的圖片、文本、數據庫等等內容組合到一起,形成我們的網站。首先,創建一個新的站點,在站點內新建網頁,一般使用index.htm或index.asp做主頁名稱。其次,在網頁中插入表格,將已經完成的圖片、動畫等多媒體內容插入到網頁中。然后,加入相應的圖片效果、鼠標經過、超級鏈接等內容。最后添加相應的樣式表內容,還可以利用行為面板,給網頁加入一些特效,如彈出窗口、時間軸特效等。還可以從網站上下載插件,安裝在Dreamweaver中,以增添效果。如果動態網頁內容需要添加數據庫鏈接內容,那我們就要在Dreamweaver中的數據庫面板中進行操作,添加數據源、綁定數據、記錄集和服務器等內容。使網頁更具有實效性。
5 結束語
網頁設計是一個注重實踐操作和設計的課程,需要我們在制作中不斷的學習,不斷的探索;在互聯網應用如此廣泛的今天,網頁制作的是否精美、實用,是否有訪問量等等是評價網頁優劣的最好方法。讓我們在實踐中進步,在實踐中走出一條屬于自己的路。
參考文獻:
[1] 丁桂芝.ASP動態網頁設計教程[M].北京:中國鐵道出版社,2005:16-18.
網頁藝術設計范文5
關鍵詞：網頁設計；藝術設計；文字；色彩；版式
當今社會，網絡作為第四媒體正在飛速發展，互聯網已經深度滲透到我們生活的各個層面，網頁設計已經脫離了傳統廣告設計的范疇，形成了特殊而獨立的體系。網站作為新媒體的媒介主體，具有更多與傳統媒體不同的特征和特性，可以說，網頁設計是一種基于視覺藝術的平面設計，它是瀏覽者進入站點第一時間接收到的視覺信息，它可以給瀏覽者一個概念、一種印象，因此，網站的視覺審美關系到網站生存與發展。
網頁設計是一個系統的整合工程，包含多種形態要素，如文字、圖形、圖像、動畫、音頻、視頻、交互元素等，這些元素在藝術上都具有相對的獨立性，它們好比網頁的零部件，只要零部件設計好了，網頁設計就有了好的視覺基礎。再合理規劃網站內容，搭建網頁框架結構，設計好網頁配色方案，就會呈現出高藝術水平的網頁視覺盛宴。
一、網頁文字的藝術設計
文字是網站頁面傳播信息的主要載體，在版面中一般占有絕大部分空間。文字設計是網頁設計中不可缺少的一環，規范的字體給人美的享受，可以讓人閱讀起來輕松舒適；新奇的字體可以讓人閱讀起來印象深刻，容易引起瀏覽者的興趣，提高信息傳達的有效性。在對文字進行藝術創意設計時，設計師多采用圖形文字表現手法。與文本文字不同，圖形文字能夠自由實現漢字的字體設計與編排設計，設計師可以完全自由的控制文字的外觀，自由使用各種特殊字體和圖形，采用不同的陰影、變形、質感、濾鏡等視覺特效，從而提高文字的藝術觀賞性。
從技術與藝術相結合的角度考慮，網頁文字設計要遵循以下幾點準則：
1.文字的風格和編排應符合網頁的主題。不同主題的網頁要使用不同樣式的字體，而不同的字體編排也會影響網頁的風格傾向，因此文字的設計要與網頁主題相結合。
2.保證文字的可讀性、整體性。文字最終是為傳達信息服務的，明確、清晰是文字設計的首要目的。而且多個文字設計之間一定要有主次邏輯關系，避免各自為戰。
3.合理控制文本文字與圖形文字的占比。追求美觀的同時，也要兼顧文件體積，選用合適的文件格式、色彩數量、調節好壓縮比，都有助于減小文件的體積。
二、圖形圖像設計
網頁圖形、圖像在網頁的編排中有著舉足輕重的地位，運用圖形、圖像，設計師可以美化網頁頁面效果，提高網頁的藝術價值，圖形圖像與文字結合可以加大信息傳播的質量和數量，提高信息傳播的效率。
在進行網頁設計時，要注意以下幾點：
1.圖像分辨率設置。顯示器的分辨率一般為96dpi或72dpi，高于這個標準會增加文件體積，降低頁面下載速度，而低于這個標準會降低圖像的顯示質量，因此，圖像的最佳分辨率為96dpi。
2.圖像文件格式設置。要根據不同的目的，選擇適當的文件格式。比如，在制作圖標、動畫時，使用的顏色比較少，可以選擇GIF格式圖像；在制作透明背景圖像時，可以選擇PNG格式圖像；在制作真彩色網絡圖像時，則可選擇JPEG格式，一般情況下，JPEG的壓縮質量選擇在7-9之間的數值，這樣能夠生成失真小而壓縮比比較大的圖像。
3.調整好網頁圖像的色調、位置、大小、平衡、主次等對于網頁的整體視覺印象十分重要。主次分明、與網頁整體協調是網頁圖形、圖像設計必須把握的原則。
三、網頁色彩的設計
色彩是最先進入瀏覽者視野的視覺元素，同時也是最持久占據記憶的視覺元素。網頁設計是依賴色彩的，色彩具有更直觀更強烈的視覺表現力，很多網站以其成功的色彩搭配令人過目不忘。對于網站來說，如果圖片信息較多，圖片中的色彩將主宰整個頁面，并且在后續信息不斷更新中，頁面感受也會隨著圖片色彩的變化而變化。因此，平衡好網頁設計與信息更新中的圖像色彩變化的關系，也是網頁藝術設計必須要考慮的問題之一。
1.網頁色彩的整體性設計
一般情況下，首先要根據網站的主題和產品特性確定網站的主題色以及背景色，其次，在基礎色調的基礎上，來協調輔助色的選用，包括補色配置、對比色配置、類似色配置、同類色配置等，從而形成網站的配色方案。通常情況下，背景色的配置對比不宜過分強烈，要避免背景色喧賓奪主；同時各造型要素的色彩也要主次分明，重點對象的色彩應居于網頁色彩體系中對比顯著的位置。在處理各要素的色彩時，既要注重色彩的變化，也要考慮色彩的整體性與協調性。
2.網站主題與色彩設計
網頁設計中，不同顏色會給瀏覽者不同的心理感受，每種色彩在飽和度、透明度上的變化都會產生不同的心理感受?，F在網站的分類多種多樣，有公司、政府機構、產品、房產、旅游、購物、娛樂、個人空間等，因此對于不同主題的網站，網頁色彩設計應有不同的側重點。比如餐飲、食品類網站宜采用暖色系列，來刺激消費者的食欲；機械產品類網站宜采用冷色系列，給人以莊重、沉穩的感覺，而且能表現設計者嚴謹、科學、精確的設計理念，能讓消費者放心的使用產品；電子產品類網站適宜采用偏冷的灰、黑系列，這樣能與產品材質完美結合；而兒童用品或者與兒童相關的網頁，則適宜采用顏色鮮艷對比強的色調，這樣有利于表現兒童活潑、歡快的特點。
網頁藝術設計范文6
關鍵詞：藝術設計；網頁設計
中圖分類號：G712
1 課程的一般特征
網頁設計課程是藝術與技術結合的產物，其內容涉及計算機圖形圖形處理、版面設計、動畫設計及網絡編程等相關知識，是一門實踐性非常強的學科。在藝術高職院校中的學生設計能力出眾，圖形圖像處理基礎扎實學習網頁設計課程有得天獨厚的條件。
1.1 注重培養學生的實踐動手能力
網頁設計的基本在于版面，其美觀程度直接影響最終網頁的視覺效果，而版面的設計需要圖形圖像處理技術，學生的實踐動手能力將直接影響到最終效果。為了提高學生的圖形圖像處理水平，除了設計類必修的Photoshop等軟件外，我們還開設了Firework等專門針對網頁的圖形圖像處理軟件課程作為選修課向全院學生開放，以提高他們的實踐動手能力。
1.2 倡導“開放式自主學習”的新觀念
網頁設計涉及到計算機圖形圖像處理、動畫設計及網絡編程三門課程，這三門課程的教學資源全部可在網上瀏覽和下載，任何學生（Anyone）在任何時候（Anytime）、任何地方（Anywhere）都能獲取知識，訓練技能，保證學生按需學習和自主學習。
1.3 培養與強化專業技能和職業能力
（1）培養學生收集、處理信息，準備、加工素材的能力
學生能夠利用互聯網搜索引擎收集自己所需素材并且能夠利用已學工具軟件進行處理和加工?；ヂ摼W技能已經是現代社會不能忽視一項基本技能，能否熟練的利用自己的互聯網知識收集并加工素材成為影響學生網頁設計水平的重要因素。
（2）培養學生制作靜態網頁的能力
學生能夠熟練掌握DIV和CSS進行靜態網頁的設計。DIV和CSS進行結合，制作出靜態的HTML網頁是網頁設計的一項基本功能，學生掌握DIV和CSS技術并熟練使用才能進行更深入的網頁設計的學習。
（3）培養學生布局網頁、搭配顏色和設計網頁的能力
學生能夠熟練掌握常見中小型網站布局、顏色搭配和欄目構成，了解企業網站最常見的布局，熟悉各種顏色搭配在網頁設計中的作用，對中小企業網站的布局和欄目構成有非常深入的研究。
（4）培養學生開發網站的綜合能力
學生能夠熟練將多媒體集成在網頁中，將動畫、圖片、文本等媒體進行合理結合，制作出符合用戶需求的網站。多數企業站是文本、動畫、圖片的結合，學生能夠利用自己的專業知識，將文本、動畫、圖片等多媒體有機的結合起來，達到能夠利用網站進行企業宣傳的目的。
（5）強化學生的策劃能力和結構布局能力
著重強化學生的網站策劃能力，掌握網站的欄目分類以及搜索引擎的喜好及網站整體架構布局，熟悉中英文企業網站基本布局，根據用戶的需求能夠熟練的進行網站策劃、導航定位及布局展示。
2 課程的教學特征分析
通過調查顯示大部分的學生對于瀏覽器的知識非常匱乏，瀏覽器是顯示網頁內容的重要工具，而作為全球知名的火狐瀏覽器（Firefox），谷歌瀏覽器（Chrome），IE瀏覽器，在接受調查的學生之中知之甚少，這不能歸咎于他們知識的匱乏，只能歸咎于中國的網絡環境太復雜。
網頁設計師不同于其它類型的設計師，他帶給用戶美感享受的同時，同時也是與用戶交流的一個過程。因此設計師要精通于網站訪客對網頁的感受及這些人如何使用網頁，網頁設計師應該為提出最佳設計方法負責?？蛻舴浅Ｗ⒅鼐W頁的好看，漂亮，但是卻忽視了網頁設計的實用性，網站本身就是用來傳遞信息的，用圖片來傳遞，用視頻來傳遞，用文字來傳遞，通過種種傳播媒介的表述，讓訪問者知道網站要表達的信息。
3 教學情境與師生關系學生對教師的依賴曲線圖
4 教學效果探討
根據網頁設計課程的特點，使學生的學習行為發生實質性的變化。倡導學生主動參與、樂于探究、勤于動手，多做多練以提高學生分析和解決問題的能力以及交流與合作的能力，變“要我學”為“我要學”，變“學會”為“會學”，提高學生的實踐能力。
通過一個學期的學習，大部分的學生對網頁設計有了初步的了解，部分學生雖然還有點朦朧，但是知識框架已經掌握在手了，網頁設計是個需要累積的技術活，成功的設計師都是閱網無數，吸取眾家之長而變為己用的，而課堂上的學生已經找到了提高的方法，學會方法是我們課程倡導的初衷。
5 存在問題與解決方法
5.1 技術還是藝術的問題
學生崇尚藝術美感，用圖片、動畫等表達大量的渲染元素，忽略網頁設計標準，這樣的網站咋一看是非常有美感，可是在互聯網上卻因為文件過大、載入時間過久而導致用戶體驗效果差，這也暴露出學生經驗不足的問題，學生只看到了網頁的表面，沒有想到一個網頁或網站在美觀漂亮的同時，他還要符合搜索引擎（searchengine）的收錄習慣，畢竟搜索引擎（searchengine）是企業網站業務非常大的依賴。
5.2 網頁設計的根本性認知
不少學生覺得網頁只要美觀即可，而忽略了網頁根本的東西，比如：導航，用戶體驗等。網站的內容多了，用戶在網站里面閱讀內容，容易迷路，一個良好的導航條就像一個導游一樣，能夠帶領用戶以最高效的方式去他想要去的地方，這是用戶體驗比較好的網站。
上述兩個問題是存在最普遍的，解決這種問題需要學生從實踐中去體驗，最好自己建立一個網站，添加來訪用戶統計，在實踐中去認識問題并解決它，只是這樣耗時較長，需要學生在課堂之外繼續探討。
參考文獻：
[1]甄鳳其.淺析網站網頁設計教學[J].計算機光盤軟件與應用，2013（13）：205-206
