淺析版式設(shè)計(jì)中的視覺流程

王姍

摘 要：版面設(shè)計(jì)是現(xiàn)代設(shè)計(jì)藝術(shù)的重要組成部分，也是視覺傳達(dá)設(shè)計(jì)的核心內(nèi)容之一，在版面設(shè)計(jì)中運(yùn)用造型要素及形式原理，對版面內(nèi)的文字、圖形、色彩、符號(hào)等要素，按照一定的要求進(jìn)行編排，并把所要表達(dá)的信息以藝術(shù)的形式表達(dá)出來。通過運(yùn)用視覺流程的表達(dá)方式，可以使整個(gè)版面重點(diǎn)突出、主次分明，同時(shí)具有藝術(shù)性和趣味性。

關(guān)鍵詞：版式設(shè)計(jì);文字;圖形;色彩;視覺流程

一、引言

視覺流程往往會(huì)體現(xiàn)出比較明顯的方向感，無形中會(huì)形成一種脈絡(luò)，似乎有一條線、一股氣貫穿其中，使整個(gè)版面的運(yùn)動(dòng)趨勢有一個(gè)主旋律。心理學(xué)研究曾表明，在一個(gè)二維空間中，上半部分的視覺效應(yīng)讓人輕松、自在，而下半部分則讓人穩(wěn)定和壓抑[1-2]。同樣，左半部分讓人輕松、自在，右半部分讓人穩(wěn)定和壓抑。所以二維空間的視覺影響力上方強(qiáng)于下方，左側(cè)強(qiáng)于右側(cè)。這樣，二維空間的上部和中上部被稱為“最佳視域”，也就是最優(yōu)選的地方。在版面設(shè)計(jì)時(shí)，人們通常會(huì)將最想表達(dá)的文字、圖案或者色彩放置于此達(dá)到最佳的說明效果，也可以體現(xiàn)出版面的最大價(jià)值。

在一縱長形版面的中心線上，同時(shí)劃出3條等距的平行線，便在中心線上出現(xiàn)3個(gè)等距的焦點(diǎn)。當(dāng)人們的視線在這3個(gè)焦點(diǎn)上來回移動(dòng)時(shí)，便出現(xiàn)第一個(gè)焦點(diǎn)（中心線上部1/3處）最為引人注目。在最佳焦點(diǎn)的周圍，有一個(gè)放射狀的平緩遞減區(qū)域，直徑大約為版面寬度的5/6，這是版面的“最佳視域區(qū)”。版面的分割方式不同，視覺所受的注目程度也不同。

人們閱讀版面時(shí)，視線會(huì)有一種自然的流動(dòng)習(xí)慣，即視覺由左到右、由上到下移動(dòng)，在由左上沿著弧形線向右下方流動(dòng)的過程中，其注意值隨著下移逐漸遞減。在此流動(dòng)線上的任何點(diǎn)，都會(huì)比流動(dòng)線以外的視覺效果強(qiáng)。這種無形的流動(dòng)線稱為“視覺流程”。不過，“視覺流程”也是很有趣的，設(shè)計(jì)者通過魔術(shù)般的巧妙變化，便可以自行改變其視線流向而獲得意想不到的視覺效果。例如，平行線可使視線左右流動(dòng)，垂直線可使視線上下流動(dòng)，傾斜線可使視線不穩(wěn)定流動(dòng)，往往更引人注目。當(dāng)相同或相近似的圖形重復(fù)以相同方向組合編排時(shí)，視覺流程會(huì)統(tǒng)一有序地按節(jié)編排，若在一行標(biāo)題或圖形上添加一至二根線或者色塊，此時(shí)的標(biāo)題或圖形將會(huì)更醒目，視覺瀏覽速度加快。

二維版面上的編排最佳視域與視覺流程，實(shí)際上是對信息的有序處理，從而誘導(dǎo)人們的視線按照設(shè)計(jì)意圖感覺最佳信息，因此要科學(xué)把握以下幾方面。（1）視覺流程的邏輯性要強(qiáng)。版式設(shè)計(jì)是一種創(chuàng)造，首先要立足創(chuàng)新性的傳達(dá)，但又要符合人們普遍的認(rèn)識(shí)思維，做到視覺流程的自然、合理、暢快。（2）視覺流程的可讀性要高。對于成功的視覺流程，版面上的各種信息圖形從大到小排列時(shí)，視線會(huì)按照要素進(jìn)行排序，可讀性高。版式設(shè)計(jì)要注重把握版面上各信息要素間隙的節(jié)奏感，若間隙大，節(jié)奏慢，顯得恢宏大氣，視覺流程舒展，但間隙過分大就會(huì)失去聯(lián)系，彼此不能呼應(yīng)。而間隙小，廣告上的正文節(jié)奏就強(qiáng)而有力，信息的可讀性就高。但間隙過小，可讀性就會(huì)降低，便失去了視覺傳達(dá)的意義。（3）視覺策劃的戰(zhàn)略性。成功的視覺流程設(shè)計(jì)，應(yīng)與設(shè)計(jì)的總體形式相統(tǒng)一。如設(shè)計(jì)主題的定位、銷售方式、競爭模式、受眾群體、媒體選擇等的運(yùn)動(dòng)，是指視線與畫面各元素的編排方式、競爭模式、受眾群體、媒體選擇等關(guān)系密切?？傊O(shè)計(jì)流程的設(shè)計(jì)必須 個(gè)符合視覺原理的無形的線，在遵循特有服從于設(shè)計(jì)主題總體策劃。

