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

1、版面設(shè)計(jì)的視覺流程 . 視覺流動(dòng)順序 . 視覺流程的形式 . 視覺流程運(yùn)動(dòng)中的注意事項(xiàng) 在視覺心理學(xué)家的研究中，視覺運(yùn)動(dòng)規(guī)律是其成果之一。 一條垂直線在頁面上，會(huì)引導(dǎo)視線作上下的視覺流動(dòng)； 水平線會(huì)引導(dǎo)視線向左右的視覺流動(dòng)； 斜線比垂直線、水平線有更強(qiáng)的視覺訴求力； 矩形的視線流動(dòng)是向四方發(fā)射的； 圓形的視線流動(dòng)是輻射狀的； 三角形則隨著頂角之方向使視線產(chǎn)生流動(dòng)； 各種圖形從大到小漸層排列時(shí)，視線會(huì)強(qiáng)烈地按照排列方向流動(dòng)。 視覺流程，是視線在觀賞物上的移動(dòng)過程，是二維或三維空間中的運(yùn)動(dòng)。 這種視覺的流動(dòng)線極為重要，同時(shí)又是很容易被設(shè)計(jì)者忽視的因素。 版面設(shè)計(jì)的視覺流程是一種“空間的運(yùn)動(dòng)”，是視

2、線隨各元素在空間沿一定軌跡運(yùn)動(dòng)的過程。這種視覺在空間的流動(dòng)線為“虛線”，正因?yàn)樗摚栽O(shè)計(jì)時(shí)容易被忽略。 經(jīng)驗(yàn)豐富的設(shè)計(jì)者都對(duì)此非常重視，他們善于運(yùn)用這條貫穿頁面的主線，設(shè)計(jì)易于瀏覽的頁面。從某個(gè)角度講，視覺流程的設(shè)計(jì)結(jié)果就是版式。 人們是怎樣看圖片的？人們是怎樣看圖片的？ 研究者們發(fā)現(xiàn)，我們眼睛瀏覽圖研究者們發(fā)現(xiàn)，我們眼睛瀏覽圖片時(shí)不是處在一種連續(xù)不斷的掃視之片時(shí)不是處在一種連續(xù)不斷的掃視之中，而是有一系列短暫的中，而是有一系列短暫的停頓和跳躍停頓和跳躍。這種間斷不完全是任意的。記住這。這種間斷不完全是任意的。記住這一點(diǎn)，我們應(yīng)注意下列一些情況。一點(diǎn)，我們應(yīng)注意下列一些情況。 觀看這張圖的

3、時(shí)候，你先看到了什么，后看到了什么？ A A、眼睛有一種、眼睛有一種停留停留在一幅畫面左上角的傾向。在一幅畫面左上角的傾向。 B B、眼睛、眼睛總是總是順時(shí)針看一張圖片。順時(shí)針看一張圖片。 C C、眼睛、眼睛總是總是首先看圖片上的人，首先看圖片上的人，然后是然后是注意諸如注意諸如云彩、汽車等移動(dòng)的物體，最后才注意到固定的物云彩、汽車等移動(dòng)的物體，最后才注意到固定的物體。體。 既然我們都有一種從左到右、從上到下觀察物體的既然我們都有一種從左到右、從上到下觀察物體的習(xí)慣，毫無疑問，習(xí)慣，毫無疑問， 追尋這些視覺規(guī)律構(gòu)建你的畫面是最好的方式。追尋這些視覺規(guī)律構(gòu)建你的畫面是最好的方式。一一. . 視線

4、流動(dòng)規(guī)律視線流動(dòng)規(guī)律 1 1、當(dāng)某一視覺信息當(dāng)某一視覺信息具有較強(qiáng)的刺激度具有較強(qiáng)的刺激度時(shí)，就容時(shí)，就容易為視覺所感知，人的視線就會(huì)移動(dòng)到這里，成易為視覺所感知，人的視線就會(huì)移動(dòng)到這里，成為有意識(shí)注意，這是視覺流程的第一階段。為有意識(shí)注意，這是視覺流程的第一階段。 2 2、當(dāng)人們的視覺當(dāng)人們的視覺對(duì)信息產(chǎn)生注意后，對(duì)信息產(chǎn)生注意后，視覺信息視覺信息在形態(tài)和構(gòu)成上具有強(qiáng)烈的個(gè)性，形成周圍環(huán)境在形態(tài)和構(gòu)成上具有強(qiáng)烈的個(gè)性，形成周圍環(huán)境的的相異性相異性，因而能進(jìn)一步引起人們的視覺興趣，因而能進(jìn)一步引起人們的視覺興趣，在物象內(nèi)在物象內(nèi)按一定順序進(jìn)行流動(dòng)按一定順序進(jìn)行流動(dòng)，并接受其信息。，并接受其信息

