導航:首頁 > 萬維百科 > 藝術角度的一套網頁設計

藝術角度的一套網頁設計

發布時間:2020-09-11 05:50:15

1、怎樣設計網頁中套網頁?

你可以使用框架網頁;或者使用iframe
框架網頁裡面標記出main框架,和frame1;
然後在main框架網頁中的鏈接a做成如下形式:
<a href="aa.html" target="frame1">aa.html</a>

2、一個成功的網頁設計

一個成功的網頁設計

說到網頁設計,很多人的理解似乎都停留在網頁製作的層面上。其實不然,網頁設計是一個感性思考與理性分析相結合的復雜的過程,它的方向取決於設計的任務,它的實現依賴於網頁的製作。正所謂"功夫在詩外",網頁設計中最重要的東西,並非在軟體的應用上,而是在我們對網頁設計的理解以及設計製作的水平上,在於我們自身的美感以及對頁面的把握上。

一、設計的任務

設計是一種審美活動,成功的設計作品一般都很藝術化。但藝術只是設計的手段,而並非設計的任務。設計的任務是要實現設計者的意圖,而並非創造美。

網頁設計的任務,是指設計者要表現的主題和要實現的功能。站點的性質不同,設計的任務也不同。從形式上,可以將站點分為以下三類。

第一類是資訊類站點,像新浪、網易、搜狐等門戶網站。這類站點將為訪問者提供大量的信息,而且訪問量較大。因此需注意頁面的分割、結構的合理、頁面的優化、界面的親和等問題。

第二類是資訊和形象相結合的網站,像一些較大的公司、國內的高校等。這類網站在設計上要求較高,既要保證資訊類網站的上述要求,同時又要突出企業、單位的形象。然而就現狀上來看,這類網站有粗製濫造的嫌疑。

第三類則是形象類網站,比如一些中小型的公司或單位。這類網站一般較小,有的則有幾頁,需要實現的功能也較為簡單,網頁設計的主要任務是突出企業形象。這類網站對設計者的美工水平要求較高。

當然,這只是從整體上來看,具體情況還要具體分析。不同的站點還要區別對待。別忘了最重要的一點,那就是客戶的要求,它也屬於設計的任務。

明確了設計的任務之後,接下來要想的就是如何完成這個任務了。

二、設計的實現

設計的實現可以分為兩個部分。第一部分為站點的規劃及草圖的繪制,這一部分可以在紙上完成。第二部分為網頁的製作,這一過程是在計算機上完成的。設計首頁的第一步是設計版面布局。我們可以將網頁看作傳統的報刊雜志來編輯,這裡面有文字、圖像乃至動畫,我們要做的工作就是以最適合的方式將圖片和文字排放在頁面的不同位置。 除了要有一台配置不錯的計算機外,軟體也是必需的。不能簡單地說一個軟體的好壞,只要是設計者使用起來覺得方便而且能得心應手的,就可以稱為好軟體。當然,它應該能滿足設計者的要求。常用的軟體是Macromedia的Dreamweaver、Fireworks、Flash以及Adobe的Photoshop、imageready,這些都是很不錯的軟體。 接下來我們要做的就是通過軟體的使用,將設計的藍圖變為現實,最終的集成一般是在Dreamweaver里完成的。雖然在草圖上,我們定出了頁面的大體輪廓,但是靈感一般都是在製作過程中產生的。設計作品一定要有創意,這是最基本的要求,沒有創意的設計是失敗的。在製作的過程中,我們會碰到許多問題,其中最敏感的莫過於頁面的顏色了。

三、色彩的運用

色彩是一種奇怪的東西,它是美麗而豐富的,它能喚起人類的心靈感知。一般來說,紅色是火的顏色,熱情、奔放;也是血的顏色,可以象徵生命。黃色是明度最高的顏色,顯得華麗、高貴、明快。綠色是大自然草木的顏色,意味著純自然和生長,象徵安寧和平與安全,如綠色食品。紫色是高貴的象徵,有莊重感。白色能給人以純潔與清白的感覺,表示和平與聖潔。 我們知道,顏色是光的折射產生的,紅、黃、藍是三原色,其它的色彩都可以用這三種色彩調和而成。換一種思路,我們可以用顏色的變化來表現光影效果,這無疑將使我們的作品更貼近現實。