二、視覺運(yùn)動(dòng)的規(guī)律

心理學(xué)家發(fā)現(xiàn)一些視覺運(yùn)動(dòng)的規(guī)律。（1）人眼的水平運(yùn)動(dòng)比垂直運(yùn)動(dòng)快。（2）視線習(xí)慣：從左到右、從上到下，順時(shí)針看。（3）眼睛沿上下方向運(yùn)動(dòng)比水平方 要符合人們認(rèn)識(shí)的心理順序和思維活動(dòng)的邏輯順序，因此版面中構(gòu)成要素的主次順序應(yīng)與要表達(dá)內(nèi)容的重要性一致。主要元素成為視覺元素的視覺焦點(diǎn)，次要元素成為點(diǎn)綴或陪襯。（4）對水平方向的尺寸和比例估計(jì)比對垂直方向的尺寸和比例估計(jì)要準(zhǔn)確得多。（5）直線輪廓比曲線輪廓更易被人們接受。

人們要利用視覺運(yùn)動(dòng)規(guī)律進(jìn)行分析，當(dāng)看到一條垂直線在頁面上，會(huì)引導(dǎo)視線作上下的視覺流動(dòng)。水平線會(huì)引導(dǎo)視線作左右的視線流動(dòng)，斜線比垂直線、水平線有更強(qiáng)的視覺沖擊力;矩形的視線流動(dòng)式向四方發(fā)射;圓形的視線流動(dòng)是輻射狀的;三角形則隨著頂角的方向使視線產(chǎn)生流動(dòng)，各種圖形從小到大排列時(shí)，視線會(huì)按照排列方向流動(dòng)。

在視覺心理上，一個(gè)詞叫“張力”，表示物象形式的矛盾差異相對比所產(chǎn)生的對抗振奮感和精神刺激力，差異越大，視覺張力也就越強(qiáng)。人們完整接收平面元素信息時(shí)，視線會(huì)形成一個(gè)習(xí)慣性的流動(dòng)順序。視線先落入視覺焦點(diǎn)，后隨各元素間的強(qiáng)弱變化而有序流動(dòng)，最后對全部信息進(jìn)行整合、吸收。

三、視覺流程的特征

版式設(shè)計(jì)中的視覺流程是一種“空間的運(yùn)動(dòng)”，是指視線隨畫面各元素的編排在空間沿一定軌跡運(yùn)動(dòng)的過程。它像一個(gè)符號(hào)視覺原理的無形線，在遵循一定的規(guī)律的前提下，引導(dǎo)視者的視線隨著設(shè)計(jì)元素進(jìn)入一個(gè)有序、條理清晰、傳達(dá)迅速流暢的閱讀過程。視覺流程有以下幾方面的特征。

（一）邏輯性

視覺流程首先要符合人們認(rèn)識(shí)的心理順序和思維活動(dòng)的邏輯順序，因此版面中構(gòu)成要素的主次順序要與表達(dá)的內(nèi)容相一致。主要元素成為視覺元素的視覺焦點(diǎn)，次要元素成為點(diǎn)綴。

（二）節(jié)奏感

節(jié)奏作為一種形式美感的重要元素，不僅能激發(fā)人們的視覺興趣，而且在形式結(jié)構(gòu)上也有利于視線運(yùn)動(dòng)。它在構(gòu)成要素之間位置上要形成一定的節(jié)奏關(guān)系，使其有長有短、有急有緩、有疏有密、有曲有直，形成視覺上和心理上的節(jié)奏，激發(fā)觀者的閱讀興趣。

（三）誘導(dǎo)性

設(shè)計(jì)師可以通過適當(dāng)?shù)木幣?，左右人們的視線，使其按照設(shè)計(jì)意圖進(jìn)行順序流動(dòng)，以此來引導(dǎo)觀眾的視線流動(dòng)。在法國設(shè)計(jì)大師Michal Batory的作品中可以看到，他完美地把控了視覺中心和最佳視域。無論是顏色、質(zhì)感的對比，還是細(xì)線構(gòu)成以及白色文字構(gòu)成的隱形視覺區(qū)域，無疑都集中在眼睛的部位。其中的鮮紅嘴唇也是愛心的造型，在畫面分割和曲線文字跳躍的襯托下，視覺中心的主題也就一覽無遺了。

四、視覺流程的內(nèi)容

（一）單向視覺流程

