屏顯媒介下注重互動體驗及導引性的版式設計

張俊

摘要：

文章探討基于移動終端設備為主的屏顯媒介載體語境下的版式設計。通過其多維化、虛擬化、視覺元素多元化、動態(tài)化、注重互動體驗、扁平化、規(guī)范性、審美等表象的描述與研究。從而提出未來版式設計因為承載載體的日新月異，在傳達信息的同時，會更加注重情感互動體驗及導引性。

關鍵詞：

版式設計 屏顯媒介 互動體驗 導引性

中圖分類號：J05

文獻標識碼：A

文章編號：1003-0069（2016）-04-0134-02

傳統(tǒng)版式設計依靠以紙張為媒介印刷工藝來實現(xiàn)，對于信息傳達起著非常重要的作用。版式設計有著符合傳統(tǒng)紙媒的一套設計理論、技術法則及審美標準。然而隨著科技的進步，移動終端設備的普及，獲取信息的方式、途徑、時間已經(jīng)改變——呈現(xiàn)多樣性及便捷性。由傳統(tǒng)被動接受轉化為互動體驗，由紙張媒介靜態(tài)地看發(fā)展到屏顯媒介載體下注重導引及互動體驗的動態(tài)的看。那么版式設計又如何滿足屏顯媒介下以信息內(nèi)容為核心，用戶互動體驗為靈魂的現(xiàn)代傳播方式。

一視覺呈現(xiàn)多維化、虛擬化

版式設計是指根據(jù)設計主題和視覺需求，在預先設定的有限版面內(nèi)，運用造型要素和形式原則，根據(jù)特定主題與內(nèi)容的需要，將文字、圖片（圖形）及色彩等視覺傳達信息要素，進行有組織、有目的的組合排列的設計行為與過程。這是傳統(tǒng)紙媒下對版式設計的定義，更多強調(diào)的是在二維空間內(nèi)的展開與布局既Layout。對于視覺傳達專業(yè)來講，版式設計也是最基礎核心的設計語言。紙媒類設計作品中版式設計所占的比例極高?？梢哉f一件作品的成功與失敗版式設計起了很大的作用。版式設計最能體現(xiàn)設計師的基本設計素養(yǎng)以及設計作品本身所帶來的氣質(zhì)感。

那么版式設計對于同樣以信息傳達為主導的屏顯媒介又起到一個什么樣的作用。目前移動終端的操作系統(tǒng)以Android和iOS為主，基于此類平臺開發(fā)的應用軟件、用戶界面的版式設計都是本文討論的范疇。屏顯媒介模式下的版式設計所呈現(xiàn)出的視覺感受，大都以多維化、虛擬化為主。通過各類視覺元素的位置變化、大小變化、色彩變化等，使版面產(chǎn)生視覺空間的縱深，層次感。維度上不再局限長寬這樣的二維空間，強調(diào)的是多維化。信息內(nèi)容也非常豐富并吸引人們不斷地深入，給觀者的心理構建一個空間遐想。而這個多維化空間并不是直接呈現(xiàn)在我們眼前的，它是通過大量視覺元素的運用在觀者大腦中產(chǎn)生虛擬空間。比如最近如火如荼的借助計算機及最新傳感器技術創(chuàng)造的一種嶄新的人機交互手段Virtual Reality虛擬現(xiàn)實。被廣泛地運用到地產(chǎn)漫游，虛擬樣板間，展覽場館仿真等，使用戶在虛擬現(xiàn)實系統(tǒng)中自由行走、任意觀看，沖擊力強，能使客戶獲得身臨其境的真實感受，了解項目的周表環(huán)境、空間布置，輔助審批設計、規(guī)避設計投資風險。而不像傳統(tǒng)紙媒版式設計需要用平面的宣傳單頁，畫冊等去展示，往往這類宣傳形式如同雞肋，宣傳展示效果未能達到預期目的，同時造成大面積的污染與浪費。

二設計元素多元化、動態(tài)化

在屏顯媒介下的信息傳遞中，其設計元素突破紙媒原有的以字、圖、符號、色彩、材質(zhì)、結構等為主要的構成要素之外。還盡可能地去模仿實體元素的觸感、嗅感、量感等。同時聲音，視頻的引入讓設計元素更加豐富。比如色彩元素的運用已經(jīng)與傳統(tǒng)印刷色有了天壤之別。屏顯媒介的色彩元素為加色光.而印刷色為減色光，既三原色混合后，前者為白光后者為黑色。這樣整個配色，套色體系就發(fā)生了翻天覆地的變化。屏顯媒介的色彩元素在配色上更加靈活大膽，無拘無束，通常采用明度、純度、色相更炫麗的顏色。配色套色系統(tǒng)打破印刷層面上的不要超過3、4套色這一忌諱，出現(xiàn)了多達8種套色體系的版面。Pantone專色的運用也因無需考慮成本而被大量用來提升版面效果，例如使用金、銀等專色來提高版面的整體雅致感。在圖像元素的使用上，傳統(tǒng)版式設計的圖像使用印刷CMYK色彩模式來實現(xiàn)，需要考慮印刷套色、專色、DPI（圖像分辨率）等問題，從而有效的控制印刷效果及成本。而屏顯媒介下圖像的Web顯示，需要通過Pixels Per Inch（PPI圖像的采樣率）來實現(xiàn)。PPI的最大優(yōu)點是無需考慮專色、套色、圖像分辨率等問題。PPI數(shù)值越高，畫面的細節(jié)就會越豐富，因為單位面積的像素數(shù)量更多，密度越高，擬真度就越高。

