對任何網(wǎng)站來說，網(wǎng)頁設(shè)計都是非常重要的部分，優(yōu)秀的網(wǎng)站設(shè)計師，可以是一個Flash動畫師、平面設(shè)計師、交互設(shè)計師，更有藝術(shù)家的潛質(zhì)。優(yōu)秀的網(wǎng)頁設(shè)計，要想達到好的藝術(shù)效果，需要設(shè)計師擁有一定的藝術(shù)涵養(yǎng)，并能結(jié)合各方面的技術(shù)。

一、網(wǎng)頁設(shè)計基本內(nèi)容

1.網(wǎng)頁的構(gòu)成

網(wǎng)頁的基本構(gòu)成，分為網(wǎng)頁板塊分布、導航、視覺傳達，網(wǎng)頁設(shè)計中的傳達信息通過點線面的形式，通過點狀的網(wǎng)頁版塊兒分布，形成一個網(wǎng)頁導航，然后才形成一個視覺傳達的效果。這三者之間相互聯(lián)系和輔助，進而向網(wǎng)絡(luò)使用的受眾傳達除了視覺信息之外，更重要的其他的信息。三者之間通過技術(shù)的實踐，以及協(xié)調(diào)處理，這三者之中包括：文字、圖片、動畫等元素，來進行網(wǎng)頁更優(yōu)的呈現(xiàn)[2]。

2.網(wǎng)頁設(shè)計的表現(xiàn)形式

網(wǎng)頁的設(shè)計形式跟報紙雜志等多種平面媒體設(shè)計有很多的相同之處，在視覺傳達以及藝術(shù)效果上，都有著非同一般的呈現(xiàn)。網(wǎng)頁設(shè)計需要在一個有限的展示空間，呈現(xiàn)出圖片、文字再加上動畫的結(jié)合信息，來進行此網(wǎng)頁需要做到的視覺以及信息的傳達，設(shè)計者通過處理文字、圖片、布局以及網(wǎng)頁上需要的動畫，甚至聲音影效等，來進行理性的藝術(shù)化的排版設(shè)計，這要求設(shè)計者擁有一定的設(shè)計藝術(shù)鑒賞能力和設(shè)計技術(shù)掌握能力。

隨著網(wǎng)絡(luò)技術(shù)、電腦技術(shù)的快速發(fā)展與廣泛普及，網(wǎng)頁設(shè)計開啟了人類新的生活、新的實踐，網(wǎng)頁已經(jīng)成為網(wǎng)絡(luò)信息的表現(xiàn)和思想傳播的主要形式。而在網(wǎng)頁設(shè)計與網(wǎng)站建設(shè)的過程中，F(xiàn)lash的應用尤為重要。在網(wǎng)頁設(shè)計中適當?shù)厥褂肍lash技術(shù)，能使網(wǎng)頁呈現(xiàn)出多媒體效果，從而更加具有吸引力，增加網(wǎng)頁與瀏覽者的互動性。同時，F(xiàn)lash也逐漸依靠其諸多優(yōu)勢迅速占領(lǐng)了網(wǎng)頁設(shè)計領(lǐng)域，成為了網(wǎng)頁設(shè)計的重心。本文重在探討Flash動畫在網(wǎng)頁設(shè)計中的應用，以供同行參考。

1Flash動畫技術(shù)概述

Flash是一類矢量式圖形編輯及動畫制作應用軟件。它通過利用符號、按鈕、場景等一系列元素組合，能夠使設(shè)計者集成圖形、動畫，影像文件，音頻等各種多媒體制作素材，利用最基礎(chǔ)的元素制作出內(nèi)容豐富、形式簡潔、交互性強、極富渲染力的動畫效果。

2Flash在網(wǎng)頁設(shè)計中的應用

近幾年，F(xiàn)lash作為一種新型的設(shè)計方式和娛樂方式，已被廣泛應用于網(wǎng)頁設(shè)計中，從簡單的文字、圖片效果到復雜的Flash網(wǎng)站建設(shè)，可以說Flash所起的作用不再僅僅是增添一些漂亮的動畫，而是已經(jīng)融入到了整個網(wǎng)站的建設(shè)之中。目前Flash技術(shù)已與電視、廣告、動畫、MTV制作等緊密結(jié)合，并作為一種產(chǎn)業(yè)，逐步向音樂、電視、廣告、游戲、遠程教育等各個領(lǐng)域滲透。

