張俊

摘要：

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

關(guān)鍵詞：

版式設(shè)計 屏顯媒介 互動體驗 導(dǎo)引性

中圖分類號：J05

文獻標識碼：A

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

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

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

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

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

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

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

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

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

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

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

四扁平化風(fēng)格成為版式設(shè)計的主流趨勢

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

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

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

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

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

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

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

六未來版式設(shè)計

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

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

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