2021-4-10 | 藝術理論
一、緒論
Flash網站設計是指用用Flash軟件制作的網站,網頁內容多數甚至全部是flash。Flash是一種創作工具,設計人員和開發人員可使用它來創建演示文稿、應用程序和其它允許用戶交互的內容。Flash特別適用于創建通過Internet提供的內容,因為它的文件非常小。
本動漫網站的設計特點:構架是以flash為主要框架頁面,結合一般的html網頁構成;風格為主體顏色為棕色,有金屬感、復古感。頁面間切換時有動畫效果,菜單、按鈕、目錄等也做了動態效果。主頁共分迷你游戲、賞漫軟件、精品動畫、酷站導航、酷炫漫畫、關于作品等六個導航按鈕,每一個導航按鈕指向一個具有獨立內容的子頁面。
二、網站涉及的開發工具與開發語言
(一)網站使用的開發工具
AdobePhotoshopCS2:作為圖形圖像處理軟件,在falsh網站設計時一些圖片素材如背景圖片、按鈕、LOGO等在載入flash庫前有必要用Photoshop做適當的處理。
MacromediaFlash8.0Pro:該軟件增強了為移動設備開發的功能,方便創建FlashWeb增強的網絡視頻,配合其內置的ActionScript2.0能夠完美實現網站設計中所需要的各種動態效果和交互效果,而我此次所做的flash網站就是在MacromediaFlash8.0Pro的環境下制作。
AdobeDreamweaverCS3:Dreamveaver是一款功能強大的網站制作和維護工具,利用Dreamveaver能夠實現所見即所得式的網頁制作制作方式,只需像Word一樣編輯頁面,Dreamveaver會在后臺自動生成其相應的HTML語句。在設計flash網站是我們會利用Dreamveaver設計一些簡單的頁面配合flash設計的網站主體形成更加內容豐富、更加具有實用性的網站。
(二)網站開發語言
ActionScript2.0:ActionScript是用來向Flash應用程序添加交互性的語言,此類應用程序可以是簡單的SWF動畫文件,也可以是更復雜的功能豐富的Internet應用程序。
HTML:HTML文件是用ASCLL代碼編寫成的,可以保存為最簡單的TXT文本文件,這樣用任何一個文字處理軟件都可以進行編寫,這也是他能夠迅速迅速普及,并十分受歡迎的一個原因。
三、網站設計中的各種技術解析
(一)主頁界面設計解析
1、flash網站加載時的進度條設計。
2、網站LOGO與站名設計
網站LOGO設計:(1)新建圖形元件“元件42”;(2)利用矩形工具建立一個白色矩形,在矩形正中建立一稍小些的背景色矩形形成白色矩形框;(3)利用任意變形工具將白色矩形框變形成為白色平行四邊形框。用線條工具進行分割裁剪,旋轉變換得到要設計的網站LOGO。
站名設計:(1)新建圖形元件“元件17”;(2)利用文本工具輸入本站名稱“動漫主題網站”,另起一行輸入網址;(3)選中站名將字體字號設,進行屬性設計。3、網站導航條的設計(1)新建圖形元件“元件22”,作為導航條背景;(2)建立6個圖形元件分別在各元件中設計各導航按鈕文字;(3)給每個按鈕附加動作。
4、進入主頁界面前動態效果設計
(1)新建圖形元件“元件29”,創建長條圖行,作為三個小窗口推薦酷站、本站作品、站內更新的上框;(2)新建圖像元件,在其上創建與小窗口等大的白色和背景色的矩形色塊,在不同圖層中各小窗口的上框和窗體依次在時間軸上載入并做形狀補間動畫;(3)導航條、網頁頭尾的圖片條以相同方式在時間軸上依次載入并做形狀補間效果,就可以完全載入主頁界面獲得完整的主頁框架界面。
5、進入主頁時的音效設置:(1)挑選合適的音效載入庫中;(2)選擇適當的音效添加到時間軸上的適當位置,使動態效果更具表現力。
(二)“迷你游戲”flash子頁面設計
子頁面載入特效設計:子頁面載入特效在多個頁面中都有應用,此處的特效所采用的技術是依次在時間軸的適當位置利用圖形元件的alpha值、亮度的調節及形狀的改變做成補間動畫來實現的。
(三)“賞漫軟件”flash子頁面設計:“賞漫軟件”目錄的制作,賞漫軟件目錄的制作大體上與游戲目錄相仿,所不同的是不需要轉換和滑動,也就比游戲目錄要好做多,同時目錄中軟件按鈕的制作也和游戲目錄中按鈕一樣,按鈕附加動作代碼:on(press){unloadMovieNum(3);loadMovieNum("此處最好填所連接swf文件的相對位置",2);};賞漫軟件的圖片文字介紹部分制作,該部分是以一個小的swf文件單獨存在的,在點擊軟件按鈕時會載入相應的swf文件在界面的適當位置。
(四)“精品動畫”flash子頁面設計:“精品動畫”flash子頁面是一個與前幾個子頁面略有不同的子頁面,頁面的設計風格與前幾個頁面有些許差異,不規則的背景使得頁面整體顯得翹起生動。
四、結論
Flash網站具有設計精美,擁有更多聲效、動畫、流媒體剪輯、美術效果及兼顧互動性等特征,非常適合公司作在線產品展示。制作全Flash網站和制作html網站類似,事先應先在紙上畫出結構關系圖,Flash網站基本以圖形和動畫為主,所以比較適合做那些文字內容不太多,以平面、動畫效果為主的應用。