2.1將Flash引入網(wǎng)頁設(shè)計的必要性

網(wǎng)頁設(shè)計的目的是提供一種功能強大、使用方便、頁面美觀的形式，讓瀏覽者能夠方便快捷地了解網(wǎng)頁所提供的信息，提升用戶體驗，并最終引導瀏覽者的行為。研究網(wǎng)頁設(shè)計信息現(xiàn)象對于網(wǎng)頁設(shè)計的發(fā)展有重要的指導意義。

一、網(wǎng)頁設(shè)計信息的概念

法國學者德盧西奧•邁耶在《視覺美學》中寫道：“一件藝術(shù)作品不是獨白而是對話?！蓖瑯樱W(wǎng)頁設(shè)計也不是設(shè)計師的個人獨白，而是與瀏覽者的對話。既然是對話，那么其中就一定有信息的交流與傳遞?？刂普摽茖W創(chuàng)始人美國數(shù)學家諾伯特•維納將信息定義為：“信息是人們在適應及控制外部世界、并且使這種適應及控制反作用于外部世界的過程中，同外部世界進行交換的內(nèi)容的名稱。”對于網(wǎng)頁設(shè)計來說，網(wǎng)頁設(shè)計信息就是網(wǎng)頁設(shè)計師（發(fā)送者）對網(wǎng)站環(huán)境進行調(diào)節(jié)與設(shè)計，并讓這種設(shè)計被網(wǎng)頁瀏覽者（接收者）所理解時產(chǎn)生的與網(wǎng)站環(huán)境進行交換的產(chǎn)物。對網(wǎng)頁設(shè)計師而言，如果感到網(wǎng)站環(huán)境有某種不確定性（如如何傳達客戶的需求及理念，如何布局網(wǎng)頁的形式等），設(shè)計師便會產(chǎn)生審美注意；當設(shè)計師通過某種途徑或方法接收到了有效信息時（這種信息可以是某種設(shè)計形式、某種設(shè)計方案等），就消除了對網(wǎng)站環(huán)境的不確定性，并完成了對設(shè)計信息的編碼。而對于網(wǎng)頁瀏覽者而言，瀏覽者對于網(wǎng)站環(huán)境感到有疑問或不確定的時候（如感興趣的資料在哪里、布局是否合理等），也會產(chǎn)生審美注意；當瀏覽者通過對信息編碼的破譯接收到了有效信息時（如在網(wǎng)頁上獲取到了需要的資料），也消除了對網(wǎng)站環(huán)境的不確定性。這樣，網(wǎng)頁設(shè)計中的設(shè)計對話和設(shè)計活動便在信息傳遞中真正形成。

二、網(wǎng)頁設(shè)計信息的層次

在網(wǎng)頁設(shè)計信息傳播的過程中，設(shè)計信息是一種多層次的復雜信息綜合體，可以分為技術(shù)信息、語義信息和審美信息三個層次。網(wǎng)頁設(shè)計的技術(shù)信息指的是信息的物質(zhì)層面或形式層面，不僅包括網(wǎng)頁設(shè)計的布局、色彩、音效、交互等信息，也包括隱藏在網(wǎng)頁背后、能夠讓網(wǎng)頁正常呈現(xiàn)及運行的網(wǎng)站編程語言，體現(xiàn)了網(wǎng)站整體知覺環(huán)境和網(wǎng)站的后臺環(huán)境。因此，技術(shù)信息就是網(wǎng)頁表現(xiàn)形式的信息。網(wǎng)頁設(shè)計的語義信息指的是信息的內(nèi)容，即單純作為語言意義的信息。這種信息不僅泛指網(wǎng)頁需要傳達的文本內(nèi)容，也包括由網(wǎng)頁布局、色彩、音效、交互等體現(xiàn)出來的設(shè)計符號、設(shè)計功能、交互體驗方式等，體現(xiàn)了網(wǎng)站的前臺環(huán)境。網(wǎng)頁設(shè)計的語義信息服從普遍邏輯，具有可理解、可翻譯為其他語言結(jié)構(gòu)的特點。

三、網(wǎng)頁設(shè)計信息的流動方式與特征

