導航:首頁 > 萬維百科 > 網頁藝術設計

網頁藝術設計

發布時間:2020-07-29 23:32:29

1、什麼是網頁藝術設計

網頁藝術設計:
網頁藝術設計是是網頁設計者以所處時代所能獲取的技術和藝術經驗為基礎,依照設計目的和要求自覺地對網頁的構成元素進行藝術規劃的創造性思維活動。
設計活動中包含著主觀和客觀兩方面的因素,在確立了網頁主題之後,首先要明確和熟悉設計的對象和構成的要素。網頁藝術設計涉及的具體內容很多,可以概括為視聽元素和版式設計兩個方面。

設計內容:
視聽元素
這里所說的視聽元素,主要包括:文本、背景、按鈕、圖標、圖像、表格、顏色、導航工具、背景音樂、動態影像等。無論是文字、圖形、動畫,還是音頻、視頻,網頁設計者所要考慮的是如何以感人的形式把它們放進頁面這個「大畫布」里。多媒體技術的運用大大豐富了網頁藝術設計的表現力。
以上各視聽元素大多數瀏覽器本身都可以顯示或收聽,無需任何外部程序或模塊支持。比如,大部分瀏覽器都可以顯示GIF、JPEG圖形和GIF89a動畫。還有些多媒體文件(如MP3音樂)需要先下載到本地硬碟上,然後啟動相應的外部程序來播放。另外,在瀏覽器使用插件(Plug-in)可以播放更多格式的多媒體文件。微軟推出IE瀏覽器後,提供了基於OLE的ActiveX技術,用來在網頁中播放多媒體。ActiveX已經成為熱門技術。另一種播放多媒體的技術是JavaApplet。它是用Java語言編寫的應用於網頁之中的小應用程序,相比於插件和ActiveX,JavaApplet具有更大的靈活性和良好的跨平台能力,因此具有很好的發展前景。總之,技術的不斷發展使多媒體元素在網頁藝術設計中的綜合運用越來越廣泛,使瀏覽者可以享受到更加完美的視聽效果。這些新技術的出現,也對網頁的藝術設計提出了更高的要求。
版式設計
網頁的版式設計同報刊雜志等平面媒體的版式設計有很多共同之處,它在網頁的藝術設計中占據著重要的地位。所謂網頁的版式設計,是在有限的屏幕空間上將視聽多媒體元素進行有機的排列組合,將理性思維個性化的表現出來,是一種具有個人風格和藝術特色的視聽傳達方式。它在傳達信息的同時,也產生感官上的美感和精神上的享受。
但網頁的排版與書籍雜志的排版又有很多差異。印刷品都有固定的規格尺寸,網頁則不然,它的尺寸是由讀者來控制的。這使網頁設計者不能精確控制頁面上每個元素的尺寸和位置。而且,網頁的組織結構不像印刷品那樣為線性組合,這給網頁的版式設計帶來了一定的難度。

2、網頁設計的藝術性,提供點資料

