網頁藝術設計精品(七篇)

序論：寫作是一種深度的自我表達。它要求我們深入探索自己的思想和情感，挖掘那些隱藏在內心深處的真相，好投稿為您帶來了七篇網頁藝術設計范文，愿它們成為您寫作過程中的靈感催化劑，助力您的創作。

篇(1)

設計活動中包含著主觀和客觀兩方面的因素，它涉及的具體內容很多，本文著重從網頁藝術設計的原則和特點談一些觀點。

一、網頁藝術設計的原則

1.主題突出

視覺設計表達的是一定的意圖和要求，有明確的主題，并按照視覺規律和形式將主題生動地傳達給觀賞者。視覺設計不但要單純、簡練、清晰和精確，而且在強調藝術性的同時，更應該注重通過獨特的風格和強烈的視覺沖擊力，來鮮明地突出設計主題。

2.強調整體性

網頁表達的是一定的內容、主題和意念，它以滿足人們需求為目標。設計時強調其整體性，可以使瀏覽者更快捷、更準確、更全面地認識它，并給人一種內部有機聯系、外部和諧完整的美感。

3.內容與形式相統一

一個優秀的設計必定是形式對內容的完美表現。一方面，網頁設計所追求的形式美必須適合主題的需要，這是網頁設計的前提。另一方面，要確保網頁上的每一個元素都有存在的必要性，不要為了炫耀而使用冗余的技術。只有通過認真設計和充分的考慮來實現全面的功能并體現美感，才能實現內容與形式的統一。設計者可以對其進行形式上的適當變化，從而豐富整個網頁的形式美。

二、網頁藝術設計的特點

1.多種媒體的綜合性

目前網頁中使用的多媒體視聽元素主要有文字、圖像、聲音、視頻等，隨著網絡寬帶、光纖的增加、芯片處理速度的提高以及跨平臺的多媒體文件格式的推廣，必將使設計者綜合運用多種媒體元素來設計網頁。目前國內網頁已經出現了模擬三維的操作界面，在數據壓縮技術的改進和流技術的推動下，互聯網上出現了實時的音頻和視頻服務。因此，多種媒體的綜合運用是網頁藝術設計的特點之一。

2.持續、交互性

網頁不同于傳統媒體之處在于信息的動態更新和即時交互性。即時的交互性是web成為熱點的主要原因，也是網頁設計時必須考慮的問題。持續的交互性，使網頁藝術設計不像印刷品設計那樣，發表之后就意味著設計的結束。網頁設計人員必須根據網站各個階段的經營目標，配合網站不同時期的經營策略以及用戶的反饋信息，及時地對網頁進行調整和修改，不斷創作出新的網頁設計作品。

3.多維性

多維性源于超鏈接，它的出現使網頁的組織結構更加豐富，瀏覽者可以在各種主題之間自由選擇，從而打破了以前人們接收信息的線性方式。例如，可將頁面的組織結構分為序列結構、層次結構、網狀結構、復合結構等。但頁面之間的關系過于復雜，不僅給瀏覽者檢索和查找信息增加了難度，也給設計者帶來了一定的困難。為了讓瀏覽者在網頁上迅速找到所需的信息，設計者應考慮快捷而完善的導航設計。

4.版式設計的不可控制性

所謂網頁的版式設計，是在有限的屏幕空間上將視聽多媒體元素進行有機的排列組合，是一種具有個人風格和藝術特色的視聽傳達方式。它在網頁的藝術設計中有著重要的地位，在傳達信息的同時能產生感官美和精神享受。網頁的排版與平面媒體排版有很大差異。后者都有固定的尺寸，而前者的尺寸是由瀏覽者來控制的，這使設計者不能精確控制網頁上每個元素的尺寸和位置。同時，網頁的結構也不像印刷品那樣為線性組合。由于計算機仍處在發展之中，沒有制定出統一的標準，從而導致網頁版式設計的不可控制性，網頁設計者無法控制頁面在用戶端的顯示效果，但這也是網頁設計引人入勝之處。

5.技術與藝術結合的緊密性

設計是主觀和客觀共同作用的結果，設計者不能超越自身已有經驗和所處環境提供的客觀條件限制，優秀設計者正是在掌握客觀規律的基礎上得到了完全的自由。網絡技術主要表現為客觀因素，藝術創意主要表現為主觀因素。網頁設計者應該主動地掌握現有的各種網絡技術，注重技術和藝術的結合，這樣才能充分展現技術之長，實現藝術之想象。