5、。 3 3、人們的視線總是最先對(duì)準(zhǔn)刺激力強(qiáng)度最大之處，然后按照視覺物象各構(gòu)成要素刺激度由強(qiáng)到弱的流動(dòng)，形成一定的順序。 4、視線流動(dòng)的順序，還要受到人的生理及心理的影響。由于眼睛的水平運(yùn)動(dòng)比垂直運(yùn)動(dòng)快，因而在視察視覺物象時(shí)，容易先注意水平方向的物象，然后才注意垂直方向的物象。人的眼睛對(duì)于畫面左上方的觀察力優(yōu)于右上方，對(duì)右下方的觀察力又優(yōu)于左下方，因而，一般廣告設(shè)計(jì)均把重要的構(gòu)成要素安排在左上方或右下方。 5、由于人們的視覺運(yùn)動(dòng)是積極主動(dòng)的，具有很強(qiáng)的自由選擇性，往往是選擇所感興趣的視覺物象，而忽略其他要素，從而造成視覺流程的不規(guī)劃性與不穩(wěn)定性。 6、組合在一起具有相似性的因素，具有引導(dǎo)視線流動(dòng)

6、的作用，如形狀的相似，大小的相似，色彩的相似，位置的相似等。 可以說視覺流程運(yùn)用的好壞，是設(shè)計(jì)師設(shè)計(jì)技巧是否成熟的表現(xiàn)。 視覺流程可以從理性與感性，方向關(guān)系的流程與散構(gòu)關(guān)系的流程來分析。 方向關(guān)系的流程強(qiáng)調(diào)邏輯，注重版面清晰地脈絡(luò)，似乎有一條主線、一股氣韻貫穿版面，使整個(gè)版面的運(yùn)動(dòng)趨勢(shì)有“主體旋律”，細(xì)節(jié)與主體猶如樹干和樹枝一樣和諧。方向關(guān)系流程較散構(gòu)關(guān)系流程更具有理性色彩。 前五項(xiàng)流程均為具有方向和理性的流程。二. 視覺流程的形式 1.視覺流程的籌劃 視覺流程是版式設(shè)計(jì)的重要內(nèi)容，可以說，視覺流程運(yùn)用的好壞，是設(shè)計(jì)者技巧成熟與否的表現(xiàn)。 視覺流程的籌劃包括幾個(gè)重要的因素，下面就對(duì)它們作具體的

7、歸納與分析: 2 視覺流程類型 視覺流程主要包括以下幾種類型： 單向視覺流程（線型視覺流程） 曲線視覺流程 重心視覺流程（焦點(diǎn)視覺流程） 反復(fù)視覺流程 導(dǎo)向視覺流程 散點(diǎn)視覺流程 2.1單向視覺流程（線型視覺流程） 線型視覺流程，分為直線視覺流程和曲線視覺流程兩類。 1、直線視覺流程 使頁面的流動(dòng)線更為簡明，直接地訴求主題內(nèi)容，有簡潔而強(qiáng)烈的視覺效果。直線視覺流程表現(xiàn)為三種形式： 豎向視覺流程：給人堅(jiān)定、直觀的感覺。 明確、簡潔的豎向視覺流程明確、簡潔的豎向視覺流程 橫向視覺流程：有穩(wěn)定、恬靜之感。橫向的視覺流程，向人們傳達(dá)出穩(wěn)重、可信的視覺語言橫向的視覺流程，向人們傳達(dá)出穩(wěn)重、可信的視覺語言

