新媒體版面的互動式探究

何淑英重慶郵電大學傳媒藝術學院，重慶　400060

?

新媒體版面的互動式探究

何淑英
重慶郵電大學傳媒藝術學院，重慶400060

摘要新媒體版面是一個用各種設計元素來編排信息內容的空間，它不僅是一個物理意義上的靜止版面，還包含諸多重要的互動因素，比如動畫特效、聲音、視頻等，通過對這些因素的利用和設計安排，傳遞給讀者信息內容，從而實現互動傳播的效果和目標。

關鍵詞新媒體；版面；互動

關于新媒體版面的定義：也就是新媒體版面的編排設計。在一定的媒介上，按照視覺規律，把信息內容包含的元素符號、結構層次、視頻、音樂等方面作藝術而又合理的處理。新媒體版面是各種設計元素在視覺上呈現出的整體布局效果，是讀者第一接觸到的對象，借助新媒體傳播方式的優勢，可以采用互動的版面設計技法，使版面和移動工具（手機）和網絡視屏上的信息內容互相呼應，把受眾深度吸引，并參與其中，最終達到擴大傳遞信息的最大力度和認可度。

1　從新媒體視覺規律的特性來認識

我們人類的視覺特性決定了新媒體視覺規律的形成。一般瀏覽者的閱讀差不多都是一種恒定的慣常行為，首先是視線平行移動，觀看網頁（手機）界面內容的最上半部分，然后視線向下移動，瀏覽界面下半部分區域。最后，依據視覺常規瀏覽習性，視線從左至右在網頁界面里進行垂直掃描。因此，界面上部和中上部被稱為“最佳視域”，（或頁面2/3的位置）也就是最優選的地方。為了使眼睛獲得最大的信息量，使網絡界面真正成為可讀性極強的信息載體，在進行新媒體版面的互動設計時，必須遵循視覺流程的規律和特點，以此確定新媒體版面的設計元素（文字、圖形、視頻、音頻等）之間的和諧關系和先后秩序，也就是新媒體版面的互動關系體現。按照視覺審美和閱讀的規律與形式特點，主題內容應該最先映入瀏覽者的眼簾，主題信息才能即時地被人理解和接受。作為體現主題信息的要素符號，把它作為視覺焦點，放在最佳視覺區域，才能讓人產生深刻的印象。如果版面主題信息不明確，我們的視線將會無所適從，或者導致視覺流程線混亂無序。因此，在新媒體設計的版面中，要體現互動性，必須靈活且合理地運用視覺導向規律，找準版面的最佳視域，把主要信息和圖形內容放在這些領域。使視覺導向形成自然流暢的觀看信息，并直接影響信息傳播的及時性與有效性。使瀏覽者獲取信息更加方便、快捷，加強了讀者和信息的互動性。

2　從新媒體視覺動態的版面布局來認識

“新媒體版面”由于傳播的媒介與傳統的視覺傳達信息不同，媒介的差別對設計風格、設計思維方式帶來深刻影響。“新媒體版面”要求動態的視覺感受，靈動的版面布局及版面信息的交互要求，隨時以運動的眼光觀看版式編排形式和呈現的視覺動勢，不但要考慮視覺靜態的呈現效果，還要構想視覺符號（如圖形、色彩、文字的區域、面積、距離和形狀等）與觀眾互動之后可能呈現出的種種樣貌，要通盤考慮整個設計過程，而不是單個的畫面效果。反過來，每個單一，瞬間的畫面也是要符合整個設計風格的，其畫面視覺要求也是唯美的。把視頻、Flash動畫和音樂等將作為新媒體的常用元素，并與版面慣用的文字、圖形和色彩結合構成互動版面。加強了新媒體設計內容的豐富性，設計語言更加多元化。形式風格必須服從主題內容的要求，如果把眾多的信息放到版面上的時候，首先必須考慮信息連接的流暢和點擊信息的方便；既要考慮版面的整體感，又要注重細節的編排精彩性。既要考慮靜態的呈現效果，又要考慮動態的互動與音樂渲染氛圍的情趣。