篇(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)

【關鍵詞】網頁設計；審美能力；創造力；技術敏感度；教學模式

如何針對高校藝術設計專業的學生上好網頁設計課程，利用藝術設計專業這個平臺，將網站創意、版面構思、動靜態設計元素、網頁色彩、網絡互動技術等知識點系統地糅合在一起，將是此課程教學的重點和難點。針對藝術設計專業的學生，在講授此課程的同時，如何更好地將其與自身專業優勢結合，如何最大化地激發學生的求知欲與學習主動性，這與我們的教學模式和教學重心關系密切。

一、網頁設計課程教學現狀分析

如前所述，網頁設計是一門綜合性很強的設計課程，它不僅要求設計者具備較強的平面設計能力和審美能力，還需要一定的技術能力。國內的理工科院校的網頁設計課程無一例外地是以技術教學為主，而對平面設計和審美能力的培養鮮有提及，這對于理工科專業來講當然無可厚非。但是目前國內大部分高校藝術設計專業的網頁設計課程教學都在套用理工科相關專業的課程內容和模式，在注重技術性的同時，忽略了對自身尤為有價值和優勢的藝術性。而藝術設計專業的學生在學習網頁設計技術的時候常常感到力不從心，致使其對網頁設計課程的學習僅僅停留在技術的表面。同時在高校藝術設計專業的網頁設計教學當中，還普遍存在忽視用戶體驗、對Web可用性缺乏了解、對技術缺乏敏感度、欠缺良好的設計觀念、忽視合作的問題。究其根源，網頁設計是一門實踐性很強的課程，沒有多年的從業經驗很難對其有深入獨到的理解，作為教師的授課主體本身對網頁設計行業欠缺長期的、專業的深度跟蹤和了解，導致學生設計理念薄弱，作品缺乏創意，刻意模仿其他網站。

二、藝術設計專業網頁設計課程的教學模式

（1）樹立正確的設計觀念。網頁設計是一個全新的設計領域，沒有照搬的模式，沒有從屬和延續。但任何設計形式又有其規律和標準，這就需要引導學生運用已有的知識，有針對性地借鑒、評判、吸納、運用與發揮。對于教師而言，比傳授知識更重要的是教會學生如何利用現有知識，在設計語言和設計理念上進行合理創新；如何將自己的創造意圖向網絡工程師展示并得到理解和反饋，從而真正得以用技術手段加以實現自己的想法；如何表述網絡時代全新的傳媒藝術語匯；如何創造出符合人們審美需求的網絡設計符號，這些都是未知的空間，都是需要我們引導學生去探索的。任何設計最終都要為人所用，特別是網頁設計的藝術表現，它既是傳播信息的載體，又是傳遞美感的使者，以人為本便是一把驗證優劣的標尺。（2）培養學生對技術的敏感度。盡管藝術設計專業的學生缺乏對深度技術的知識儲備和學習能力，但如果能夠加以引導，通過充分的課堂案例講解，讓學生在課后及今后大量瀏覽和欣賞優秀網站的過程中，注意時刻關注和積累這些新技術的表現方式、適用主題和場合，就可以逐漸樹立他們對技術的敏感度。設計師無法做到面面俱到，但只要擁有了對網絡技術的敏感度，在今后的設計創作和工作過程中，就可以借助網絡工程師的技術力量來完成自己輝煌的設計創想了，并且技術的敏感度還可以幫助設計師排除一些不切實際或不可能實現的想法。（3）培養學生的團隊合作意識。網頁設計涉及平面構成、色彩構成、CI等方面的知識，還涉及到Java、JavaScript、HTML、CSS等編程語言方面的內容。網頁設計涉及的內容要比單純的圖像設計多得多，因而網頁設計師既是平面設計師又不同于平面設計師。網絡對平面設計行業提供了機遇同時也造成了威脅，而且這種趨勢將越來越明顯，人們將把注意力更多地集中在如何整合各種不同的媒體、利用各種不同的手段來展示創意和對網頁主題的理解。而人不是全能的，人的思維分邏輯思維和形象思維兩種，很少有人能兼具兩者并在兩方面均做到出類拔萃。此時，團隊合作就顯得尤為重要，一個擁有堅實凝聚力的團隊，可以發揮極大的工作效率，產生數倍的能量，創作出驚人的作品，這是單一個體智慧難以實現的。所以在教學當中灌輸和培養團隊合作意識，對學生今后的工作方式和設計生涯有極大的推動作用。