靜看到動看的體驗轉變是屏顯媒介下的一大特色。傳統(tǒng)版式設計在印刷后視覺元素以靜態(tài)的形式呈現(xiàn)給觀者，而屏顯媒介不但提供傳遞靜態(tài)的文字、圖像及色彩信息，還為了增加畫面層次感，以動態(tài)的形式將這些視覺元素傳達給觀者。這種動態(tài)不是簡單的動畫的插入，而是視覺元素的所有動態(tài)形式，既讓文字、圖像、色彩、視頻、動畫、背景音樂等各類元素都動起來。動態(tài)化使信息內(nèi)容更加生動有趣，增加可讀性，視覺元素的跳躍感增強，強調(diào)節(jié)奏感和韻律?；芋w驗上也變得簡單有趣，比如按照自己的喜好來選擇閱讀方式，并可以根據(jù)自我需求改變字號大小、顏色、圖片大小，調(diào)整視覺元素等簡單的操作。遇到困惑時在線進行搜索和探討并獲得答案。

三信息傳播注重互動體驗的同時強調(diào)導引性

面對大量信息，在信息過載過程中，往往讓我們精疲力竭。要對信息不斷地評估其價值，過濾無用，最終發(fā)現(xiàn)僅有很少一部分是重要的、相關的膽剩下的大部分是無用。避免被這種信息淹沒的最好方法，就是首先要建立合理的導引性，其次拋棄版式設計中無用的繁雜元素。在屏顯媒介下邏輯層次清晰的導引性是我們快速、準確獲得信息的最好途徑。導引性的實現(xiàn)必須具備邏輯層次清晰的架構體系，但是還需導引性版式設計來實現(xiàn)。

架構體系屬于程序開發(fā)層面上的工作，而導引性版式設計屬于視覺設計師完成的工作。所謂的導引性版式設計是將視覺元素一體化，形成對話，引導用戶瀏覽，避免信息迷失。導引性版式設計具備明確的目標、簡明的標題文本、更大的字體、明快的色塊、簡潔直觀的頁面等，其目的是讓用戶更好地瀏覽頁面，提升用戶體驗，吸引用戶。人機工程學潛移默化的應用到了版式設計導引性中，比如每行字符的多少、視覺中心的確立、視覺流程的形成、閱讀節(jié)奏的把控、版面的強調(diào)率、網(wǎng)格體系的構建等都為導引性服務。

四扁平化風格成為版式設計的主流趨勢

傳統(tǒng)版式設計的視覺審美停留在可觸、可嗅、可感、可知等實體層級，既看得見摸得到。版面氣質(zhì)需要結合材質(zhì)、結構、工藝、視覺符號等，通過裝飾美化才能體現(xiàn)。而在屏顯媒介上對于以上感官認知我們只可遠觀不可褻玩焉，缺失了對紋理、材質(zhì)等實物的真實感受，只能在視覺上取得心理上的認同。此時，發(fā)現(xiàn)傳統(tǒng)版式設計的審美體系已經(jīng)時過境遷，實體與虛體的轉化使得各類裝飾已經(jīng)對屏顯媒介無任何意義了，只會給內(nèi)容提取和信息加載過程中帶來視覺干擾。上部分我們也提到構建屏顯媒介的導引性就要拋棄版式設計的繁雜元素。因此，屏顯媒介構筑新的審美體系，更多的強調(diào)交互上、功能上、體驗上的簡化。這種追求極簡的設計思想，是人特有的視覺心理傾向，符合人們內(nèi)在需求。

扁平化風格（Flat Design）由此產(chǎn)生，2008年由Google提出這個名字，其核心就是——去掉冗余的裝飾效果。扁平化風格屬于二次元空間，這意味著設計元素都在強調(diào)抽象、極簡、符號化、平面、無過渡，各類元素都有存在必然性與關聯(lián)性?；訉蛹壣弦糙呌诤啙嵒?，無需過多的導引，用戶便能完成信息獲取，讓信息本身重新作為核心被凸顯出來。操作使用起來格外方便，可以更加直接地將信息和事物的工作方式展示出來，減少認知障礙的產(chǎn)生，避免了在信息導引中的迷失。扁平化使版面簡潔、干凈、整齊、美觀，而且達到降低功耗，提高運算速度，提升加載速率和延長待機使用時間。

五屏顯媒介下版式設計的規(guī)范性