色彩代表了不同的情感,有著不同的象徵含義。這些象徵含義是人們思想交流當中的一個復雜問題,它因人的年齡、地域、時代、民族、階層、經濟地區、工作能力、教育水平、風俗習慣、宗教信仰、生活環境、性別差異而有所不同。

單純的顏色並沒有實際的意義,和不同的顏色搭配,它所表現出來的效果也不同。比如綠色和金黃、淡白搭配,可以產生優雅,舒適的氣氛。藍色和白色混合,能體現柔順、淡雅、浪漫的氣氛。紅色和黃色、金色的搭配能渲染喜慶的氣氛。而金色和粟色的搭配則會給人帶來暖意。設計的任務不同,配色方案也隨之不同。考慮到網頁的適應性,應盡量使用網頁安全色。

但顏色的使用並沒有一定的法則,如果一定要用某個法則去套,效果只會適得其反。經驗上我們可先確定一種能表現主題的主體色,然後根據具體的需要,應用顏色的近似和對比來完成整個頁面的配色方案。整個頁面在視覺上應是一個整體,以達到和諧、悅目的視覺效果。

四、造型的組合

在網頁設計中,我們主要通過視覺傳達來表現主題。在視覺傳達中,造型是很重要的一個元素。拋去是圖還是文字的問題,畫面上的所有元素可以統一作為畫面的基本構成要素點、線、面來進行處理。在一幅成功的作品裡,是需要點、線、面的共同組合與搭配來構造整個頁面的。

通常我們可以使用的組合手法有秩序、比例、均衡、對稱、連續、間隔、重疊、反復、節奏、韻律、歸納、變異、特寫、反射等等,它們都有各自的特點。在設計中應根據具體情況,選擇最適合的表現手法,這樣有利於主題的表現。

通過點、線、面的組合,可以突出頁面上的重要元素,突出設計的主題,增強美感,讓觀者在感受美的過程中領會設計的主題,從而實現設計的任務。 造型的巧妙運用不僅能帶來極大的美感,而且能較好地突出企業形象,而且能將網頁上的各種元素有機的組織起來,它甚至還可以引導觀者的視線。

五、設計的原則

設計是有原則的,無論使用何種手法對畫面中的元素進行組合,都一定要遵循五個大的原則:統一、連貫、分割、對比及和諧。

統一,是指設計作品的整體性,一致性。設計作品的整體效果是至關重要的,在設計中切勿將各組成部分孤立分散,那樣會使畫面呈現出一種枝蔓紛雜的凌亂效果。 連貫,是指要注意頁面的相互關系。設計中應利用各組成部分在內容上的內在聯系和表現形式上的相互呼應,並注意整個頁面設計風格的一致性,實現視覺上和心理上的連貫,使整個頁面設計的各個部分極為融洽,猶如一氣呵成。

分割,是指將頁面分成若干小塊,小塊之間有視覺上的不同,這樣可以使觀者一目瞭然。在信息量很多時為使觀者能夠看清楚,就要注意到將畫面進行有效的分割。分割不僅是表現形式的需要。換個角度來講,分割也可以被視為對於頁面內容的一種分類歸納。

對比就是通過矛盾和沖突,使設計更加富有生氣。對比手法很多,例如:多與少、曲與直、強與弱、長與短、粗與細、疏與密、虛與實、主與次、黑與白、動與靜、美與丑、聚與散等等。在使用對比的時候應慎重,對比過強容易破壞美感,影響統一。

和諧是指整個頁面符合美的法則,渾然一體。如果一件設計作品僅僅是色彩、形狀、線條等的隨意混合,那麼作品將不但沒有"生命感",而且也根本無法實現視覺設計的傳達功能。和諧不僅要看結構形式,而且要看作品所形成的視覺效果能否與人的視覺感受形成一種溝通,產生心靈的共鳴。這是設計能否成功的關鍵。

六、網頁的優化

在網頁設計中,網頁的優化是較為重要的一個環節。它的成功與否會影響頁面的瀏覽速度和頁面的適應性,影響觀者對網站的印象。