篇(4)

關鍵詞：計算機網頁設計 圖形設計 處理運用

中圖分類號：TP317 文獻標識碼：A 文章編號：1007-9416（2012）11-0222-01

1、引言

網頁設計技術的產生促使網頁設計圖形藝術領域快速地發展，在整個設計過程中離不開技術，設計的需求也是促進技術水平不斷提高的過程中。因此，計算圖形藝術設計的設計師需要正視設計與技術的結合，能夠正確掌握設計藝術與計算機程序設計和多媒體技術相結合的方法，能夠正確運用網頁設計圖形藝術的表現形式，針對其特點設計出更多更好的作品。

2、圖形藝術與網頁設計的改革

雖然在視覺傳遞這一層面上網頁設計的圖形藝術較之以往的網頁圖形藝術設計非常相似，但技術方面的應用也有很大的差別。對網頁的設計藝術與圖形藝術結合在一起是視覺表達的一種技術，它是綜合了計算機網頁圖形藝術及網絡技術運用。

2.1　藝術理念的傳遞

和以往的計算機網頁圖形藝術作品相同，對網頁設計也要求具備一定形式的藝術感染效果。因為毫無章程、平庸無奇、沒有美感的網頁很難吸引到瀏覽者的，更不會使訪問者去打開頁面上的其它窗口。要知道第一印象很重要，直接影響訪問者能否再次光顧改網頁。

傳統計算機圖形藝術作品在設計的過程中看重的是頁面元素的組成、色彩的搭配、版式的布局與空間表達形式等等，這些元素對圖形藝術設計作品很重要，每一個網頁設計作品都是將以上提到的因素結合到一起。通過各個方面有機的結合，在視覺傳達方面給觀看者一種審美的享受，網頁設計藝術最終的目的就是滿足觀看者的審美心理。

2.2　介質的差異

傳統的藝術設計作品的表達方式是印刷品，人們更愿意將美好的藝術設計打印出來保存，而現代藝術設計作品的表達方式是通過計算機顯示器來表現出來，并且在傳輸的過程中受到帶寬的限制。計算機圖形設計師在設計時就會發現，打印的作品的原理是色素減法原理，而設計作品的模式是以CMYK模式出現，而電腦顯示器的色彩工作原理則是RGB模式。

傳統與現代的分辨率有很大的區別，過去計算機圖形藝術的表現形式是印刷品作為表達介質，精度越高所要表達的效果也是約好，在正常的情況下，圖形設計作品的設定值是360dpi，而網頁設計藝術的圖形分辨率的設定值是圖形設計作品的五分之一。由于介質的不同，在藝術設計著色的時候需要慎重，不能將傳統圖形藝術表達的技巧直接應用到現代網頁藝術中去。

2.3　功能的異同

傳統計算機圖形藝術的作品的作用是通過作品向外界傳遞一些信息資源，而現代網頁設計藝術不僅僅具備這些功能，還會增加了一些導向和鏈接?，F代網頁藝術設計中超鏈接是非常重要的一個功能，以一個頁面超鏈接，點擊它們會就進入到鏈接的任何一個頁面。鏈接的方式是以文字、圖片、按鈕等某種信息表現出來。無論是那種表達方式對頁面的整體設計與布局都會有一些影響，對瀏覽是否方便也會產生影響。

3、規范布局網頁圖形藝術界面設計

在網頁設計圖形藝術中，布局規范、流暢，使視線融會貫通是完善設計的關鍵所在。網頁藝術設計的設計師在設計的過程中需要將重要信息表達在網頁最醒目的區域，視覺流程的停留點設計也需要設計在一目了然的位置。網頁設計先關人員可以依照具體信息資源的傳遞的需求，畫面所呈現不同的著重點，需要根據其位置進行合理的安排，在網頁藝術設計中，視覺傳達效率比較重要，為提高視覺傳遞的功能，必需要掌握以下幾個要點：（1）設計醒目的導航欄；（2）掌握瀏覽者的視覺習慣方式；（3）完善頁面的主從功能關系；（4）消除人的視覺疲勞感；（5）科學設計視覺流程。