8、作品：戲劇海報(bào)作者：岡特.蘭博（德國） 作品運(yùn)用二維空間與三維空間過渡與巧妙結(jié)合，表現(xiàn)圖形創(chuàng)意思維和獨(dú)特的視覺效果。 斜向視覺流程：斜向線的版面設(shè)計(jì)流程以不穩(wěn)定的動(dòng)態(tài)引起注意,不僅能有效地烘托主題訴求點(diǎn),且視覺流向獨(dú)特,往往更能吸引人的視線。 2.2 2.2 曲線視覺流程曲線視覺流程 曲線視覺流程，是由視覺要素隨弧線或回旋線運(yùn)動(dòng)而形成的。它不如直線視覺流程直接簡明，但更具流暢的美感。曲線視覺流程的形式微妙而復(fù)雜，可概括為兩種形式： 弧線形弧線形(c(c形形) )視覺流程：視覺流程：有擴(kuò)張感和方向感。有擴(kuò)張感和方向感。 回旋形回旋形(s(s形形) )視覺流程：視覺流程：兩個(gè)相反的弧線產(chǎn)生矛盾回兩

9、個(gè)相反的弧線產(chǎn)生矛盾回旋，在平面中增加深度和動(dòng)感旋，在平面中增加深度和動(dòng)感。 弧線形視覺流程，使頁面具有很強(qiáng)的擴(kuò)張性曲線視覺流程能使構(gòu)圖變得更豐富，形式感更強(qiáng)，例如圓形或弧線形，給人以節(jié)奏韻律、幽雅柔美的感受，營造輕松隨意的閱讀氣氛2.3 重心的視覺流程重心是指視覺心理重心是指視覺心理的重心，重心由三的重心，重心由三種概念：種概念：1.1.以強(qiáng)烈的形象或文以強(qiáng)烈的形象或文字獨(dú)居版面某個(gè)部位字獨(dú)居版面某個(gè)部位或完全充斥整版?；蛲耆涑庹妗?其重心的位置因其重心的位置因其具體畫面而定。在其具體畫面而定。在視覺流程上，首先是視覺流程上，首先是從版面重心開始，然從版面重心開始，然后順沿形象的方向與后

10、順沿形象的方向與力度的傾向來發(fā)展力度的傾向來發(fā)展視視線的進(jìn)程。線的進(jìn)程。2.向心：視覺元素向版面中心聚攏的流程。3.3.離心：離心：猶如將石子投入水中，產(chǎn)生一圈一圈向外擴(kuò)散的弧線運(yùn)動(dòng)。重心的視覺流程使版面產(chǎn)生強(qiáng)烈的視覺焦點(diǎn)，使主題更為鮮明而強(qiáng)烈。 重心視覺流程重心視覺流程 違背視覺流程的規(guī)律，文字與圖形把版面違背視覺流程的規(guī)律，文字與圖形把版面的重心的重心引向上方或下方、異常出位引向上方或下方、異常出位。但從。但從整體布局來看，具有一種與眾不同、標(biāo)新整體布局來看，具有一種與眾不同、標(biāo)新立異的獨(dú)特魅力。立異的獨(dú)特魅力。 2.4 反復(fù)視覺流程2.4 2.4 反復(fù)視覺流程：反復(fù)視覺流程：以相同或相似

11、的序列反復(fù)排列，形成畫面形象的連續(xù)性，給人以安定感、整齊感、秩序化和規(guī)律的統(tǒng)一感。 2.5 2.5 特異視覺流程：特異視覺流程：是構(gòu)成要素在秩序的關(guān)系里，有意違反秩序。使少數(shù)、個(gè)別的要素顯得突出，以打破規(guī)律性。由于這種局部的，少量的突變，突破了常規(guī)的單調(diào)性與雷同性，成為版面的趣味中心，產(chǎn)生醒目、生動(dòng)感人的視覺效果。2.5 導(dǎo)向視覺流程導(dǎo)向視覺流程 導(dǎo)向視覺流程，是通過誘導(dǎo)性視覺元素，主動(dòng)引導(dǎo)讀者視線向一定方向作順序運(yùn)動(dòng)，按照由主及次的順序，把頁面各構(gòu)成要素依次串聯(lián)起來，形成一個(gè)有機(jī)整體。導(dǎo)向視覺流程的應(yīng)用也很多見，可以使網(wǎng)頁重點(diǎn)突出、條理清晰，發(fā)揮最大的信息傳達(dá)功能。視覺導(dǎo)向元素有多種，有虛有

