網頁設計中文字動態表現形式的研究

王志超　韓冰

摘 要：計算機信息技術的不斷發展給多媒體帶來了新的發展機遇與挑戰，網頁設計脫離了靜態設計的禁錮，在動畫與超文本興起與發展的推動中開始增加了動態和時間的維度，以及在閱讀方式上呈現出了超越邊緣的空間。現目前文字在網頁設計中的動態表現形式要求以動態的方式、時空的概念來使用和觀看文字，對于設計者來說則是極大的挑戰。

關鍵詞：網頁設計 文字設計 動態表現形式

中圖分類號：TP393 文獻標識碼：A 文章編號：1674-098X（2014）10（b）-0025-01

網頁設計作為適應于多媒體興起與發展的產物，是以數字方式存在和以數字方式傳播的數字媒體所需要的平面設計，是一種拓展和超脫傳統藝術表現形式的現代藝術，在數字報刊、數字電影、數字電視等運用數字技術的推動下不斷增強影視文化與人類藝術體驗之間的關系，是當下主流媒體與現代化藝術中衍生出的多種圖式混雜的藝術形態。由于靜態的網頁設計缺乏動態的視覺傳達設計所帶來的視覺影響，在影視語言和影視美學上有著重要的促進作用，因而現目前網頁動態設計開始吸引了人們的目光，在市場需求的刺激下開始大量衍生，但由于缺乏一定的理論依據和實踐經驗指導，現目前文字動態在網頁設計中的表現依舊傾向于傳統的影視語言和影視美學，因而對其動態表現形式進行研究將有利于幫助其開擴設計領域，實現向動態標識、動態編排等方向設計，并且能有效把握動畫和超文本興起所帶來的發展機遇。

1 網頁動態文字的設計

盡管數字媒體突破了傳統紙質媒介的束縛，但其為大眾提供的新的媒介空間卻是有限的，在這個有限的屏幕上設計者需要考慮的因素也就相對較多了，要將各設計元素的位置進行統一和諧的排放，又要考慮屏幕的解析度、客戶的觀看距離不同所產生的效果、色彩飽和度和對比等，要根據屏幕的寬度和長度來實現視覺上的完美，并且要在整體上突出信息的傳遞，設計要求文字、圖片、色彩的有效結合，要求在有限的空間上通過這三者的協調統一來表現出一種視覺上的美學[1]，對于設計者而言是極大的挑戰，對于媒體藝術而言則是一個新的美學領域。

1.1 文字的動態控制

網頁動態設計中往往以文字和影像為主，這兩者在視覺上依靠其本身的形態和動態的畫面效果可以起到很強的吸引力，動態的文字表現形式在完美的編排下會形成一定的律動感，通過這種律動感來講主體信息傳遞給觀眾，所起到的效果往往是不可估量的，甚至可以說，觀眾在接受信息傳遞時內心是喜悅的，是主動自愿去接受的。因此，設計中對于文字的動態控制顯得十分重要，要求對其相互間的位置關系進行動態變化的把控，注重其上下、左右、前后的動態變化，要做到其動態的走勢能夠良性地引導觀眾的視線，不易過快，特效要盡量單一，不易過多，不易復雜。

1.2 文字的識別性和可讀性

網頁設計中對于文字的選擇都是根據其重要性的程度進行了一定的取舍，對字體的大小、顏色、顯示效果、動態方向及效果等都有極高的設計編排要求，要充分考慮在有限的屏幕中大量的數字信息融合在一起所造成的信息辨別，一旦設計編排過于復雜，設計者追求多元化的表現手法，在文字效果上加入了過多繁雜的設計表現，往往會使觀者無法辨別信息的主次，甚至于不能有效取得設計所要求表達的理念和效果。在現代平面設計中，如何提高觀者的閱讀效率是設計者應該著重考慮的問題，融入動態的文字設計僅僅是為了凸顯信息的主次和吸引觀眾的注意力，起到引導閱讀的效果，要著重考慮到字體的選擇、顯示屏的精度、運動的速度、文字量、句子長短、特效等各種因素的整體整合[2]，要提高文字的可讀性。

1.3 屏幕的無限性及開放性

二維的平面設計在效果呈現時往往以立體的三維效果來給予呈現，在屏幕兩端留有空白給人以無限的延伸空間，而動態文字的設計與編排則給人一種進深的立體感，因此觀眾可以在具有動態效果的二維設計中感受到屏幕空間的無限大，這在一定程度上打破了媒介空間有限性的束縛，即在有限的空間內所要表現的卻是無限的空間延伸，這一無限性則取決于設計者對文字形態、色彩、格式等方面的設計[3]。

2 動態文字在網頁設計中的表現

2.1 形態的變化

空間與動態是網頁設計中文字動態的體現，是基于字體基礎上對文字外部進行形態的處理與設計來實現的，在文字動態的設計中，一方面可以根據字體的本身結構對其進行變形處理；另一方面可以讓字體的形態隨著時間的變化而發生改變，例如最近比較熱門的《舌尖上的中國》，其在影片開場前的設定上便十分動人，第一部以水墨畫延伸出來的畫面實際上是美食的結構，而字體的鋪設則是由水墨畫中毛筆筆尖的恣意揮灑而成，帶給觀眾極強的美感和想象空間，觀眾在接受到這一視覺效果時所表現的心境便是平和且愉悅的。

2.2 材質的構成

現代計算機技術為動態文字的構成和質感提供了許多有效的技術處理，使得動態的文字能夠實現在光影中的流動，富有肌理，極具美感和質感[4]。現代電影開始廣泛運用這種特效文字處理方式，以此來引起觀眾的共鳴，增強影片的氛圍及烘托影片的主題，在3D技術漸漸普及的今天，以3D字體來進行網頁設計和編排也漸漸成為設計的潮流，在網頁設計中，裸眼3D文字及圖像將慢慢滲入到人們的視線之中。

2.3 機遇：動畫與超文本

動畫作為一個立體、生動、可視可聞可感的數字實現過程，其興起與發展給予了設計更多的創作平臺，動畫中的文字動態設計顯得極為微妙，在每個動態的運行之中都有極強的吸引力和傳遞著特殊的信息，并且能夠表達特定的情緒。動畫設計在材質上和造型展示上都開始了新的革變，給予了設計者更廣泛的設計空間，設計中融入無窮的想象力，通過立體的三維展示來傳遞思想和主題，在動態的設計中表達設計者的情感和情緒，能夠很好的詮釋設計者的作品，這也就促使了當前一大批短片動畫的出現，其中不乏優秀的設計作品。

參考文獻

[1] 曾揚.網頁設計中中文字動態表現形式[D].湖北工業大學，2012.

[2] 付欣.網頁設計中文字動態表現形式的研究[J].消費電子（下旬刊），2013（22）：83.

[3] 郭艷.淺談虛擬形態的動態表現形式的研究[J].沈陽航空航天大學設計藝術學院：設計理論，2013（11）：143-144.

[4] 曹方.數字媒體中的動態文字設計[J].南京藝術學院院報，2010（5）.