在進行網頁設計圖形藝術時還應注重動態方面的設計，這就要求網頁應該具有閃變化的色彩、爍的文字以及Flas。不僅如此，在網頁之間的鏈接設計方面，應該能夠設計出使人們具有訪問更深層次頁面的傾向，這就需要建立合理的導航系統來引導訪問者的視覺流程，將網站的信息、文件以及說明更加醒目、清晰地處于視覺可及范圍之中，從而使引訪問者能夠進一步地觀賞網站。網站的導航系統應該運用簡短、便于理解，導航系統能夠體現出網站的各個視覺方向，這也就要求在網站設計的過程中，導航功能的應用要清楚、自然，簡便、新穎。通過網站導航系統的設置，為使用者提供方便，根據導航提示隨意從一個頁面跳轉帶其他頁面。

4、圖形藝術的界面處理

網頁圖形藝術設計的新穎特點能夠吸引瀏覽者的目光，而創意獨特、設計完美、布局規范的操作也是提高網頁瀏覽回頭率的必勝法寶。一個設計完美的網頁可以促進瀏覽者提高點擊網頁的欲望和愛好，因此這也就要求網頁設計圖形藝術可以根據一切科學技術手段來完善頁面完整度。保證頁面效果能夠更迷人，更吸引人，給客戶一種視覺沖擊的感覺，保證每一個網頁都具有較強的統一性與個性。當然，當我們在運用各種設計方法、科學的軟件以及先進技術方法的同時，要做到收放自如。將圖形設計信息的高效資源傳遞給瀏覽者，這才是網頁設計的最終目標。因此，設計過程中結合各種軟件工具的應用，在配上一些有聲的音樂，這樣就能夠為瀏覽者提供更便捷、舒適的服務。網頁設計所要表達是信息的傳遞，而圖形設計的意義就在與保證訪問者能看到一個豐富多彩、舒適流暢的網站設計，全面提升企業的整體形象。

5、結語

正如建筑藝術最初的目的僅僅是為了滿足人們最基本的生存需求一樣，網頁中圖形設計業是一樣，目前已經告別了僅僅使用HTML和JAVA語言來實現網頁的設計，這些設計的完成者全部都是技術性人才，但這些僅僅能滿足最為基本的傳遞功能，設計不到藝術層面，而現代的網站表達，藝術設計更為重要，現今，Macromedia　Dreamweaver、Microson　Froltpage等軟件的產生使數字化藝術設計變得更加方便。我相信，網頁圖形藝術設計將會發展得越來越好，展現在瀏覽者眼前的是藝術與技術的結合。

參考文獻

[1]劉瞳.網頁設計之管見[J].中國科教創新導刊，2009.

篇(5)

關鍵詞:Web3D技術;網頁藝術設計;變革

中圖分類號:TP311 文獻標識碼:A 文章編號:1005-5312(2010)15-0141-01

一、網頁藝術設計新的時代背景

進入二十一世紀,網頁藝術設計的技術發生了革命性變化。產生于上世紀90年代的Web3D技術將三維虛擬空間與網頁相結合,強化交互控制,網頁具有更真實的體驗,更豐富的交互控制,更逼真的表現效果。從技術方面滿足人們對感官美、體驗美的綜合需求。因此從藝術方面也對網頁藝術設計提出了更高的要求。

(一)Web3D技術的產生與發展現狀

通信、網絡、信息技術的發展使人們對于互聯網的需求不斷提高,從文字信息、圖文信息到如今的圖文動畫綜合信息,其功能從簡單的信息傳遞到信息的實時交流再到綜合的信息、娛樂,并逐漸發展到全方位的交互體驗(如圖1)。在科技與需求相互發展的環境下,Web3D技術使三維技術與互聯網結合,經過十多年的發展,該技術已經成熟,眾多軟件企業已經開發出實用的技術產品,如O3D技術、 Virtools軟件和Cult 3D軟件等。

目前Web3D技術在游戲、教育、房地產、公共事業等行業發展較為迅速,三維網絡游戲、基于互聯網的虛擬實訓室、網上看房系統、虛擬消防演習等虛擬產品的成功開發,獲得了豐碩的經濟效益與社會效益。該技術在發達國家應用較早,美國、日本和德國等發達國家已經獲得了成功的應用經驗,美國注重綜合應用開發,日本注重在游戲產業的應用,德國注重工業領域應用。國內外的成功案例與開發經驗印證Web3D技術的優勢,為該技術的推廣提供寶貴的經驗。