12、實(shí)，表現(xiàn)多樣。1. 文字導(dǎo)向 “請(qǐng)按這里”、“點(diǎn)擊進(jìn)入”等文字，是通過語義的表達(dá)產(chǎn)生理念上的導(dǎo)向作用。另外，也可以對(duì)文字進(jìn)行圖形化處理，對(duì)瀏覽者產(chǎn)生自覺的視覺導(dǎo)向作用。2、手勢(shì)導(dǎo)向 2. 手勢(shì)導(dǎo)向比文字導(dǎo)向更容易理解，且更具有一種親和力。 用卡通人物作手勢(shì)導(dǎo)向用卡通人物作手勢(shì)導(dǎo)向 3. 形象導(dǎo)向形象導(dǎo)向同手勢(shì)導(dǎo)向一樣容易理解，較常采用的形象為箭頭。同手勢(shì)導(dǎo)向一樣容易理解，較常采用的形象為箭頭。形象導(dǎo)向，簡潔明確形象導(dǎo)向，簡潔明確 4. 視線導(dǎo)向 一組人物、動(dòng)物面向同一方向，會(huì)因共同的視線而一致起來。不同的物品方向一致，也可以產(chǎn)生統(tǒng)一感。如果將頁面中人物的視線對(duì)著物品，就會(huì)引導(dǎo)瀏覽者的視線集中到

13、物品上。充分利用視線導(dǎo)向，可以使視覺元素之間的聯(lián)系加強(qiáng)，結(jié)構(gòu)更加緊湊。 頁面中的圖像將視線引向畫面以外十字形視覺流程：十字形視覺流程：是垂直線和水平線對(duì)稱的交叉構(gòu)圖。也有斜形交叉的形式。其視線的主眼點(diǎn)集中于十字的交叉點(diǎn)，使得重點(diǎn)突出。發(fā)揮最大的信息傳達(dá)功能。u發(fā)射式視覺流程發(fā)射式視覺流程：是以文字或點(diǎn)、線等形象作為視線誘導(dǎo)，將多種條件集中于一個(gè)主眼點(diǎn)上，具有多樣統(tǒng)一的綜合視覺效果。編排中的導(dǎo)線表現(xiàn)多樣，虛實(shí)相生，富于運(yùn)動(dòng)變化。2.6 散點(diǎn)視覺流程 散點(diǎn)視覺流程，是指在分散處理視覺元素的編排方式。它強(qiáng)調(diào)感性、自由性、隨機(jī)性、偶合性。 其視覺流程為：視線隨各視覺元素作或上或下、或左或右的自由移動(dòng)。

14、這種視覺流程不如其他視覺流程 嚴(yán)謹(jǐn)、快捷、明朗，但生動(dòng)有趣，給人一種輕松隨意和慢節(jié)奏的感受。 自由的視覺元素組合成明確的主題 運(yùn)用散點(diǎn)和曲線所形成的柔和的視覺主題文字散構(gòu)組合打破次序文字散構(gòu)組合打破次序感，是整體畫面活躍靈感，是整體畫面活躍靈動(dòng)。動(dòng)。作為個(gè)性化的視覺元素，拼貼剪紙式的文字分別占據(jù)了三個(gè)作為個(gè)性化的視覺元素，拼貼剪紙式的文字分別占據(jù)了三個(gè)點(diǎn)，吸引視線在它們之間流動(dòng)。點(diǎn)，吸引視線在它們之間流動(dòng)。最佳視域順序最佳焦點(diǎn)最佳視域區(qū)視覺流程 人們閱讀材料時(shí)習(xí)慣按照從左到右，從人們閱讀材料時(shí)習(xí)慣按照從左到右，從上到下的順序進(jìn)行。瀏覽者的眼睛首先看到上到下的順序進(jìn)行。瀏覽者的眼睛首先看到的是頁