摘要：響應式網(wǎng)頁設(shè)計能夠讓網(wǎng)頁的表現(xiàn)效果達到用戶的需求，越來越多的響應式網(wǎng)頁設(shè)計被廣泛的應用。論文在闡述響應式網(wǎng)頁概念的基礎(chǔ)上，分析了響應式網(wǎng)頁設(shè)計的優(yōu)勢優(yōu)勢，給出了響應式網(wǎng)頁設(shè)計的關(guān)鍵技術(shù)。

關(guān)鍵詞：響應式設(shè)計；網(wǎng)頁開發(fā)；EthanMarcotte

1響應式網(wǎng)頁設(shè)計

近些年來，移動智能設(shè)備發(fā)展迅猛，用戶們可以在各種終端上進行訪問，如：個人電腦、平板電腦、智能手機等各種途徑進行訪問。如何能使同一個網(wǎng)站在許多不同分辨率的屏幕和設(shè)備上都可以很好的顯示出來，不會出現(xiàn)排版的混亂。EthanMarcotte在2010年提出的響應式網(wǎng)頁設(shè)計，解決了根據(jù)人的行為自動調(diào)整空間環(huán)境這一難題。響應式設(shè)計根據(jù)用戶不同的設(shè)備環(huán)境做出響應，提出了一個空間應該根據(jù)環(huán)境和存在其中的人的變化進行響應。頁面的設(shè)計與開發(fā)根據(jù)用戶的行為以及設(shè)備環(huán)境、屏幕尺寸等，能夠進行自動的響應和相應的調(diào)整，做到“一源多屏”。

2響應式網(wǎng)頁設(shè)計的優(yōu)勢

由于其便捷的功能，被越來越多的網(wǎng)頁設(shè)計師們廣泛應用，對比響應式網(wǎng)頁設(shè)計概念沒有出現(xiàn)之前的固定寬度為主的頁面布局，有很多的特點及優(yōu)勢：優(yōu)勢1，響應式網(wǎng)頁可以很好地解決移動終端設(shè)備顯示差異的問題，當用戶使用不同分辨率和屏幕大小的多種設(shè)備瀏覽響應式網(wǎng)頁時，頁面會根據(jù)屏幕尺寸，分辨率來進行重新的排版，能展現(xiàn)出更完美的顯示效果。通常情況下，網(wǎng)頁設(shè)計師想最想傳達的第一重要的內(nèi)容會第一個顯示出來，其余內(nèi)容會根據(jù)設(shè)計師其他的想法，以一種或幾種排序規(guī)則排列在屏幕外，用戶通過滑動或滾動屏幕就可以瀏覽其余信息。優(yōu)勢2，在用戶使用平板電腦、智能手機等的時候，智能設(shè)備可以根據(jù)用戶的持握方向，主動調(diào)整等用戶行為進行橫屏豎屏切換。橫屏和豎屏的切換是發(fā)生在一瞬間的，而采用響應式的網(wǎng)頁在這一瞬間也能根據(jù)不同的方向以及屏幕尺寸，做出迅速的響應，使網(wǎng)頁呈現(xiàn)出最佳的布局效果。優(yōu)勢3，采用響應式開發(fā)的頁面，可以減少維護成本，在目前人們生活中使用的的多種設(shè)備平臺上只需要一個網(wǎng)頁的開發(fā)與維護。同時，在更新網(wǎng)站數(shù)據(jù)的時候也不會出現(xiàn)多個獨立平臺的網(wǎng)頁數(shù)據(jù)更新不同步的情況。響應式網(wǎng)頁不同于多個獨立平臺的網(wǎng)頁，不會需要多個域名。

1網(wǎng)頁平面設(shè)計的特點

從技術(shù)手法來講，網(wǎng)頁設(shè)計遵循HTML標準規(guī)范。其標記式代碼構(gòu)成正是針對網(wǎng)頁視覺元素組織編排的描述語言。如規(guī)定文字、圖片的位置、大小、透明度、色彩等。通過這種標記語言，清楚的表達了設(shè)計者的創(chuàng)作意圖，使人能夠一目了然。這是一種易于借鑒、重用、修訂的設(shè)計手法。從觀者體驗來講，網(wǎng)頁相對與其他媒體更能吸引人的眼球。人們每日頻繁打開網(wǎng)站，瀏覽大量網(wǎng)頁，將其作為獲取信息的主要渠道。報紙、廣播、電視只是單向的提供信息內(nèi)容給受眾，而網(wǎng)絡(luò)卻提供了對信息進行篩選、拓展、深化的手段。網(wǎng)頁必將遠超報紙、廣播、電視在社交媒體中的作用。優(yōu)秀的網(wǎng)頁設(shè)計應該能以簡潔的布局、明確的導航、統(tǒng)一的風格、便捷的交互帶給人們流暢的瀏覽體驗。網(wǎng)頁文件大小、分辨率、瀏覽器等因素都可能影響人們的瀏覽體驗，而傳統(tǒng)的平面設(shè)計卻無需考慮媒介載體問題。