(二)Web3D技術成為網頁藝術設計變革的動力

網頁的功能性、技術性和藝術性是網頁設計的三個重要因素。Web3D技術增強網頁的功能性,功能性的增強引發藝術性變革。在網頁設計領域,技術與藝術相互促進,人們對藝術的不斷追求促使新技術的產生、發展,新技術帶動藝術設計新思路、新方法的產生。以Web3D技術引發的網頁設計藝術變革成為設計者探索新設計思路、新表現方法的動力源。

二、網頁設計的變革

(一)技術功能性的變革

互是Web3D技術的重要發展方向,其交互具有體驗感更強、形式多樣、操作簡便流暢等特點。用戶依靠該技術,與計算機之間通過肢體語言、聲音、情感變化等進行交互,獲得身臨其境的體驗感。正如辛向陽所說的,“交互設計的對象是人的活動”。網頁藝術設計更應當注重人的活動,應當沖破簡單的鼠標、鍵盤交互動作,設計更豐富多樣的肢體、聲音、情感等交互動作的網頁。這些新的交互網頁實現了網頁更加豐富的功能性,產品的展示、作品創意的傳達、游戲性能的發揮都將得到革命性的飛躍。

三維技術已經在工業設計、環境藝術設計、游戲設計、影視等專業領域發展成熟,成為數字技術重要發展領域。三維技術與網頁的結合是網頁發展的重要方向,三維技術可以實現更加真實的空間感,視覺沖擊效果更強。Web3D技術支持將常用三維軟件繪制的模型文件直接添加于網頁當中,使網頁直接呈現出三維效果,方便的技術銜接使網頁設計突破了平面二維空間的限制,向更為廣闊的三維空間發展。

(二)網頁設計藝術的變革

Web3D技術突破了二維平面的限制,帶來了全新的三維空間表現形式,網頁和三維軟件之間能良好的兼容,不論是模型、材質、光影還是環境都可以在網頁當中實現。這些特性賦予了網頁藝術設計新的內涵。主要體現在形式美原則、創意構思和構成要素等方面。

Web3D技術沖破了二維平面的限制,使網頁設計形式美的內涵發生了改變。三維網頁對比強烈,能夠形成真實的三維空間,平面版式的面積、大小、形狀等轉變為體積、外形、位置、角度等。三維技術使網頁設計更加富有節奏,球體、立方體、長方體、錐體、柱體等形成的空間使網頁更富節奏變化。三維網頁更能形成整體的視覺效果,幾何體重復排列、相互穿插形成了相互關聯的整體,突出網頁設計的整體美。

Web3D技術帶來了全新的網頁創意構思。三維的空間構思更加靈活,更能激發設計者的靈感,易于表現設計者的情感。利用Web3D技術的空間性、交互性等特點,設計者可以實現獨特的、多方向的、富有情感的網頁作品。Web3D技術給予設計者發揮個性廣闊的空間,利用三維網頁互動地傳達各種各樣的信息。

網頁設計的構成要素也發生了新的變化,Web3D技術提供了空間幾何體構成要素,使文字、圖像等能夠以三維立體的形態展示于網頁當中。字體不但可以傳達信息,還能以三維的形態實現空間變化,提高網頁的觀賞價值。圖像不是單純的平鋪于網頁當中,而是附著在三維形體表面,通過三維形體的變化實現圖與形的完美結合,既表現了形的質感又突出了圖的美感。

從更深層次的美學角度分析,三維網頁更具感官美、體驗美。Web3D技術實現交互藝術與網頁設計藝術的結合,以三維的形式表現頁面效果,更具視覺表現力。既可以使畫面的變化層次豐富,空間形體與真實紋理緊密結合,表現超現實主義風格的畫面效果;也可以將三維效果矢量化,表現色彩濃郁的卡通風格。網頁的實時交互動態變化更具有感染力,突出體驗美的感受,目前的網頁大多以單向方式進行信息的傳播,瀏覽者只能被動的接受設計者指定的空間,Web3D的交互技術給予瀏覽者三維空間的控制權,瀏覽者可以通過交互動作欣賞三維空間的任意區域,滿足人們對體驗美的追求。

(三)設計者的變革