15、面的左上角，然后逐漸往下看。根據(jù)的是頁面的左上角，然后逐漸往下看。根據(jù)這一習(xí)慣，設(shè)計(jì)時(shí)可以把重要信息放在頁面這一習(xí)慣，設(shè)計(jì)時(shí)可以把重要信息放在頁面的左上角或頁面頂部，如公司的標(biāo)志、最新的左上角或頁面頂部，如公司的標(biāo)志、最新消息等，然后按重要性依次放置其他內(nèi)容。消息等，然后按重要性依次放置其他內(nèi)容。 重要的信息應(yīng)該讓瀏覽者最容易發(fā)現(xiàn)，而不是深藏在多層鏈接之后。瀏覽者的眼睛首先看到的是頁面的左上角瀏覽者的眼睛首先看到的是頁面的左上角三、視覺流程運(yùn)動(dòng)中應(yīng)注意的事項(xiàng) 1 1、視覺流程的邏輯性、視覺流程的邏輯性 首先要符合人們認(rèn)識(shí)的心理順序和思維活動(dòng)的首先要符合人們認(rèn)識(shí)的心理順序和思維活動(dòng)的邏輯順序，故

16、而，廣告構(gòu)成要素的主次順序應(yīng)邏輯順序，故而，廣告構(gòu)成要素的主次順序應(yīng)該與其吻合一致。該與其吻合一致。 例如圖片所提供的可視性比文字更具直觀性，例如圖片所提供的可視性比文字更具直觀性，把它作為廣告版面的視覺中心，比較符合人們把它作為廣告版面的視覺中心，比較符合人們?cè)谡J(rèn)識(shí)過程中先感性后理性的順序。在認(rèn)識(shí)過程中先感性后理性的順序。 2 2、視覺流程的節(jié)奏性、視覺流程的節(jié)奏性 節(jié)奏作為一種形式的審美要素，不僅能提節(jié)奏作為一種形式的審美要素，不僅能提高人們的視覺興趣，而且在形式結(jié)構(gòu)上也高人們的視覺興趣，而且在形式結(jié)構(gòu)上也利于視線的運(yùn)動(dòng)。利于視線的運(yùn)動(dòng)。 它在構(gòu)成要素之間位置上要造成一定的節(jié)它在構(gòu)成要素之

17、間位置上要造成一定的節(jié)奏關(guān)系，使其有長有短，有急有緩，有疏奏關(guān)系，使其有長有短，有急有緩，有疏有密，有曲有直形成心理的節(jié)奏，以提高有密，有曲有直形成心理的節(jié)奏，以提高觀眾的閱讀興趣。觀眾的閱讀興趣。 3、視覺流程的誘導(dǎo)性視覺流程的誘導(dǎo)性 現(xiàn)代廣告的編排設(shè)計(jì)上，十分重視如現(xiàn)代廣告的編排設(shè)計(jì)上，十分重視如何引導(dǎo)觀眾的視線流動(dòng)。設(shè)計(jì)師可以何引導(dǎo)觀眾的視線流動(dòng)。設(shè)計(jì)師可以通過適當(dāng)?shù)木幣?，左右人們的視線，通過適當(dāng)?shù)木幣?，左右人們的視線，使其按照設(shè)計(jì)意圖進(jìn)行順序流動(dòng)。用使其按照設(shè)計(jì)意圖進(jìn)行順序流動(dòng)。用什么要素捕捉觀眾的視覺注意力呢什么要素捕捉觀眾的視覺注意力呢?1 1、當(dāng)某一視覺信息具有較強(qiáng)的刺激度時(shí)，就

18、容易為視覺所感知，人的視線就會(huì)移動(dòng)到這里，成為有意識(shí)注意，這是視覺流程的第一階段。2、當(dāng)人們的視覺對(duì)信息產(chǎn)生注意后，視覺信息在形態(tài)和構(gòu)成上具有強(qiáng)烈的個(gè)性，形成周圍環(huán)境的相異性，因而能進(jìn)一步引起人們的視覺興趣，在物象內(nèi)按一定順序進(jìn)行流動(dòng)，并接受其信息。3、人們的視線總是最先對(duì)準(zhǔn)刺激力強(qiáng)度最大之處，然后按照視覺物象各構(gòu)成要素刺激度由強(qiáng)到弱的流動(dòng)，形成一定的順序。4、視線流動(dòng)的順序，還要受到人的生理及心理的影響。由于眼睛的水平運(yùn)動(dòng)比垂直運(yùn)動(dòng)快，因而在視察視覺物象時(shí)，容易先注意水平方向的物象，然后才注意垂直 方向的物象。四 .視線流動(dòng)規(guī)律 報(bào)紙廣告是大家非常熟悉的廣告形式。它種類繁雜、發(fā)行面廣、時(shí)效性