單項(xiàng)視覺流程，顧名思義就是只使用簡明清晰的流動(dòng)線來安排整個(gè)版面的編排。它的特點(diǎn)是可以使版面顯得簡潔有力，視覺沖擊力強(qiáng)。單項(xiàng)視覺流程使版面的流動(dòng)線更為簡明，直接地說明主題內(nèi)容。這種方法在現(xiàn)代設(shè)計(jì)中的運(yùn)用很廣泛，特別是在需要短時(shí)間內(nèi)吸引人注意力的海報(bào)設(shè)計(jì)中尤為普遍。

（二）直線視覺流程

直線視覺流程又稱線向視覺流程，它是指水平或垂直方向的視覺走向，有一條清晰的運(yùn)動(dòng)脈絡(luò)貫穿其中，視覺簡明、強(qiáng)烈。橫向視覺流程特點(diǎn)是穩(wěn)定、恬靜;豎向視覺流程的特點(diǎn)是堅(jiān)定、直觀。在無印良品的作品中，很好地利用地平線和水平面制造了橫向的視覺流程，給人安適、寂靜的空間感，能夠使人深刻感覺到日本的深層文化、美的觀念。而在2005年長野冬季奧運(yùn)會(huì)的主題海報(bào)中，將傳統(tǒng)元素的卿魚融合于現(xiàn)代幾何的水平方塊空間中，有序、精致、嚴(yán)肅而從容，讓人回到一個(gè)最本原的世界，能夠發(fā)現(xiàn)原始之美。

（三）斜向視覺流程

從左上角到右下角，或從右上角到左下角利用對角線形成動(dòng)態(tài)的視覺流程。其特點(diǎn)具有不穩(wěn)定感和速度感，較多表現(xiàn)為運(yùn)動(dòng)類主題。

（四）曲向視覺流程

曲向視覺流程一般呈現(xiàn)為弧線形“C”或回旋形“S”，前者具有飽滿、擴(kuò)張和一定的方向感，后者產(chǎn)生相反的矛盾弧線，在平面中增加深度和動(dòng)感。曲向視覺流程給人以節(jié)奏感和幽雅柔美的感受。

（五）重心視覺流程

重心視覺流程是指視覺會(huì)沿著形象方向與力度的伸展來變換、運(yùn)動(dòng)，表現(xiàn)出向心力或重力的視線運(yùn)動(dòng)。重心是指視覺心理的焦點(diǎn)。每個(gè)頁面中獨(dú)有一個(gè)視覺焦點(diǎn)，這是需要重點(diǎn)處理的對象。重心是否突出，和頁面的版式編排、圖文位置以及色彩的運(yùn)用有關(guān)，同時(shí)也與“重心”著力表現(xiàn)有關(guān)。在視覺心理的作用下，重心視覺流程的運(yùn)用使主題更為鮮明、強(qiáng)烈。重心視覺流程有3種表現(xiàn)形式：一是重心視覺運(yùn)動(dòng)，直接以獨(dú)立且輪廓分明的形象占據(jù)版面中心;二是離心視覺運(yùn)動(dòng)，猶如將石子投入水中產(chǎn)生一圈向外擴(kuò)散的弧線波紋;三是向心的視覺運(yùn)動(dòng)，視覺元素向版面中心聚攏。

（六）復(fù)向視覺流程

復(fù)向視覺流程又稱反復(fù)視覺流程，相同或相似的視覺元素作規(guī)律、秩序、節(jié)奏的逐次運(yùn)動(dòng)，可使視線有序地構(gòu)成規(guī)律，沿一定的方向流動(dòng)，引導(dǎo)觀者的視線反復(fù)瀏覽，富有韻律和秩序美，能夠起到強(qiáng)調(diào)主題和強(qiáng)化視覺流動(dòng)的效果。

（七）導(dǎo)向視覺流程

通過誘導(dǎo)元素，使讀者的視線按一定方向順序運(yùn)動(dòng)，并由大到小、由主及次把版面各構(gòu)成元素依序串聯(lián)起來，形成一個(gè)有機(jī)整體。導(dǎo)向視覺流程具有活力，能夠使重點(diǎn)突出、條理清晰，有利于發(fā)揮信息傳達(dá)功能。編排中的導(dǎo)線，有虛有實(shí)，表現(xiàn)多樣，如文字導(dǎo)向、手勢導(dǎo)向、形象導(dǎo)向以及視線導(dǎo)向等。

（八）散點(diǎn)視覺流程

所謂散點(diǎn)視覺流程是指版面中的各元素之間形成一種分散、沒有明顯方向性的編排設(shè)計(jì)，是打破常規(guī)的秩序與規(guī)律，以強(qiáng)調(diào)感性、隨意性、自由性為特點(diǎn)的表現(xiàn)形式，是一種變化中又平衡的構(gòu)成形式，能夠給人以跳躍、自在的、個(gè)性化的視覺體驗(yàn)。

參考文獻(xiàn)：

[1]莊黎.版式設(shè)計(jì)[M].武漢：河北美術(shù)出版社，2011：5.

[2]張璇.字體與版式設(shè)計(jì)[M].北京：清華大學(xué)出版社，2009：10.