Web3D技術引發了網頁設計功能、技術和表現效果的巨大變革,設計者的變革也勢在必行。首先,設計者應當轉變設計觀念,設計者在設計網頁時應當充分認識到三維網頁的特點,然后將功能性結合到網頁的技術當中,當然,設計者也有必要考慮網頁技術對于功能實現的可行性與效果預期。其次,設計者應當變換設計方法,Web3D技術有其特殊的技術要求,技術的不同將帶來表現方法的不同,特別是對三維技術表現方法,設計者既要適應技術要求又要體現藝術表現的美感,因此要使用新的設計方法,遵循三維表現技法和網頁設計原則。最后,設計者應當進一步研究網頁設計的交互特性與人的交互行為,Web3D技術提供了豐富的交互功能,這些新的功能既可以滿足人們的需要,又可以將社會推向新的無障礙交互時代,設計者有責任創作滿足大眾需要的三維交互網頁。

設計者的轉變是一個漸進過程,在這個過程當中,各學科人才將加入到Web3D技術的開發與應用當中,正如保羅?內爾福特所講的“體驗設計需要的是一堆設計學科”,在科學技術高度發展的今天,多學科交叉和融合的領域越來越多,Web3D技術就是多學科交叉的領域,其學科交叉復雜程度較高,集三維藝術、計算機語言、人機交互設計等于一身,需要掌握的學科知識復雜,因此,Web3D的實現需要多學科交叉的設計團隊,在團隊當中各個學科只有相互促進與融合,才能開發出符合技術與藝術要求的網頁作品。

三、網頁設計展望

互聯網發展將帶動網頁設計的發展,Web3D技術的諸多優勢決定其未來在移動通訊、商務、教育、游戲、公共服務、醫療等眾多領域獲得更廣闊的發展空間。Web3D技術開發企業正在開發更多更豐富的三維交互應用, Google、Adobe、Autodesk、Microsoft等企業已經開發出初具雛形的Web3D實用產品,這些信息科技領頭企業對于該技術的重視可以印證該技術具有廣闊的前景。

Web3D技術向手機通訊技術延伸將是另一個主要方向。手機性能提高,屏幕尺寸不斷增大;數據傳輸能力增強,第三代數字通信技術可以達到不低于144千字節每秒的數據傳輸能力。數據傳輸技術成熟為Web3D技術在移動設備上廣泛應用創造良好的發展環境,未來支持Web3D技術應用的手機將引發網頁設計新一輪的變革。

篇(6)

關鍵詞：電子商務多媒體技術藝術設計

計算機多媒體技術指計算機交互綜合處理文本、圖形、圖像、聲音、視頻等多種媒體信息，使多種信息建立邏輯聯系，集成為一個具體有交互性的系統。企業通過建立電子商務網站，實現“企業——個人”、“企業——企業”、“企業——政府”的快速信息交流，達到宣傳企業、樹立企業良好形象的目的。中國網民人數量近億，企業為了爭奪這個潛力巨大的市場，為了吸引網民的眼球，在商務網站中運用了大量多媒體技術。利用多媒體技術可以制作生動、有趣的網頁，使得Internet上的瀏覽者會一再光臨您的網站而留連忘返。到目前為止，在Internet上所能使用的多媒體可以說越來越廣泛，從簡單的GIF動畫，3DVRML動畫，廣播站到電影文件幾乎都可搬上Internet。網頁設計的趨勢越來越接近于一門藝術而不僅僅是一項技術。網頁的藝術設計是藝術與技術的高度統一，正日益被網站建設者所注重。

1.視覺媒體。視覺媒體包括文字、圖形、圖片等，它是構成網頁的基本元素。由于受到計算機屏幕尺寸的限制，文字與圖片的布局要做到清晰明確、有主次。通過相應的編輯與制作軟件可以使這些元素有機的結合，在多媒體中使用文本信息，其表述要精確、簡潔、有力，過長的文字會使人失去閱讀興趣；對于簡單圖像，盡可能用矢量圖形，其占用空間小。主要用于線型的圖畫、美術字、統計表的制作。對于色彩豐富包含復雜細節的繪畫則使用位圖文件。

2.聽覺媒體。與網站主題相呼應的清新、悅耳的音樂，可心提高瀏覽者的觀看興趣，延長其在網站的停留時間，從而使更多的網站信息輸送給網民。目前網上流行的音頻文件主有MID、WAV、RM、MP3等格式。以前必須先將這段音樂或電影下載回本地機器，然后使用相應的程序來播放，由于音頻或視頻文件都比較大，需要較長的下載時間。流（stream）技術出現以后，網頁設計者充分、巧妙地應用此技術，讓瀏覽者在下載過程中就可以欣賞這段音樂增強了頁面傳播信息的表現力和感染力。