傳統(tǒng)版式設計的版面一般分為數(shù)字美學的網(wǎng)格體系版式和自由版式兩類。但這兩類版面設計在使用過程中也因技術、材料、印刷工藝等有著一些制約，如開本大小、紙張種類、油墨偏差、成本控制等。比如現(xiàn)代比較推崇的網(wǎng)格版式設計，這類網(wǎng)格設計風格的特點是運用數(shù)字的比例關系，通過嚴格的計算，把版心劃分為無數(shù)統(tǒng)一尺寸的網(wǎng)格。將之分為一欄、二欄、三欄以及更多的欄把文字與圖片安排于其中，使版面具有一定的節(jié)奏變化，產(chǎn)生優(yōu)美的韻律關系、網(wǎng)格設計在實際運用中具有科學性、嚴肅性，但同時也會給版面帶來制約與呆板的負面影響。

而今天的屏顯媒介下雖然有著很多方面的靈活性、多樣性、多變性。但是并不是沒有任何的限制，反而受移動終端設備的特性影響，制約面就更多了。比如因為移動終端設備產(chǎn)品屏幕尺寸大小的多樣性，APP的跨平臺性，創(chuàng)建多個屏幕尺寸和分辨率的5keuomorphic設計既繁瑣又費時。如何避免這些問題，最好的解決方案就是規(guī)范性。

近期谷歌推出全新設計規(guī)范Quantum Paper，它是一個寬泛概念，代表著一種全新的、合一的設計框架。而這個設計框架旨在統(tǒng)一所有平臺上的應用程序的用戶體驗，并且應用程序的界面也應美觀而統(tǒng)一。并希望能涵蓋包括網(wǎng)絡、Android操作系統(tǒng)和lOS操作系統(tǒng)在內(nèi)的所有平臺。

這樣的規(guī)范是一把雙刃劍，有利有弊，可以減少很多不必要的設計麻煩，方便進行標準化的設計，并能使設計各部門順暢溝通。同時也將制約束縛設計的創(chuàng)新，因為此次規(guī)范涉及的面非常之廣之細。在界面尺寸、圖標尺寸、字體、顏色值等各類元素都有了詳實的規(guī)范。比如在iOS 9系統(tǒng)中，蘋果把原本為Appoe Watch開發(fā)的San Francisco字體，用來取代早前的Helvetica字體，并且把此款字體在其全部產(chǎn)品上推廣。從整體上來說San Francisco字體可以讓iOS看起來更加柔和，它的可讀性也都超過了Helvetica。但是對于版式設計當中最重要的字體都有了規(guī)范，那么設計師的藝術創(chuàng)作發(fā)揮也就受到了限制。同樣用戶在體驗的過程中也能夠感受到屏顯媒介下的版面設計除了具備以上規(guī)范的同時。網(wǎng)格版式設計的數(shù)字性精華也在各類版面中都有大量使用。這樣除了符合我們當前的審美，同時更重要的也是一種規(guī)范傳播。

六未來版式設計

屏顯媒介下版式設計將諸多視覺要素全新的整合，一改以往版式設計的傳統(tǒng)風貌。但其版式形式的眾多基因都與傳統(tǒng)紙媒版式設計有著密切關系，兩者并沒有割裂之間的臍帶，而是互相借鑒，可以說是發(fā)展和延伸。對于傳統(tǒng)紙媒下的版式設計在傳達信息的時候也一直摸索情感性，交互性和趣味性，這類實驗性的作品比比皆是。屏顯媒介下未來的版式設計會更加注重情感體驗，對于受用主體的人能夠在獲得更多便捷高效信息的同時強調(diào)情感交流，交互性和趣味性?！缎睦韺W大辭典》中認為：“情感是人對客觀事物是否滿足自己的需要而產(chǎn)生的態(tài)度體驗”。屏顯媒介下版式設計一直在追求這種態(tài)度體驗，這種體驗包括道德感和價值感兩個方面，具體表現(xiàn)為愛情、幸福、仇恨、厭惡、美感等。屏顯媒介借助自身優(yōu)勢可以更好地帶給受眾這類感受，留下深刻印象。

屏顯模式下未來的版式設計面對的不再是二維空間，而是四維世界（時間、空間、人、信息）。用戶直接操作屏幕或者對象，他們所接觸到的是一個用戶無論走到哪里都可見的版面。此類版式設計強調(diào)瀏覽過程中的導引性，傳遞品牌文化、提高瀏覽效率、信息展示等類型。

創(chuàng)新是版式設計的關鍵，無論是針對主題思想、版面設計、技術、內(nèi)容、版式語言、表現(xiàn)手法等的創(chuàng)新，都是屏顯媒介下版式設計最基本的核心。因為目前流行的所有這一切即將過時，移動技術發(fā)展的步伐令人難以置信的快。技術正在日趨完美、多樣化，比如虛擬現(xiàn)實電影、可視穿戴設備、全息投影、裸眼3D技術等，都會為我們視覺形式提供各類不同的感受。軟屏顯示設備已經(jīng)開始投入市場，其屏幕材質(zhì)可以制作成柔軟的，具備紙張一樣的特性。可以翻閱、或卷曲、或折疊，甚至形成一個折手，這類如同“紙”一樣的屏幕，也許會使版式設計體系再次回歸“紙媒”傳統(tǒng)。面對各類挑戰(zhàn)，所以，如果可以，保持求知欲，靈活思維，好奇心將會讓作為設計師的你不會被時代所淘汰。