新媒體的版面設計是屬于善變的多維空間范疇。尤為重要的是版面布局，需要考慮在每個單一平面中表現出縱深的二維空間或者三維空間感覺。這種空間效果的設計，才能使版面顯得既靈活又深遠。三維空間可通過版面的遠、中、近的元素符號來實現，在版面靜態空間處理上，比如遠、中、近的空間層次一般可通過設計符號大中小的比例，黑、白、灰的對比，或者疏密、肌理的相互襯托，以及版面符號的前后關系等形式來獲得，從版面動態的角度出發，也可以區別遠、中、近的關系。比如：可以把第一要素的文字或者畫面用Flash的動勢來呈現，不動的文字和圖形自然而然地就成為了中景或者遠景。在新媒體遠、中、近的版面空間層次上，一般來說，近景要處理得活躍突出、高調，中景則要趨于安靜、平和，遠景模糊、灰淡的層次。這樣的新媒體版面設計既生動鮮活，又秩序井然，這樣動靜結合的新媒體版面既體現人機的互動，又拉近了彼此的距離。

3　從易編輯性的互動式編排方式來認識

“新媒體”版面設計的易編輯性，使其顏色隨著流行色的改變而不斷被更替，圖片和文字更新更加快捷方便。可以隨時更換（圖片、視頻）以應對觀眾不斷變化的口味，迎合人們日益提高的審美需求，信息傳達更加有效及時準確。圖文并茂的內容，視頻音頻的穿插，各種相關資訊的鏈接，在新媒體版面中則是非常容易實現的事情。這種互動式編排非常適合運用于新媒體的網頁界面設計中，給人以親切、生動、融入其中的感覺。使得版面信息的視聽語言變得更加豐富多彩。

在新媒體版面設計中，融合和借助多種媒介形式展示，并在新媒體版面（比如網頁界面）中實現了同一版面中多層信息的鏈接顯示，我們可以按照自己意愿放大或收縮圖片、點擊堆疊的視頻音頻內容，點擊大小文字的不同，大文字是主標題，小文字是內容，可以區分文字信息的先后秩序，瀏覽方便易讀。整個設計版面不受時空的界定，可以通過鏈接點擊一幀又一幀的畫面，涵蓋內容豐富，顯的非常人性化。信息的鏈接和點擊操作也為閱讀信息過程增添了生動的情趣。在電腦和3G（4G）手機網頁界面上，我們用手可以觸摸任意信息點圖標，與之相關的信息便會以文字、圖像、視頻或動畫的形式一一呈現，通過控制圖標，實現瀏覽鏈接信息、重新播放等功能。閱讀者更能夠理解各組信息之間

的聯系，有限的顯示區域界面可以有豐富詳盡的信息展示。況且，在整個閱讀信息的過程中還配有優美動聽的音樂，使人的視覺、聽覺都沉浸其中。我們以參與互動的方式獲取信息，具有非常強列的視聽感受和印象深刻的視頻畫面，在實現信息傳達的基礎上獲得最佳視覺美感。所以，“新媒體版面”不但沿襲傳統媒介的版面設計又結合自身特性發展出了獨特的互動編排方式。

4　總結

新媒體版面的互動是技術與藝術的融合，是傳統版式設計的繼承和發展，在版面互動的設計中，為了提高瀏覽者興趣，增強理解能力，表現說服能力以及引起認同感，就必須要有引導視覺的流動線。在新媒體版面各種設計元素組合搭配時，要注意輕重緩急、大小多少、虛實變化等對比因素，使得視覺閱讀流暢易讀，加強信息認知力度，以強化版面的整體吸引力。在設計中，巧妙穿插視頻和音頻，使人們在瀏覽信息時如同看電視，聽音樂般的視覺享受，能夠感受到獨特的節奏和韻律，各種設計元素必須表現出與內容相呼應的態勢，要在統一的形式構成上展開互動設計，掌控版面的視覺秩序及結構狀態，也可以從色彩、空間、留白等表現形式上構建連續的視覺印象，形成多維空間的表現意境，真正體現人機信息的互動特性，這也就是現代新媒體信息傳達最直接的互動體現。

參考文獻

［1］陶海峰，孫屹，畢慧娟.新媒體語境下的版式設計研究［J］.藝術教育，2015（3）.

［2］王君潔.在新媒體藝術設計沖擊下的視覺傳達設計［J］.藝術與設計：理論版，2011（9）：67-69.

中圖分類號G2

文獻標識碼A

文章編號2096-0360（2016）10-0097-02

作者簡介：何淑英，重慶郵電大學傳媒藝術學院。