在資訊類網站中,文字是頁面中最大的構成元素,因此字體的優化顯得尤為重要。使用css樣式表指定文字的樣式是必要的,通常我們將字體指定為宋體,大小指定為12px,顏色要視背景色而定,原則上以能看清且與整個頁面搭配和諧為准。在白色的背景上,我們一般使用黑色,這樣不易產生視覺疲勞,能保證瀏覽者較長時間地瀏覽網頁。

圖片是網頁中的重要元素。圖片的優化可以在保證瀏覽質量的前提下將其size降至最低,這樣可以成倍地提高網頁的下載速度。利用Photoshop或Fireworks可以將圖片切成小塊,分別進行優化。輸出的格式可以為gif或jpeg,要視具體情況而定。一般我們把有較為復雜顏色變化的小塊優化為jpeg,而把那種只有單純色塊的卡通畫式的小塊優化為gif,這是由這兩種格式的特點決定的。

網頁的適應性是很重要的,在不同的系統上,不同的解析度下,不同的瀏覽器上,我們將會看到不同的結果,因此設計時要統籌考慮。一般我們在800*600下製作網頁,最佳瀏覽效果也是在800*600解析度下,在其它情況解析度下只要保證基本一致,不出現較大問題即可。

3、藝術眼光 網頁設計!

簡單評論一下,我是做這一行的!
任何一個網站都有他的優缺點
優點:布局還行,沒有亂,看起來有些門戶網站的味道!
色調也還不錯,比較統一,沒有太花太亂的感覺!
缺點:細節性東西處理的不到位,可能是時間緊迫,來不及做深入細致的調整!
有些圖片設計的不夠精美。整體排版上沒什麼問題,就是顯得很擁擠!既然是文字居多的網站,應該從瀏覽者的角度出發,沒必要排的慢慢的。
總體來說:處於中等水平網站,稍作潤色可以中上等!
建議:以後設計網站,多參考以下同類的網站的排版,色調,布局以及細節性調整!

4、設計一套網頁要多少錢

你要一個網頁 做什麼嗎 ?網站可不是一個網頁能解決的。除非你做 推廣頁面 。或者專題頁面 ? 我知道一個網站的 價格 。如果單從設計 這方面談起的話 , 風格 樣式 圖形 排版 顏色 優化,綜合起來 需要 幾千 到幾萬元。甚至有的 設計一個 logo 就需要 幾千元 。
現在有些做網站,根本就不懂,便宜的 幾百元 到兩三千元 包括主機域名的 這些網站 ,那都是提前做好的 。有的 都是 模仿別人的網站。不需要自己設計 。
希望能幫助到你,還請及時採納謝謝!
祝生活愉快!

5、網頁藝術設計的設計特點

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

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

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

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

4. 版式的靈活性

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

6、簡述網頁設計的風格有哪些

網路營銷的角度看,現在的企業網站設計水平並不高。網站是企業的理念體現,是網路營銷的基礎。在網站的設計中,既要考慮的商業性,又考慮到藝術性,網站是商業性和藝術性的結合,同時網站也是一個企業文化的載體,通過視覺的元素,承接企業的文化和企業的品牌,好的網站設計,有助於企業樹立好的社會形象,也能比其他的傳播媒體更好的更直觀的展示企業的產品和服務。所以這些網站不僅是商業性和藝術性,它也是一個企業文化和品牌的載體。只有提高到這樣的高度,才能把網站設計好。

7、簡單的網頁設計

網頁設計是一種建立在新型媒體之上的新型設計。它具有很強的視覺效果、互動性、互操作性、受眾面廣等其它媒體所不具有的特點,它是區別於報刊、影視的一個新媒體。它既擁有傳統媒體的優點,同時又使傳播變得更為直接、省力和有效;為了適應當今時代發展,必須增加藝術設計院校的網頁設計課程;為了更好的體現網頁這一新型設計的特點,將它和傳統媒體進行比較,了解它的優勢所在;一個成功的網頁設計,首先在觀念上要確立動態的思維方式,其次,要有效地將圖形引入網頁設計之中,增加人們瀏覽網頁的興趣,在崇尚鮮明個性風格的今天,網頁設計應增加個性化因素。
網頁設計 什麼是網頁設計?
網頁美術設計(也稱網站美術、美工設計)從某種意義上來說可以稱為「eye ball work」,網頁的美術創作要能充分吸引訪問者的注意力,讓訪問者產生視覺上的愉悅感。因此在網頁創作的時候就必須將網站的整體設計與網頁設計的相關原理緊密結合起來。在某種意義上,網站美術設計是網站成功的主要因素。
網頁美術設計與網站整體形象一致,符合藝術規范和網站標准,著重注意網頁色彩(主色調和次色調)、圖片的應用及版面規劃,保持網頁的整體一致性。

