面設(shè)計(jì)的視覺(jué)流程PPT課件

1、 視覺(jué)流程，是視線(xiàn)在觀賞物上的移動(dòng)過(guò)程，是二維或三維空間中的運(yùn)動(dòng)。 這種視覺(jué)的流動(dòng)線(xiàn)極為重要，同時(shí)又是很容易被設(shè)計(jì)者忽視的因素。 版面設(shè)計(jì)的視覺(jué)流程是一種“空間的運(yùn)動(dòng)”，是視線(xiàn)隨各元素在空間沿一定軌跡運(yùn)動(dòng)的過(guò)程。 這種視覺(jué)在空間的流動(dòng)線(xiàn)為“虛線(xiàn)”，正因?yàn)樗?，所以設(shè)計(jì)時(shí)容易被忽略。第1頁(yè)/共48頁(yè)在視覺(jué)心理學(xué)家的研究中，視覺(jué)運(yùn)動(dòng)規(guī)律是其成果之一。第2頁(yè)/共48頁(yè)第3頁(yè)/共48頁(yè)1、一條垂直線(xiàn)在頁(yè)面上，會(huì)引導(dǎo)視線(xiàn)作上下的視覺(jué)流動(dòng)；第4頁(yè)/共48頁(yè)第5頁(yè)/共48頁(yè)2、水平線(xiàn)會(huì)引導(dǎo)視線(xiàn)向左右的視覺(jué)流動(dòng)；第6頁(yè)/共48頁(yè)第7頁(yè)/共48頁(yè)3、斜線(xiàn)比垂直線(xiàn)、水平線(xiàn)有更強(qiáng)的視覺(jué)訴求力；第8頁(yè)/共48頁(yè)3、斜

2、線(xiàn)比垂直線(xiàn)、水平線(xiàn)有更強(qiáng)的視覺(jué)訴求力；第9頁(yè)/共48頁(yè)第10頁(yè)/共48頁(yè)4、矩形的視線(xiàn)流動(dòng)是向四方發(fā)射的；第11頁(yè)/共48頁(yè)第12頁(yè)/共48頁(yè)5、面積大的圓形的視線(xiàn)流動(dòng)是曲線(xiàn)的；面積小的圓形視覺(jué)流動(dòng)是聚合的第13頁(yè)/共48頁(yè)第14頁(yè)/共48頁(yè)6、三角形則隨著頂角之方向使視線(xiàn)產(chǎn)生流動(dòng)；第15頁(yè)/共48頁(yè)7、各種圖形從大到小漸層排列時(shí)，視線(xiàn)會(huì)強(qiáng)烈地按照排列方向流動(dòng)。第16頁(yè)/共48頁(yè) 經(jīng)驗(yàn)豐富的設(shè)計(jì)者都對(duì)此非常重視，他們善于運(yùn)用這條貫穿頁(yè)面的主線(xiàn)，設(shè)計(jì)易于瀏覽的頁(yè)面。從某個(gè)角度講，視覺(jué)流程的設(shè)計(jì)結(jié)果就是版式。第17頁(yè)/共48頁(yè)人們是怎樣看圖片的？ 研究者們發(fā)現(xiàn)，我們眼睛瀏覽圖片時(shí)不是處在一種連續(xù)不

3、斷的掃視之中，而是有一系列短暫的停頓和跳躍。這種間斷不完全是任意的。記住這一點(diǎn)，我們應(yīng)注意下列一些情況。第18頁(yè)/共48頁(yè) 觀看這張圖的時(shí)候，你先看到了什么，后看到了什么 第19頁(yè)/共48頁(yè)A、眼睛有一種停留在一幅畫(huà)面左上角的傾向。第20頁(yè)/共48頁(yè)B、眼睛總是順時(shí)針看一張圖片。 第21頁(yè)/共48頁(yè)C、眼睛總是先看圖，再看底。 第22頁(yè)/共48頁(yè)D、眼睛總是首先看圖片上的人，然后是注意諸如云彩、汽車(chē)等移動(dòng)的物體，最后才注意到固定的物體。 既然我們都有一種從左到右、從上到下觀察物體的習(xí)慣，毫無(wú)疑問(wèn)，追尋這些視覺(jué)規(guī)律構(gòu)建你的畫(huà)面是最好的方式。第23頁(yè)/共48頁(yè)二、視覺(jué)流程的形式1.視覺(jué)流程的籌劃

