前言:尋找寫作靈感?中文期刊網用心挑選的網頁設計中Flash動畫交互性探究,希望能為您的閱讀和創作帶來靈感,歡迎大家閱讀并分享。
摘要:在網絡信息技術發展的新時期,網頁交互動畫已經成為人們重點關注的動畫發展趨勢之一。該種動畫形式不僅已經充分滲透到了人們日常的生活與工作當中,同時也備受消費者的關注與喜愛。特別是在當前網絡傳輸速度日益加快與各網絡平臺不斷發展與優化的背景下,由于網頁可以支持更多與眾不同的設計功能,因此進一步加強網頁的互動性與觀賞性已經成為每一位設計師必須要完成的任務。
在信息爆炸的時代背景下,網頁只有具備強大的感染力與交互性才可以充分引起人們的關注,獲得更多的瀏覽量與點擊量。為此,在網頁設計中,就要借助Flash動畫技術來對網站進行設計,并制作出更加具備競爭力的動態網頁。與此同時,網頁設計人員在設計網頁時也要注意視覺文化的運用,尤其是在Flash動畫信息的策劃、制作傳播等各個環節當中,要高度重視其視覺上的美感,并根據視覺美感的法則,借助技術手段來將藝術充分地展現出來,創造出更加吸引人的Flash動畫。
一、網頁設計中Flash動畫交互性的視覺表現
站在人機界面的角度,可以將互聯網理解為一個用戶與其他用戶實現信息交流的抽象界面,而交互性就是其最為獨特的地方?;诨ヂ摼W背景下的人機交互主要是指人通過操作計算機來獲取相應的數據與信息。而在這一過程中,信息交換的形式較為多樣,如鼠標、鍵盤以及顯示屏幕上的圖形、符號、聲音與影像等[1]。而Flash網頁動畫視覺設計在互聯網人機交互中則屬于一種更為全新的形式,瀏覽者的參與性與交互性主要體現在如下兩個方面:一方面,Flash網頁動畫視覺設計是在瀏覽者交互控制的基礎上逐步進行的;另一方面,由于不同瀏覽者的交互控制情況不同,因此Flash網頁動畫視覺設計的發展方向并不是很明確,且會在很大程度上受觀者的影響[2]。為此,在網絡時代不斷開放的背景下,復雜的交互行為就會直接影響到瀏覽者的感受,而簡單的交互方式則可以顯著改變網頁設計的動態視覺效果。例如,大眾公司在專門設計邁騰汽車的動態網站時,就充分應用了導航與汽車方向盤這種交互形式。這不僅可以給人帶來耳目一新的視覺感受,同時也能夠讓使用者在導航選擇操作的過程中體會到轉動方向盤的感覺。特別是對于愛車族的瀏覽者來說,虛擬化的交互方式可以大大提高瀏覽者在瀏覽網頁過程中的樂趣,并給瀏覽者留下更為直觀與深刻的印象。
二、Flash網頁動畫視覺設計交互方式的設計原則
根據多年的Flash網頁動畫視覺設計經驗,筆者認為,Flash網頁動畫視覺設計交互方式的設計原則主要體現在如下幾點:第一,要建立結構清晰的導航系統。分析部分信息結構較為復雜的網站能夠發現,其網頁中都含有用途不同的層級導航,因此就可以充分借助Flash技術的特點與優勢,對其動畫表現形式與鼠標響應行為進行合理的設計,以此來構建層次分明的導航系統。第二,設計的交互方式要便于人們學習與掌握。具體來講,Flash網頁動畫視覺設計與瀏覽者的交互過程實際就是瀏覽者參與故事的一個過程,在此期間,瀏覽者也可以創造屬于自己的故事。為此,對于Flash網頁動畫視覺設計來講,其交互行為設計一定要更為直觀,以便于瀏覽者的操作。第三,網頁設計人員在進行Flash網頁視覺設計時,不僅要充分考慮到廣大受眾的實際心理需求,同時也要充分突出動態藝術表現的娛樂性,盡量在輕松活潑的動態設計中達到娛樂大眾的目的[3]。在2008年,阿迪達斯在就將一期以“2008沒有不可能”為主題的網絡廣告投放到了搜狐網上,廣告中的卡通人物身著紅色啦啦隊服裝,十分具有中國風的韻味。同時,廣告中的卡通人物通過不斷地變換隊形組成了各種各樣的圖形字樣,如擴音喇叭、2008、領獎服等,再搭配上背景板中的文字翻板變化,這就會給人帶來一種詼諧、新穎的感受。
三、Flash動畫設計中視覺運用的基本法則
(一)色差對比和整體和諧相統一。色彩設計主要有兩大原則,第一大原則就是對比,具體來講就是將差異較大的兩大色塊物體放在一起,造成視覺沖擊,以此來提高畫面的豐滿程度與生機感。例如,我們日常生活中常見的黑與白、紅與綠、藍與紅等色彩搭配,將這些差異較大的色彩拼湊到一起就可以在第一時間給人帶來色彩上的沖擊。而第二大原則就是和諧,就是要嚴格遵循色彩相近原理與色彩搭配和諧原理,詳細來講就是將物體與顏色相似的物體合理地放置在一起。其中,色彩搭配和諧原理就是要通過空間范圍的不同比例與大小來增強色彩間的舒適美感。在具體設計時,要通過調整形狀的差異、物體空間的大小、線條的曲直與疏密等來增強物體對整體布局的適應性,提升布局整體的和諧性、生命力與色彩自身的沖擊力。而色彩相近原理則是指人的眼睛在生理上就會對相近的色彩進行優先處理[4]。
(二)分清主次,抓住重點。站在哲學原理的角度來講,對某個事物本身進行看待時要分清主次矛盾,抓重點。將這一原理應用到Flash動畫設計當中也十分適用,同樣也分主要內容與次要內容,重點內容與非重點內容。例如,我們生活中常見的購物網站——“聚美優品”,其官方網站就將主流與支流分得很清楚,且將主流內容放在視覺的最優位置處,即視覺中心[5]。其中所說的主流內容具體就是指該網站主要宣傳的產品——化妝品。而其他種類的產品則為非主流內容,且處于從屬地位。主次分明的網頁設計不僅可以給人營造出一種統一與完整的感覺,同時也能夠充分突出網站設計的個性化特點。
(三)視頻節奏和韻律相統一。在設計Flash動畫時,設計人員更加重視節奏與韻律的統一。其中,節奏就是指機械美、規律美;而韻律則是指變化美與靈動美。規律的節奏與變化的韻律進行有效的結合可以產生不同形式的美感。這種美感既不與節奏整齊劃一的機械美相同,同時也與韻律的變化交替的靈動美存在著一定的差異。因此,將視頻節奏與韻律恰當地結合起來,充分應用到網頁設計當中,可以大大增強Flash動畫的獨特美感。
(四)特殊藝術手法——留白。在我國古代的山水繪畫當中,留白屬于一種較為特殊的手法。其主要是指在重點表現的主體當中,留下一部分空白,再借助這部分空白來起到反襯主體的作用,進而大大增加畫面的想象力與視覺的吸引力,豐富其涵義與意義。近些年來,隨著技術文化的高度融合,將留白這種較為特殊的藝術手法合理應用到Flash動畫的設計當中,不僅可以有效調整網頁畫面整體的復雜感,增強畫面的飽和度,同時也能夠更加有效地引導用戶思維,進一步拓展用戶的想象空間。日本著名的網頁設計師——加藤純一在網頁設計中就充分利用了“留白”這種特殊的手法,主張畫面的主要構成要素與強調物體的周圍留白要借助其他因素來大大增強畫面的生動性與活潑性。同時,這也在一定程度上促使留白這種特殊的藝術手法在網頁設計中的應用更為成熟,且能夠進一步增強網頁設計中Flash動畫交互性的視覺表現。
四、結束語
總而言之,作為網頁設計的關鍵組成部分,Flash動畫已經得到了網站創建者的高度重視與充分應用。在當前背景下,想要充分發揮Flash動畫在網頁設計中的特性,就要從多個不同的角度進行分析,盡可能地創造一個最佳的視覺語言形式,以此來充分展示設計人員的設計理念,表達設計人員的藝術主張。
參考文獻
[1]譚昊琳.網頁設計中的Flash動畫視覺語言研究[J].數字技術與應用,2020,38(3):144-145.
[2]高旭,孫立剛.網頁設計中Flash動畫交互性的視覺表現研究[J].藝術科技,2019,32(6):94.
[3]宋翔.網頁設計中的Flash動畫視覺語言研究[J].科技展望,2016(19):16.
[4]王明菊.網頁設計中Flash動畫的視覺運用探究[J].信息與電腦,2016(14):129-130.
[5]邢蕾.網頁設計中的Flash動畫視覺語言研究[J].信息與電腦,2016(20):161-162.
作者:任碧俠 單位:肇慶市技師學院