網頁設計的藝術內容 設計活動中包含著主觀和客觀兩方面的因素,在確立了網頁主題之後,首先要明確和熟悉設計的對象和構成的要素。網頁藝術設計涉及的具體內容很多,可以概括為視聽元素和版式設計兩個方面。 1.版式設計 網頁的版式設計同報刊雜志等平面媒體的版式設計有很多共同之處,它在網頁的藝術設計中占據著重要的地位。所謂網頁的版式設計,是在有限的屏幕空間上將視聽多媒體元素進行有機的排列組合,將理性思維個性化的表現出來,是一種具有個人風格和藝術特色的視聽傳達方式。它在傳達信息的同時,也產生感官上的美感和精神上的享受。 但網頁的排版與書籍雜志的排版又有很多差異。印刷品都有固定的規格尺寸,網頁則不然,它的尺寸是由讀者來控制的。這使網頁設計者不能精確控制頁面上每個元素的尺寸和位置。而且,網頁的組織結構不像印刷品那樣為線性組合,這給網頁的版式設計帶來了一定的難度。 2.視聽元素 這里所說的視聽元素,主要包括:文本、背景、按鈕、圖標、圖像、表格、顏色、導航工具、背景音樂、動態影像等。無論是文字、圖形、動畫,還是音頻、視頻,網頁設計者所要考慮的是如何以感人的形式把它們放進頁面這個「大畫布」里。多媒體技術的運用大大豐富了網頁藝術設計的表現力。 以上各視聽元素大多數瀏覽器本身都可以顯示或收聽,無需任何外部程序或模塊支持。比如,大部分瀏覽器都可以顯示GIF、JPEG圖形和GIF89a動畫。還有些多媒體文件(如MP3音樂)需要先下載到本地硬碟上,然後啟動相應的外部程序來播放。另外,在瀏覽器使用插件(Plug-in)可以播放更多格式的多媒體文件。微軟推出IE瀏覽器後,提供了基於OLE的ActiveX技術,用來在網頁中播放多媒體。目前ActiveX已經成為熱門技術。另一種播放多媒體的技術是JavaApplet。它是用Java語言編寫的應用於網頁之中的小應用程序,相比於插件和ActiveX,JavaApplet具有更大的靈活性和良好的跨平台能力,因此具有很好的發展前景。總之,技術的不斷發展使多媒體元素在網頁藝術設計中的綜合運用越來越廣泛,使瀏覽者可以享受到更加完美的視聽效果。這些新技術的出現,也對網頁的藝術設計提出了更高的要求。 三、網頁設計的藝術特點 1.多維性 多維性源於超級鏈接,主要體現在網頁設計中對導航的設計上。由於超級鏈接的出現,網頁的組織結構更加豐富,瀏覽者可以在各種主題之間自由跳轉,從而打破了以前人們接收信息的線性方式。例如,可將頁面的組織結構分為序列結構、層次結構、網狀結構、復合結構等。但頁面之間的關系過於復雜,不僅使瀏覽者檢索和查找信息增加了難度,也給設計者帶來了更大的困難。為了讓瀏覽者在網頁上迅速找到所需的信息,設計者必須考慮快捷而完善的導航設計。 印刷品中導航問題不是那麼突出,如果一個句子在頁尾突然終止,讀者會很自然地翻到下一頁查找剩餘部分,為了幫助讀者找到他們要找的信息,出版者提供了目錄、索引或腳注。如果文章從期刊中的一頁跳到後面的非順序頁時,讀者會看到類似於「續68頁」這樣的指引語句。然而,作為一名網頁設計者,你以前所學的導航技術沒有一種完全適合於網頁導航。在替瀏覽者考慮得很周到的網頁中,導航提供了足夠的、不同角度的鏈接,幫助讀者在網頁的各個部分之間跳轉,並告知瀏覽者現在所在的位置、當前頁面和其他頁面之間的關系等。而且,每頁都有一個返回主頁的按鈕或鏈接,如果頁面是按層次結構組織的,通常還有一個返回上級頁面的鏈接。對於網頁設計者來說,面對的不是按順序排列的印刷頁面,而是自由分散的網頁,因此必須考慮更多的問題。如:怎樣構建合理的頁面組織結構,讓瀏覽者對你提供的巨量信息感到條理?怎樣建立包括站點索引、幫助頁面、查詢功能在內的導航系統?這一切從哪兒開始,到哪兒結束? 2.交互性與持續性 網頁不同於傳統媒體之處,就在於信息的動態更新和即時交互性。即時的交互性是Web成為熱點的主要原因,也是網頁設計時必須考慮的問題。傳統媒體(如廣播、電視節目、報刊雜志等)都以線性方式提供信息,即按照信息提供者的感覺、體驗和事先確定的格式來傳播。而在Web環境下,人們不再是一個傳統媒體方式的被動接受者,而是以一個主動參與者的身份加入到信息的加工處理和發布之中。這種持續的交互,使網頁藝術設計不像印刷品設計那樣,發表之後就意味著設計的結束。網頁設計人員必須根據網站各個階段的經營目標,配合網站不同時期的經營策略,以及用戶的反饋信息,經常地對網頁進行調整和修改。例如,為了保持瀏覽者對網站的新鮮感,很多大型網站總是定期或不定期的進行改版,這就需要設計者在保持網站視覺形象一貫性的基礎上,不斷創作出新的網頁設計作品。 3.多種媒體的綜合性 目前網頁中使用的多媒體視聽元素主要有文字、圖像、聲音、視頻等,隨著網路帶寬的增加、晶元處理速度的提高以及跨平台的多媒體文件格式的推廣,必將促使設計者綜合運用多種媒體元素來設計網頁,以滿足和豐富瀏覽者對網路信息傳輸質量提出的更高要求。目前國內網頁已經出現了模擬三維的操作界面,在數據壓縮技術的改進和流(Stream)技術的推動下,Internet網上出現實時的音頻和視頻服務,典型的有在線音樂、在線廣播、網上電影、網上直播等。因此,多種媒體的綜合運用是網頁藝術設計的特點之一,是未來的發展方向。 4.版式的不可控性 網頁版式設計與傳統印刷版式設計有著極大的差異: (1)網路正處於不斷發展之中,不象印刷那樣基本具備了成熟的印刷標准; (2) 印刷品設計者可以指定使用的紙張和油墨,而網頁設計者卻不能要求瀏覽者使用什麼樣的電腦或瀏覽器; (3) 網頁設計過程中有關Web的每一件事都可能隨時發生變化。 這一切說明,網路應用尚處在發展之中,關於網路應用也很難在各個方面都制訂出統一的標准,這必然導致網頁版式設計的不可控制性。其具體表現為: (1) 網頁的瀏覽者可以控制網頁頁面在瀏覽器中的顯示方式; (2) 網頁頁面會根據當前瀏覽器窗口大小自動格式化輸出; (3) 用戶的瀏覽器工作環境不同,顯示效果也會有所不同。 (4) 不同種類、版本的瀏覽器觀察同一個網頁頁面,效果會有所不同; 把所有這些問題歸結為一點,即網頁設計者無法控制頁面在用戶端的最終顯示效果,但這也正是網頁設計的吸引人之處。 5.技術與藝術結合的緊密性 設計是主觀和客觀共同作用的結果,是在自由和不自由之間進行的,設計者不能超越自身已有經驗和所處環境提供的客觀條件限制,優秀設計者正是在掌握客觀規律基礎上得到了完全的自由,一種想像和創造的自由。網路技術主要表現為客觀因素,藝術創意主要表現為主觀因素,網頁設計者應該積極主動地掌握現有的各種網路技術規律,注重技術和藝術緊密結合,這樣才能窮盡技術之長,實現藝術想像,滿足瀏覽者對網頁信息的高質量需求。 例如,瀏覽者欣賞一段音樂或電影,以前必須先將這段音樂或電影下載回本地機器,然後使用相應的程序來播放,由於音頻或視頻文件都比較大,需要較長的下載時間。流(Stream)技術出現以後,網頁設計者充分、巧妙地應用此技術,讓瀏覽者在下載過程中就可以欣賞這段音樂或電影,實現了實時的網上視頻直播服務和在線欣賞音樂服務,無疑增強了頁面傳播信息的表現力和感染力。 網路技術與藝術創意的緊密結合,使網頁的藝術設計由平面設計擴展到立體設計,由純粹的視覺藝術擴展到空間聽覺藝術,網頁效果不再近似於書籍或報刊雜志等印刷媒體,而更接近於電影或電視的觀賞效果。技術發展促進了技術與藝術的緊密結合,把瀏覽者帶入一個真正現實中的虛擬世界。 技術與藝術的緊密結合在網頁設計藝術中體現得尤為突出。