3.視聽媒體。數字化的視頻信息有利于存儲、重放、特殊處理及高速傳輸，在多媒體信息中，它是最新和最有魅力的一種。網上流行的視頻文件主有FLASH、VMW、ASF、RM、AVI、MPG等格式。

4.交互媒體。在Web環境下，人們不再是一個傳統媒體方式的被動接受者，而是以一個主動參與者的身份加入到信息的加工處理和之中。利用ActiveXControl、VBScript、JAVA、FLSH等技術，網頁設計人員根據網站各個階段的經營目標，配合網站不同時期的經營策略，以及用戶的反饋信息，經常地對網頁進行調整和修改。

二、運用多媒體技術提高網頁藝術性

網頁藝術設計包含視聽元素與版式設計兩項內容；以主題鮮明、形式與內容相統一、強調整體為設計原則；多媒體具有交互性與持續性、多維性、綜合性、版式的不可控性、藝術與技術結合的緊密性五個特點。由于多媒體自身的互動性、娛樂性，有創意的設計，自然會吸引瀏覽者的眼球。1.網頁藝術設計與網站主題的關系。視覺設計表達的是一定的意圖和要求，有明確的主題，并按照視覺心理規律和形式將主題主動地傳達給觀賞者。訴求的目的，是使主題在適當的環境里被人們即時地理解和接受，以滿足人們的實用和需求，這就要求視覺設計不但要單純、簡練、清晰和精確，而且在強調藝術性的同時，更應該注重通過獨特的風格和強烈的視覺沖擊力，來鮮明地突出設計主題。設計是為主題服務的，設計是藝術和技術結合的產物，就是說，即要“美”，又要實現“功能”。在商務網站設計中，完成“功能”是藝術設計的最終目的，“美”是為“功能”服務的。如果在設計時只有“美”而沒有“功能”，則失去了商務網站存在的意義。

2.多媒體技術與藝術設計的結合。任何設計都有一定的內容和形式。內容是構成設計的一切內在要素的總和，是設計存在的基礎，被稱為“設計的靈魂”；形式是構成內容諸要素的內部結構或內容的外部表現方式。設計的內容就是指它的主題、形象、題材等要素的總和，形式就是它的結構、風格或設計語言等表現方式。內容決定形式，形式反作用于內容。一個優秀的設計必定是形式對內容的完美表現。商務網站在建設時，要明確企業網站的內容，確定采用什么樣的形式，從而明確主題，利用多媒體技術圍繞它們展開設計。例如，設計類的個人站點與商業站點性質不同，目的也不同，所以評論的標準也不同。它的主題只有一個，就是美。而將音頻、視覺完美融合的多媒體動畫和影片能體現主題，清晰地傳達出來這個站點的信息，表現了網站的藝術風格和別出心裁。一個好的多媒體網站設計不僅能吸引顧客的注意，而且能表達出這個產品或者服務的實質。為了能留住顧客，應該確定要有“跳躍信息”的連接?？梢赃@樣說，融合多媒體的網站設計就是網站信息加上圖形、動畫和聲音等的一個集合。對于商務網站，要利用多媒體技術的優勢，形象、具體、全方位地展現自己的商品與服務，這是傳統、單一媒體無法實現的。

網絡技術與藝術創意的緊密結合，使網頁的藝術設計由平面設計擴展到立體設計，由純粹的視覺藝術擴展到空間聽覺藝術，網頁效果不再近似于書籍或報刊雜志等印刷媒體，而更接近于電影或電視的觀賞效果。技術發展促進了技術與藝術的緊密結合，把瀏覽者帶入一個真正的虛擬世界。

隨著多媒體技術的不斷發展，網絡傳輸速度的不斷提高，藝術性受技術的限制不斷減低。藝術與技術會更好的結合，商務網站因多媒體技術的大量應用而獨具魅力和眩目，但它的首要功能是作為交流的一個工具，一個平臺；更確切地說它是一個用戶與網站一個交互的界面。多媒體技術與藝術的緊密結合在網頁藝術設計中的優勢非常明顯，而它們的發展將推動網站提升到更高的層次和高度，會給公司企業的文化宣傳、產品介紹、銷售渠道帶來更多的好處。而多媒體技術在網站上的應用也必將成為未來的發展方向，有著很廣闊的前景。