19、強(qiáng)、傳播力高、閱讀者眾。尤其是報(bào)紙的連續(xù)性，更能吸引讀者逐步加深印象。所以說，報(bào)紙是“解釋力最強(qiáng)”的廣告媒體。報(bào)紙廣告的版面大體分為雙頁跨版、雙半頁跨版、整版、半版、四分之一版、三分之一版和其它不同尺寸的廣告版面。 這要根據(jù)客戶要求的具體內(nèi)容進(jìn)行適當(dāng)?shù)倪x擇。一幅報(bào)紙廣告主要由商標(biāo)、品名、標(biāo)題、廣告語、文案、廠名、圖片和圖形等要素構(gòu)成，設(shè)計(jì)師的任務(wù)就是發(fā)揮上述各種要素的機(jī)能，抓住讀者的視線，創(chuàng)造出富于個(gè)性的版面形式，達(dá)到銷售商品和建立品牌形象的目的。 1 .1 .報(bào)紙廣告的版式視覺流程報(bào)紙廣告的版式視覺流程理解和運(yùn)用版式設(shè)計(jì)的視覺流程 在視覺心理學(xué)家的研究中，視覺運(yùn)動(dòng)規(guī)律是其成果之一。一條垂直線

20、在頁面上，會(huì)引導(dǎo)視線作上下的視覺流動(dòng)；水平線會(huì)引導(dǎo)視線向左右的視覺流動(dòng)；斜線比垂直線、水平線有更強(qiáng)的視覺訴求力；矩形的視線流動(dòng)是向四方發(fā)射的；圓形的視線流動(dòng)是輻射狀的；三角形則隨著頂角之方向使視線產(chǎn)生流動(dòng)；各種圖形從大到小漸層排列時(shí)，視線會(huì)強(qiáng)烈地按照排列方向流動(dòng)。 視覺流程，是視線在觀賞物上的移動(dòng)過程，是二維或三維空間中的運(yùn)動(dòng)。這種視覺的流動(dòng)線極為重要，同時(shí)又是很容易被網(wǎng)頁設(shè)計(jì)者忽視的因素。經(jīng)驗(yàn)豐富的設(shè)計(jì)者都對(duì)此非常重視，他們善于運(yùn)用這條貫穿頁面的主線，設(shè)計(jì)易于瀏覽的頁面。從某個(gè)角度講，視覺流程的設(shè)計(jì)結(jié)果就是版式。2 .網(wǎng)頁版式設(shè)計(jì)與視覺流程廣告設(shè)計(jì)與視覺流程 如為了使廣告產(chǎn)生良好的視覺誘導(dǎo)效

21、果，也為了烘托廣告主題和增加畫面興趣，現(xiàn)代廣告常用俊男美女作版面的廣告人物形象，采用美妙的動(dòng)與靜的姿態(tài)吸引人們的視線。當(dāng)人們的視線接觸到直立的人物形象時(shí)，就會(huì)從人的臉部開始，到胸、腰、腹到腳，作從上而下的視線流動(dòng)，最后引導(dǎo)到產(chǎn)品上或商標(biāo)上。如果人們的視線接觸的是橫臥的橫長形的人物形象時(shí)，就會(huì)從左到右(或從右到左)進(jìn)行視線流動(dòng)，最后到達(dá)廣告訴求重心。 安排廣告人物形象的動(dòng)勢(shì)時(shí)，一般均讓人物形象的視線朝向于版面之內(nèi)部，其他手、腳的動(dòng)態(tài)設(shè)計(jì)，也要配合視線的方向，做出有運(yùn)動(dòng)感的姿勢(shì)，以強(qiáng)調(diào)視線的方向，引導(dǎo)觀眾的視線從人物形象的臉部開始，順著手、身的動(dòng)勢(shì)一步一步地引導(dǎo)至廣告的訴求重心。如果廣告人物形象之視線朝向于廣告版面之外部，則觀眾的視線流動(dòng)就會(huì)中斷，視覺流程的設(shè)計(jì)就不能發(fā)揮它預(yù)期的功能。 習(xí)題：2、視覺流程有哪些流程形式？