Flash動態網站架構中的設計訴求
孫劍鋒
【摘 要】在網絡帶寬不斷增加的今天,Flash動態網站已經成為網站設計的未來趨勢,同時也是多媒體網頁設計的最佳解決方案,本文通過探討Flash動態網站架構的過程和要求,提供一些建站教學的新思路。
【關鍵詞】Flash 動態網站 設計 要求
互聯網(Internet)的出現,實現了人類地球村的夢想,但宛如一個新生的嬰兒,一出現就有其與生俱來的缺點:傳統的靜態(HTML)網頁,供用戶查閱的信息只能是文字和靜止圖像。阻礙了用戶體驗和感受到網絡上多媒體的互動效果。
Flash動態網站是針對多媒體網頁設計脫穎而出的一個新型解決方案。它使用矢量繪制圖像,它的最終文件可以以“流式”的輸出在網頁中播放。Flash動態網站動畫文件小,互動功能強。它給網頁設計帶來的無限生機。
一、現代網頁設計的目的和要求
隨著互聯網知識的普及,讓更多人對網站設計有了一定了解。但很多人仍舊不十分明確的了解網站能做什么,建設網站的目的是什么,要做怎樣的網站,能從網站中得到什么。隱患最深的是,大多數企業網站的策劃和運作都存在問題,在客戶的概念里,這樣的東西就是網站了。如果這樣的網站無法給客戶帶來直接或間接“好處”,那么網頁設計就成了沒有任何意義的工作。現代網頁設計的目的和要求到底是什么呢?一句話:互聯網要給企業帶來利潤。
二、Flash動態網頁發展的現狀及優勢
1.現狀及趨勢
Flash動態網頁設計從業人員相當少,行業缺口很大。
在國外,眾多大公司如:IBM、 Shell、 Hp、 Sony等爭相用以加強自己公司主頁的形象和更強大的互動功能。而國內的動態網站發展相對較慢。
由于網絡帶寬的不斷提高,Flash動態網頁以其具備的聲音、動態圖像等多媒體優勢,會在不遠的將來完全替代靜態(HTML)網頁。
2.優勢
(1)更加專業、漂亮的設計:Flash動態網頁有專業的設計工具,也可導入用其他點陣和矢量繪圖軟件繪制的專業級圖形,并生成SWF格式,通過網頁瀏覽器瀏覽和播放。
(2)靈活性:有完美的、全面的網絡無縫接口設計工具,利用它可以創造全屏的動畫,導航按鈕、地圖、動畫按鈕、圖形及廣告條。另外,可以自動生成數據引擎以及基于服務器的圖形和動畫,可以創建圖形模版,該模版將在以后由服務器自動更新數據內容,這樣就將專業的動畫設計和服務器的靈活性有機地結合起來。
(3)快速性:邊下載邊播放,Flash動態網頁以“流”的方式打破了帶寬的局限,即使是在網絡狀況很差的時候也無需長時間等待。
(4)壓縮技術:使用矢量技術使得產生的網頁文件非常小,即使當網頁在全屏幕播放時也是如此。同時Flash動態網頁提供的Shockwave Flash插件也非常小,小于170KB。
(5)交互性:任何的圖形和動畫都能變成按鈕,最大化的滿足網頁設計者的新想法、新創意。Flash動態網頁是在網絡上創建交互性多媒體的最先進的技術。
(6)通用性:支持多種播放標準和平臺,包括ActiveX、Glf、animated Gif、RealPlayer、網絡在線電視以及更多的平臺。 三、Flash動態網站的設計要求
1.網頁形式與設計
(1)導航菜單設計
導航菜單設計是Flash動態網頁瀏覽的基礎。簡潔、有效的導航菜單,可以使瀏覽者迅速而高效的找到所需要的信息。導航的形式有側邊式、上端式、懸浮式、隱藏式等。導航的藝術性與可用性是具有藝術美感的導航會使瀏覽者的瀏覽過程變得豐富而富有趣味。導航菜單的設計還要注意簡潔,易用。設計導航菜單的時候,可以假如一些小聲音、小動畫來豐富瀏覽體驗。
(2)網頁版式設計及風格
Flash動態網頁往往包含的信息量很大,元素也很多。但由于Flash動態網頁的超鏈接特征,使它的空間可以無限擴展。設計者通常把產品或服務的不同賣點分別集中在不同的路徑之中,在細化的動態分頁中可以根據次主題的不同,對各個構成元素的空間進行多樣化安排。
Flash動態網頁上的三維空間是一個假想空間,它是由無數個具體的二維平面空間組成的虛擬世界。這些二維的平面空間就是網頁。二維平面的空間是借助各個構成元素的比例關系、位置關系以及動靜變化等空間因素表現出來的。各個元素的形象的彎曲變化、大小變化、色彩變化、位置的前后疊壓、紋理的漸變、元素之間清晰與模糊的對照以及透視法的應用、疏密的變化、矛盾空間等所產生的視覺效果都不相同,都能豐富平面的視覺深度,使之產生富有彈性層次的空間效果。空間設計在作用于瀏覽者的視覺感受的同時,也產生不同的心理感受,增加畫面的注目率。一般政府類和商業類的網站的空間安排往往注重條理化,分層分級的簡潔明快;媒體類以及個人類網站則追求時尚的或出人意料的、或神秘的、或非常態的個性化空間效果。
(3)色彩設計
Flash動態網頁色彩搭配既是一項技術性工作,同時它也是一項藝術性很強的工作,因此,設計者在設計網頁時除了考慮網站本身的特點外,還要遵循一定的藝術規律,從而設計出色彩鮮明、性格獨特的網站。網頁設計雖然屬于平面設計的范疇,但它又與其它平面設計不同,它在遵從藝術規律的同時,還考慮人的生理特點,色彩搭配一定要合理,給人一種和諧、愉快的感覺,避免采用純度很高的單一色彩,這樣容易造成視覺疲勞。
一個頁面的色彩設計盡量不要超過4種色彩,用太多的色彩讓人沒有方向,沒有側重。當主題色確定好以后,考慮其它配色時,一定要考慮其它配色與主題色的關系,要體現什么樣的效果。另外哪種因素占主要地位,是明度,純度還是色相。
2.Flash Action——動態網站的魔力
Flash Action已經成為了重要的設計輔助手段,很多意想不到的動態效果、實時計算都是由Action來完成,靈活運用Flash Action會使你的動態網站設計達到“質”的飛躍。
3.優化動態網站
在Flash動態網站的設計過程中,合理運用嵌套技巧,會使設計效果事半功倍。在當前的網絡狀況下,使動態網站的文件盡可能的縮小,對于減輕瀏覽者等待的“厭煩心理”是十分有效的,從而培養更多的網站瀏覽用戶群。
動態網頁設計作為一個新興的網頁設計手段,在信息極度豐富、網絡帶寬不斷提高的當代,已經成為網頁設計的未來。我們也不斷看到,動態網頁設計由于具備了多方面的接口優勢,越來越成為數碼設計中涉及領域最廣、應用項目最多、就業前景廣闊的設計藝術。
雖然現在的動態網頁設計的現狀有吞沒設計者個性的趨勢,但是同樣這個時代也是一個追求形式上的創新和開拓的時代。一個勇敢的同傳統勢力、同形式主義相抗衡的時代。每一個有理想有抱負的設計者都有理由在這樣的狀況下運用自己的能力,開辟出一片新的網頁設計道路。如何使中國的動態網頁設計水平提高是擺在很多網頁設計者面前的問題。
[1]Adam M..Boyd;Natasha Bruce. What Goes into Good Web Design, 2008.
[2][美]克魯格.訪客至上的網頁設計秘笈.機械工業出版社,2006.