參考文獻:

[1]劉光然:多媒體技術與應用.人民郵電出版社，2005.09

篇(7)

藝術設計是個性化的設計，但它不是天馬行空，無所拘束的，在凸顯個性化的同時還要遵循一定的規律。其一，藝術設計有一定的局限性。雖說藝術設計的表達形式多種多樣，但都符合大多數人的審美觀，與所在地區的社會文化、經濟條件相適應。如青島標志性雕塑“五月的風”，體現1919年爆發的“”的導火索----青島的問題的歷史背景，以螺旋上升的風為造型，整體火紅色，體現了“”反帝、反封建的愛國主義基調和民族精力量。此雕塑與城市的歷史文化相結合，實現個性化，區別于其他城市，讓游客對此印象深刻。又如戲曲化妝，是戲曲的個性化表現之一，它不僅追求美感，同時又有夸張的色彩，使用較艷麗的色彩，清晰的線條，彰顯人物個性，對視覺有較大的沖擊力，給觀眾留下深刻的印象，其運用在戲曲中十分符合觀眾的審美，但若將戲曲化妝實踐于生活中，就顯得突兀了，只能運用在戲曲里面，所以具有一定的局限性。其二，藝術設計符合人的審美觀。因每個人的生長環境不同，對美的認知也不同，為滿足不同的人群，就形成了或傳統或現代的形態各異的藝術表現形式。任何藝術形式在尋求個性化的同時，也應符合人的審美觀。藝術個性化的作用是使其與眾不同，有區別于其他的特色，而不是一味的利用夸張等手段吸引消費者，不考慮人的審美心理。

二、個性化設計在藝術設計中的應用

藝術設計的獨創性，決定了個性化設計的必然性，藝術設計的個性化設計在各個領域不斷地推陳出新，推動著藝術設計的發展。

1、個性化設計在網頁設計中的應用

網頁設計是平面設計與現代網絡技術相結合的產物，網頁設計的個性化設計主要體現在：主題創意上的個性化設計。越來越多的設計師不再是簡單的將圖片和文字平淡的組合在一起，而是更多的將平面設計中的創意技法運用在網頁設計中，使網頁的頁面設計具有更多的意義和趣味。排版布局的個性化設計。越來越多的設計師沖破傳統的上中下、或左中右的網頁布局而更多的采用曲線、斜線、自由式等非規則的布局，使網頁具有韻律、節奏等輕松、活潑的特點；網頁配色上的個性化設計。通常一個網頁只采用一個色系，通過調整色系中的深淺來達到網頁色彩的協調，個性化設計會采用更靈活的方式搭配色彩，大膽的采用對比色、互補色、黑白灰等進行搭配，在搭配時采用同色線條間隔、面積調和、色彩優勢調合、色彩面積調合等方法達到色彩的調合。

2、個性化設計在平面設計中的應用

平面設計作為設計藝術的一種形式，設計理念不斷吸收著新元素，特別是在這個“大同”的社會，人們越來越注重個性化，希望追求與眾不同，人們更喜歡具有個性化的藝術形式。圖形是平面設計的靈魂，圖形的個性化設計是對常規表現的突破。在傳統觀念中圖形一直是二維靜態的形式出現在設計中，但隨著制作技術、傳播手段、特殊材料等的出現，圖形的設計語言也逐漸變得多元化，逐漸由靜態向立體化、動態化、文字化等方向發展。如立體廣告背景、立體卡片、立體DM設計等，立體化的圖形設計使畫面具有更多層次和趣味性。文字作為平面設計中的主要造型語言，在視覺傳達設計中具有重要作用?，F代設計師已不滿足于“傳統文字”的敘述意義而轉向表現涵義，設計師以文字為主要造型語言尋求與意義的結合，達到以“意”造形，以“形”表意的形意結合。如字體創意中“互”字的中間兩筆采用了具象胳膊的圖形，更形象的表達了人與人之間的關系，這也是以文字造型為主要表達形式的藝術設計的設計切入方式之一。其次，采用將設計中“打散重構”手法將文字筆畫打亂后進行重新組合，利用漢字的筆畫美感組成畫面，形成曲直疏密的對比。

3、個性化設計在服裝設計中的應用