4、視覺(jué)流程是版式設(shè)計(jì)的重要內(nèi)容，可以說(shuō)，視覺(jué)流程運(yùn)用的好壞，是設(shè)計(jì)者技巧成熟與否的表現(xiàn)。 視覺(jué)流程的籌劃包括幾個(gè)重要的因素，下面就對(duì)它們作具體的歸納與分析。 第24頁(yè)/共48頁(yè)2 視覺(jué)流程類(lèi)型 視覺(jué)流程主要包括以下幾種類(lèi)型： 線(xiàn)型視覺(jué)流程 曲線(xiàn)視覺(jué)流程 焦點(diǎn)視覺(jué)流程 反復(fù)視覺(jué)流程 導(dǎo)向視覺(jué)流程 第25頁(yè)/共48頁(yè)線(xiàn)型視覺(jué)流程 線(xiàn)型視覺(jué)流程，分為直線(xiàn)視覺(jué)流程和曲線(xiàn)視覺(jué)流程兩類(lèi)。1、直線(xiàn)視覺(jué)流程 使頁(yè)面的流動(dòng)線(xiàn)更為簡(jiǎn)明，直接地訴求主題內(nèi)容，有簡(jiǎn)潔而強(qiáng)烈的視覺(jué)效果。直線(xiàn)視覺(jué)流程表現(xiàn)為三種形式：第26頁(yè)/共48頁(yè)豎向視覺(jué)流程：給人堅(jiān)定、直觀的感覺(jué)。 明確、簡(jiǎn)潔的豎向視覺(jué)流程明確、簡(jiǎn)潔的豎向視覺(jué)流程第27

5、頁(yè)/共48頁(yè) 橫向視覺(jué)流程：有穩(wěn)定、恬靜之感。橫向的視覺(jué)流程，向人們傳達(dá)出穩(wěn)重、可信的視覺(jué)語(yǔ)言橫向的視覺(jué)流程，向人們傳達(dá)出穩(wěn)重、可信的視覺(jué)語(yǔ)言第28頁(yè)/共48頁(yè) 斜向視覺(jué)流程：以不穩(wěn)定的動(dòng)勢(shì)引起注意。第29頁(yè)/共48頁(yè)曲線(xiàn)視覺(jué)流程曲線(xiàn)視覺(jué)流程，是由視覺(jué)要素隨弧線(xiàn)或回旋線(xiàn)運(yùn)動(dòng)而形成的。它不如直線(xiàn)視覺(jué)流程直接簡(jiǎn)明，但更具流暢的美感。曲線(xiàn)視覺(jué)流程的形式微妙而復(fù)雜，可概括為兩種形式： 弧線(xiàn)形（C形）視覺(jué)流程：有擴(kuò)張感和方向感。第30頁(yè)/共48頁(yè) 弧線(xiàn)形視覺(jué)流程，使頁(yè)面具有很強(qiáng)的擴(kuò)張性第31頁(yè)/共48頁(yè)回旋形（S形）視覺(jué)流程：兩個(gè)相反的弧線(xiàn)則產(chǎn)生矛盾回旋，在平面中增加深度和動(dòng)感。第32頁(yè)/共48頁(yè)重心的