網頁設計 網頁設計與網頁製作的區別
網頁設計是將策劃案中的內容、網站的主題模式,以及結合自己的認識通過藝術的手法表現出來;而網頁製作通常就是將網頁設計師所設計出來的設計稿,按照W3C規范用html語言將其製作成網頁格式。這就相當於一個干腦力活,一個是干體力活,但是一個優秀的網頁設計師對著兩到工序都是十分了解的,因為他要知道自己的設計稿,是否會為網頁製作人員製作頁面帶來麻煩。網頁製作包括兩個部分:

1.UI(User Interface,用戶界面):UI的意思是用戶界面,是英文User Interface的縮寫。既瀏覽者在瀏覽網頁時,通過視覺所能觀察到的一切事物,這些都是需要設計的部分,在互聯網行業,做界面設計的人被貶義的稱為「美工」。

其實我們一開始接觸電腦時就應該對UI有很深的認識,從最早的DOS操作系統到Windows 1.0,再到Windows XP。我們開機所看到的就叫用戶界面,DOS操作系統黑底白字的文本界面,Windows XP的經典藍色界面,這些都是用戶界面的發展歷程。從簡單到復雜,從庸俗到華麗,也證明了用戶界面設計越發成熟。

2.UE(User Experience,用戶體驗):UE的意思是用戶體驗,英文叫做User Experience,縮寫為UE, 或者UX。是指一個瀏覽者在訪問一個網站或者使用一個產品時的印象和感受,對網站的布局、色彩、功能、感覺是否滿意,在第一次訪問離開後是否還想再回訪,是否能發現明顯的Bug(既網站在瀏覽過程中出現的錯誤)。

8、網頁設計的藝術性,提供點資料。謝謝

網頁設計的藝術內容 設計活動中包含著主觀和客觀兩方面的因素,在確立了網頁主題之後,首先要明確和熟悉設計的對象和構成的要素。網頁藝術設計涉及的具體內容很多,可以概括為視聽元素和版式設計兩個方面。
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)技術出現以後,網頁設計者充分、巧妙地應用此技術,讓瀏覽者在下載過程中就可以欣賞這段音樂或電影,實現了實時的網上視頻直播服務和在線欣賞音樂服務,無疑增強了頁面傳播信息的表現力和感染力。 網路技術與藝術創意的緊密結合,使網頁的藝術設計由平面設計擴展到立體設計,由純粹的視覺藝術擴展到空間聽覺藝術,網頁效果不再近似於書籍或報刊雜志等印刷媒體,而更接近於電影或電視的觀賞效果。技術發展促進了技術與藝術的緊密結合,把瀏覽者帶入一個真正現實中的虛擬世界。 技術與藝術的緊密結合在網頁設計藝術中體現得尤為突出。

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

網頁設計的藝術內容 設計活動中包含著主觀和客觀兩方面的因素,在確立了網頁主題之後,首先要明確和熟悉設計的對象和構成的要素。網頁藝術設計涉及的具體內容很多,可以概括為視聽元素和版式設計兩個方面。 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)技術出現以後,網頁設計者充分、巧妙地應用此技術,讓瀏覽者在下載過程中就可以欣賞這段音樂或電影,實現了實時的網上視頻直播服務和在線欣賞音樂服務,無疑增強了頁面傳播信息的表現力和感染力。 網路技術與藝術創意的緊密結合,使網頁的藝術設計由平面設計擴展到立體設計,由純粹的視覺藝術擴展到空間聽覺藝術,網頁效果不再近似於書籍或報刊雜志等印刷媒體,而更接近於電影或電視的觀賞效果。技術發展促進了技術與藝術的緊密結合,把瀏覽者帶入一個真正現實中的虛擬世界。 技術與藝術的緊密結合在網頁設計藝術中體現得尤為突出。

與藝術角度的一套網頁設計相關的知識