3、網頁前端和網頁美工的區別

美工和網站前端是兩個不同的職位,兩者的職能也不一樣。美工是美術工程師(Art Engineer),一般出身於藝術美術院校的藝術設計專業居多;網頁前端是Web前端開發工程師的簡稱,是近五年才真正開始受到重視的一個新興職業。

美工和網頁前端的具體職能如下:

一、美工

根據工作性質美工一般分為平面美工、三維美工、網頁美工三大類。

平面美工是由美工用Fireworks 或者 Photoshop 設計出平面外觀;

三維美工是由美工用3DMAX等工具進行三維角色模型設計,道具模型設計,環境場景模型設計,包裝設計等;

網頁美工是美工用Dreamwerver等網頁編輯軟體把已經設計好的平面效果圖,製做成HTML靜態網頁文件。這里就要求美工用到CSS和DIV技術了,也就是所謂的切圖。

二、網頁前端

Web前端開發技術是一個先易後難的過程,主要包括三個要素:HTML、CSS和JavaScript,這就要求前端開發工程師不僅要掌握基本的Web前端開發技術,網站性能優化、SEO和伺服器端的基礎知識,而且要學會運用各種工具進行輔助開發以及理論層面的知識,包括代碼的可維護性、組件的易用性、分層語義模板和瀏覽器分級支持等。

三、總結

簡單來說,美工偏向於設計,把用戶需求轉換成設計稿;而前端開發偏向於代碼,把設計稿轉換成可運行的代碼。

4、網頁藝術設計的設計內容