6、視覺(jué)流程重心是指視覺(jué)心理的重心，重心是指視覺(jué)心理的重心，重心有三種概念：重心有三種概念：1 1、以強(qiáng)烈的形象或文字獨(dú)、以強(qiáng)烈的形象或文字獨(dú)據(jù)版面某個(gè)部位或完全充斥據(jù)版面某個(gè)部位或完全充斥整版。整版。其重心的位置因其具體畫(huà)面其重心的位置因其具體畫(huà)面而定。在視覺(jué)流程上，首先而定。在視覺(jué)流程上，首先是從版面重心開(kāi)始，然后順是從版面重心開(kāi)始，然后順沿形象的方向與力度的傾向沿形象的方向與力度的傾向來(lái)發(fā)展視線(xiàn)的進(jìn)程。來(lái)發(fā)展視線(xiàn)的進(jìn)程。第33頁(yè)/共48頁(yè)向心： 視覺(jué)元素向版面中心聚攏的流程。第34頁(yè)/共48頁(yè)離心：猶如將石子投入水中，產(chǎn)生一圈一圈向外擴(kuò)散的弧線(xiàn)運(yùn)用。重心的視覺(jué)程使版面產(chǎn)生強(qiáng)烈的視覺(jué)焦點(diǎn)，使主

7、題更為鮮明而強(qiáng)烈。第35頁(yè)/共48頁(yè)反復(fù)視覺(jué)流程 反復(fù)視覺(jué)流程是指網(wǎng)頁(yè)中相同或相似的視覺(jué)要素，作規(guī)律、秩序、節(jié)奏的逐次運(yùn)動(dòng)。其產(chǎn)生的視覺(jué)效果更富于韻律美和秩序美。第36頁(yè)/共48頁(yè)第37頁(yè)/共48頁(yè) 視線(xiàn)導(dǎo)向 一組人物、動(dòng)物面向同一方向，會(huì)因共同的視線(xiàn)而一致起來(lái)。不同的物品方向一致，也可以產(chǎn)生統(tǒng)一感。如果將頁(yè)面中人物的視線(xiàn)對(duì)著物品，就會(huì)引導(dǎo)瀏覽者的視線(xiàn)集中到物品上。充分利用視線(xiàn)導(dǎo)向，可以使視覺(jué)元素之間的聯(lián)系加強(qiáng)，結(jié)構(gòu)更加緊湊。第38頁(yè)/共48頁(yè)第39頁(yè)/共48頁(yè)頁(yè)面中的圖像將視線(xiàn)引向畫(huà)面以外第40頁(yè)/共48頁(yè)最佳視域最佳視域注目程度不同，給人心理上的感受也不同。注目程度不同，給人心理上的感受也

8、不同。1、上部給人輕快、漂浮、積極、高昂之、上部給人輕快、漂浮、積極、高昂之趕；下部給人壓抑、沉重、限制、穩(wěn)定的趕；下部給人壓抑、沉重、限制、穩(wěn)定的印象；印象；2、最重要的信息，應(yīng)安排在注目率最高、最重要的信息，應(yīng)安排在注目率最高的頁(yè)面位置，這個(gè)位置就是頁(yè)面的最佳視的頁(yè)面位置，這個(gè)位置就是頁(yè)面的最佳視域。域。3、瀏覽者的眼睛首先看到的是頁(yè)面中間、瀏覽者的眼睛首先看到的是頁(yè)面中間偏上的區(qū)域。偏上的區(qū)域。4、根據(jù)視覺(jué)心理學(xué)的研究，人的視線(xiàn)對(duì)、根據(jù)視覺(jué)心理學(xué)的研究，人的視線(xiàn)對(duì)于版面的視覺(jué)訴求力大體是上部比下部強(qiáng)，于版面的視覺(jué)訴求力大體是上部比下部強(qiáng)，左半部比右半部強(qiáng)。左半部比右半部強(qiáng)。21第41頁(yè)/共48頁(yè)三、視覺(jué)流程運(yùn)動(dòng)中應(yīng)注意的事項(xiàng) 1、視覺(jué)流程的邏輯性 首先要符合人們認(rèn)識(shí)的心理順序和思維活動(dòng)的邏輯順序， 內(nèi)容主次順序應(yīng)該與其吻合一致。第42頁(yè)/共48頁(yè)2、視覺(jué)流程的節(jié)奏性（對(duì)比） 構(gòu)成要素之間位置上要造成一定的節(jié)奏關(guān)系，使其有長(zhǎng)有短，有急有緩，有疏有密