2平面構(gòu)成在網(wǎng)頁設(shè)計中的應用

平面構(gòu)成用于網(wǎng)頁設(shè)計應為信息內(nèi)容的流暢傳遞服務(wù)?！安灰研畔㈦S意的擺放在屏幕上。要把信息放在由窗口和面板構(gòu)成的背景中，窗口、面板和基本的網(wǎng)格應有一致、清晰的聯(lián)系”。遵循傳統(tǒng)平面構(gòu)成的認知，網(wǎng)頁中的信息仍可歸結(jié)為點線面的視覺元素。諸如重復、對比、漸變等構(gòu)成形式，是將視覺信息元素有序化、藝術(shù)化的必要手段。

2.1網(wǎng)頁設(shè)計中的點線面應用

點是網(wǎng)頁設(shè)計的基本構(gòu)件，是不可分割的信息元素和視覺元素，即人們?yōu)g覽網(wǎng)頁的著眼點所在。譬如超鏈接、按鈕、logo、表單輸入項、標題、列表項。依筆者所見，網(wǎng)頁中的點可以是圖片，也可以是文字；可以體現(xiàn)內(nèi)容，也可以提供交互功能。線是點的移動軌跡，是面的邊際，是不同信息內(nèi)容的板塊劃分。在網(wǎng)頁中，線具有分割、聯(lián)結(jié)、牽引、裝飾、組織等作用。在網(wǎng)頁設(shè)計中，線的作用弱于傳統(tǒng)媒介。因為網(wǎng)頁處理的多是有規(guī)則輪廓的線，有虛實之分。實線如：圖片、表格的邊框，網(wǎng)頁中專門有一個標記<hr>用來畫出橫線，以示區(qū)域間隔。虛線如：無邊框網(wǎng)頁元素的內(nèi)外間距（magin和padding），將為信息視覺元素繪制無形的邊線，將其與內(nèi)外層的元素區(qū)分開來。網(wǎng)頁并不支持無規(guī)則的線獨立完整的存在。網(wǎng)頁的結(jié)構(gòu)布局本質(zhì)上是由矩形容器，按從上到下的瀑布式排列、嵌套組合而成。橫線、豎線之外的斜線、不規(guī)則線條最終都是切割、分解到不同行列的矩形容器中拼接而成的。從瀏覽器看到的完整效果只是假象。即使通過<map>標記創(chuàng)建形狀（shap）為多變不規(guī)則形（polygon）的熱點鏈接，其所指向的圖片本身仍是處于矩形容器中。所謂的不規(guī)則鏈接區(qū)域，只是為了表征如地圖中特定地點之類的信息內(nèi)容，卻與網(wǎng)頁的布局和視覺元素實體無關(guān)。面在網(wǎng)頁中的表征，即大大小小的矩形容器。和不存在不規(guī)則的線條一樣，網(wǎng)頁結(jié)構(gòu)中也不存在不規(guī)則的面。這似乎是一個束縛平面設(shè)計師手腳的枷鎖。實際上，網(wǎng)頁設(shè)計并不排斥任何的線面形式呈現(xiàn)。瀑布式排列、嵌套組成網(wǎng)頁的虛擬矩形容器，可視為組成報紙、電子屏幕的點陣系統(tǒng)。包括線、面，甚至色彩等視覺元素都可以無礙的呈現(xiàn)在人們面前，只是其實質(zhì)的結(jié)構(gòu)受到了精密的分解和組織而已。這種組織本身就是平面構(gòu)成設(shè)計最基礎(chǔ)的重復構(gòu)成的應用。對此，火狐瀏覽器提供了三維視圖的查看工具，可以讓人更加形象的了解網(wǎng)頁中各視覺元素的層次關(guān)系。