設計活動中包含著主觀和客觀兩方面的因素,在確立了網頁主題之後,首先要明確和熟悉設計的對象和構成的要素。網頁藝術設計涉及的具體內容很多,可以概括為視聽元素和版式設計兩個方面。 這里所說的視聽元素,主要包括:文本、背景、按鈕、圖標、圖像、表格、顏色、導航工具、背景音樂、動態影像等。無論是文字、圖形、動畫,還是音頻、視頻,網頁設計者所要考慮的是如何以感人的形式把它們放進頁面這個「大畫布」里。多媒體技術的運用大大豐富了網頁藝術設計的表現力。
以上各視聽元素大多數瀏覽器本身都可以顯示或收聽,無需任何外部程序或模塊支持。比如,大部分瀏覽器都可以顯示GIF、JPEG圖形和GIF89a動畫。還有些多媒體文件(如MP3音樂)需要先下載到本地硬碟上,然後啟動相應的外部程序來播放。另外,在瀏覽器使用插件(Plug-in)可以播放更多格式的多媒體文件。微軟推出IE瀏覽器後,提供了基於OLE的ActiveX技術,用來在網頁中播放多媒體。ActiveX已經成為熱門技術。另一種播放多媒體的技術是JavaApplet。它是用Java語言編寫的應用於網頁之中的小應用程序,相比於插件和ActiveX,JavaApplet具有更大的靈活性和良好的跨平台能力,因此具有很好的發展前景。總之,技術的不斷發展使多媒體元素在網頁藝術設計中的綜合運用越來越廣泛,使瀏覽者可以享受到更加完美的視聽效果。這些新技術的出現,也對網頁的藝術設計提出了更高的要求。 網頁的版式設計同報刊雜志等平面媒體的版式設計有很多共同之處,它在網頁的藝術設計中占據著重要的地位。所謂網頁的版式設計,是在有限的屏幕空間上將視聽多媒體元素進行有機的排列組合,將理性思維個性化的表現出來,是一種具有個人風格和藝術特色的視聽傳達方式。它在傳達信息的同時,也產生感官上的美感和精神上的享受。
但網頁的排版與書籍雜志的排版又有很多差異。印刷品都有固定的規格尺寸,網頁則不然,它的尺寸是由讀者來控制的。這使網頁設計者不能精確控制頁面上每個元素的尺寸和位置。而且,網頁的組織結構不像印刷品那樣為線性組合,這給網頁的版式設計帶來了一定的難度。

5、網頁藝術設計的培養目標

本專業培養具備藝術設計與創作、教學和研究等方面的知識和能力,能在藝術設計教育、研究、設計、生產和管理單位從事藝術設計、研究、教學、管理等方面工作的專門人才

6、網頁設計的特點是什麼?

技術與藝術的緊密結合在網頁藝術設計中體現得尤為突出。
具體表現在以下幾個方面:

1. 交互性與持續性
即時的交互性是 Web 成為熱點的主要原因,網頁不同於傳統媒體之處。也是網頁設計時必須考慮的問題。

2. 多維性
主要體現在網頁設計中對導航的設計上。由於超級鏈接的呈現, 多維性源於超級鏈接。網頁的組織結構更加豐富,瀏覽者可以在各種主題之間自由跳轉,從而打破了以前人們接收信息的線性方式。

3. 媒體的綜合性
隨著網路帶寬的增加、晶元處置速度的提高以及跨平台的多媒體文件格式的推廣, 目前網頁中使用的多媒體視聽元素主要有文字、圖像、聲音、視頻等。

4. 版式的靈活性

以上理解,希望對你有所幫助。

國內很少公司專門培養設計師,也許這也是我國多年來不能涌現出大量的優秀設計師的原因之一吧。

7、網頁藝術設計html求簡單代碼

你看看網上都一塌糊塗啦都!問題軟體,問題網頁都有!

8、網頁設計的主要幾個特點

技術與藝術的緊密結合在網頁藝術設計中體現得尤為突出。
具體表現在以下幾個方面:

1. 交互性與持續性
即時的交互性是 Web 成為熱點的主要原因,網頁不同於傳統媒體之處。也是網頁設計時必須考慮的問題。

2. 多維性
主要體現在網頁設計中對導航的設計上。由於超級鏈接的呈現, 多維性源於超級鏈接。網頁的組織結構更加豐富,瀏覽者可以在各種主題之間自由跳轉,從而打破了以前人們接收信息的線性方式。

3. 媒體的綜合性
隨著網路帶寬的增加、晶元處置速度的提高以及跨平台的多媒體文件格式的推廣, 目前網頁中使用的多媒體視聽元素主要有文字、圖像、聲音、視頻等。

4. 版式的靈活性

以上理解,希望對你有所幫助。

國內很少公司專門培養設計師,也許這也是我國多年來不能涌現出大量的優秀設計師的原因之一吧。

與網頁藝術設計相關的知識