版式的視覺流程設(shè)計(jì)課件_第1頁
版式的視覺流程設(shè)計(jì)課件_第2頁
版式的視覺流程設(shè)計(jì)課件_第3頁
版式的視覺流程設(shè)計(jì)課件_第4頁
版式的視覺流程設(shè)計(jì)課件_第5頁
已閱讀5頁,還剩89頁未讀 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡介

第二章、版面設(shè)計(jì)的

視覺流程第二章、版面設(shè)計(jì)的

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

這種視覺在空間的流動線為“虛線”,正因?yàn)樗?,所以設(shè)計(jì)時(shí)容易被忽略。視覺流程,是視線在觀賞物上的移動過程,是二維或三維空間中的運(yùn)經(jīng)驗(yàn)豐富的設(shè)計(jì)者都對此非常重視,他們善于運(yùn)用這條貫穿頁面的主線,設(shè)計(jì)易于瀏覽的頁面。

從某個(gè)角度講,視覺流程的設(shè)計(jì)結(jié)果就是版式。經(jīng)驗(yàn)豐富的設(shè)計(jì)者都對此非常重視,他們善于運(yùn)用這條貫人們是怎樣看圖片的?研究者們發(fā)現(xiàn),我們眼睛瀏覽圖片時(shí)不是處在一種連續(xù)不斷的掃視之中,而是有一系列短暫的停頓和跳躍。這種間斷不完全是任意的。記住這一點(diǎn),我們應(yīng)注意下列一些情況。版式的視覺流程設(shè)計(jì)課件觀看這張圖的時(shí)候,你先看到了什么,后看到了什么觀看這張圖的時(shí)候,你先看到了什么,后看到了什么A、眼睛有一種停留在一幅畫面左上角的傾向。B、眼睛總是順時(shí)針看一張圖片。

C、眼睛總是首先看圖片上的人,然后是注意諸如云彩、汽車等移動的物體,最后才注意到固定的物體。

既然我們都有一種從左到右、從上到下觀察物體的習(xí)慣,毫無疑問,追尋這些視覺規(guī)律構(gòu)建你的畫面是最好的方式。A、眼睛有一種停留在一幅畫面左上角的傾向。一、視線流動規(guī)律1、當(dāng)某一視覺信息具有較強(qiáng)的刺激度時(shí),就容易為視覺所感知,人的視線就會移動到這里,成為有意識注意,這是視覺流程的第一階段。

2、當(dāng)人們的視覺對信息產(chǎn)生注意后,視覺信息在形態(tài)和構(gòu)成上具有強(qiáng)烈的個(gè)性,形成周圍環(huán)境的相異性,因而能進(jìn)一步引起人們的視覺興趣,在物象內(nèi)按一定順序進(jìn)行流動,并接受其信息。

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

6、組合在一起具有相似性的因素,具有引導(dǎo)視線流動的作用,如形狀的相似,大小的相似,色彩的相似,位置的相似等。

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

2視覺流程類型視覺流程主要包括以下幾種類型:

線型視覺流程曲線視覺流程焦點(diǎn)視覺流程反復(fù)視覺流程導(dǎo)向視覺流程散點(diǎn)視覺流程2視覺流程類型

2.1線型視覺流程線型視覺流程,分為直線視覺流程和曲線視覺流程兩類。1、直線視覺流程使頁面的流動線更為簡明,直接地訴求主題內(nèi)容,有簡潔而強(qiáng)烈的視覺效果。直線視覺流程表現(xiàn)為三種形式:2.1線型視覺流程豎向視覺流程:給人堅(jiān)定、直觀的感覺。明確、簡潔的豎向視覺流程豎向視覺流程:給人堅(jiān)定、直觀的感覺。明確、簡潔的豎向視覺流橫向視覺流程:有穩(wěn)定、恬靜之感。橫向的視覺流程,向人們傳達(dá)出穩(wěn)重、可信的視覺語言橫向視覺流程:有穩(wěn)定、恬靜之感。橫向的視覺流程,向人們傳達(dá)斜向視覺流程:以不穩(wěn)定的動勢引起注意。斜向視覺流程,使頁面產(chǎn)生動感斜向視覺流程:以不穩(wěn)定的動勢引起注意。斜向視覺流程,使頁面

2.2曲線視覺流程曲線視覺流程,是由視覺要素隨弧線或回旋線運(yùn)動而形成的。它不如直線視覺流程直接簡明,但更具流暢的美感。曲線視覺流程的形式微妙而復(fù)雜,可概括為兩種形式:弧線形(C形)視覺流程:有擴(kuò)張感和方向感。2.2曲線視覺流程弧線形視覺流程,使頁面具有很強(qiáng)的擴(kuò)張性弧線形視覺流程,使頁面具有很強(qiáng)的擴(kuò)張性回旋形(S形)視覺流程:兩個(gè)相反的弧線則產(chǎn)生矛盾回旋,在平面中增加深度和動感?;匦危⊿形)視覺流程:兩個(gè)相反的弧線則產(chǎn)生矛盾回旋,在平2.3重心的視覺流程其重心的位置因其具體畫面而定。在視覺流程上,首先是從版面重心開始,然后順沿形象的方向與力度的傾向來發(fā)展視線的進(jìn)程。2.3重心的視覺流程其重心的位置因其具體畫面而定。在視覺流版式的視覺流程設(shè)計(jì)課件版式的視覺流程設(shè)計(jì)課件

2.4反復(fù)視覺流程反復(fù)視覺流程是指網(wǎng)頁中相同或相似的視覺要素,作規(guī)律、秩序、節(jié)奏的逐次運(yùn)動。其產(chǎn)生的視覺效果更富于韻律美和秩序美。2.4反復(fù)視覺流程規(guī)則排列的小圖片具有秩序美書本圖12、13、14版式的視覺流程設(shè)計(jì)課件

2.5導(dǎo)向視覺流程

導(dǎo)向視覺流程,是通過誘導(dǎo)性視覺元素,主動引導(dǎo)讀者視線向一定方向作順序運(yùn)動,按照由主及次的順序,把頁面各構(gòu)成要素依次串聯(lián)起來,形成一個(gè)有機(jī)整體。導(dǎo)向視覺流程的應(yīng)用也很多見,可以使網(wǎng)頁重點(diǎn)突出、條理清晰,發(fā)揮最大的信息傳達(dá)功能。視覺導(dǎo)向元素有多種,有虛有實(shí),表現(xiàn)多樣。2.5導(dǎo)向視覺流程1.文字導(dǎo)向“請按這里”、“點(diǎn)擊進(jìn)入”等文字,是通過語義的表達(dá)產(chǎn)生理念上的導(dǎo)向作用。另外,也可以對文字進(jìn)行圖形化處理,對瀏覽者產(chǎn)生自覺的視覺導(dǎo)向作用。1.文字導(dǎo)向

2.手勢導(dǎo)向手勢導(dǎo)向比文字導(dǎo)向更容易理解,且更具有一種親和力。用卡通人物作手勢導(dǎo)向2.手勢導(dǎo)向用卡通人物作手勢導(dǎo)向

3.形象導(dǎo)向同手勢導(dǎo)向一樣容易理解,較常采用的形象為箭頭。形象導(dǎo)向,簡潔明確3.形象導(dǎo)向形象導(dǎo)向,簡潔明確

4.視線導(dǎo)向

一組人物、動物面向同一方向,會因共同的視線而一致起來。不同的物品方向一致,也可以產(chǎn)生統(tǒng)一感。如果將頁面中人物的視線對著物品,就會引導(dǎo)瀏覽者的視線集中到物品上。充分利用視線導(dǎo)向,可以使視覺元素之間的聯(lián)系加強(qiáng),結(jié)構(gòu)更加緊湊。4.視線導(dǎo)向頁面中的圖像將視線引向畫面以外頁面中的圖像將視線引向畫面以外2.6散點(diǎn)視覺流程

散點(diǎn)視覺流程,是指在分散處理視覺元素的編排方式。它強(qiáng)調(diào)感性、自由性、隨機(jī)性、偶合性。其視覺流程為:視線隨各視覺元素作或上或下、或左或右的自由移動。這種視覺流程不如其他視覺流程嚴(yán)謹(jǐn)、快捷、明朗,但生動有趣,給人一種輕松隨意和慢節(jié)奏的感受。

2.6散點(diǎn)視覺流程自由的視覺元素組合成明確的主題自由的視覺元素組合成明確的主題運(yùn)用散點(diǎn)和曲線所形成的柔和的視覺主題運(yùn)用散點(diǎn)和曲線所形成的柔和的視覺主題版式的視覺流程設(shè)計(jì)課件版式的視覺流程設(shè)計(jì)課件作為個(gè)性化的視覺元素,拼貼剪紙式的文字分別占據(jù)了三個(gè)點(diǎn),吸引視線在它們之間流動作為個(gè)性化的視覺元素,拼貼剪紙式的文字分別占據(jù)了三個(gè)點(diǎn),吸引人們閱讀材料時(shí)習(xí)慣按照從左到右,從上到下的順序進(jìn)行。瀏覽者的眼睛首先看到的是頁面的左上角,然后逐漸往下看。根據(jù)這一習(xí)慣,設(shè)計(jì)時(shí)可以把重要信息放在頁面的左上角或頁面頂部,如公司的標(biāo)志、最新消息等,然后按重要性依次放置其他內(nèi)容。

人們閱讀材料時(shí)習(xí)慣按照從左到右,從上到下的順序進(jìn)行重要的信息應(yīng)該讓瀏覽者最容易發(fā)現(xiàn),而不是深藏在多層鏈接之后。瀏覽者的眼睛首先看到的是頁面的左上角重要的信息應(yīng)該讓瀏覽者最容易發(fā)現(xiàn),而不是深藏在多層鏈接之課本圖33版面中各區(qū)域的視覺注目度課本圖33版面中各區(qū)域的視覺注目度三、視覺流程運(yùn)動中應(yīng)注意的事項(xiàng)

1、視覺流程的邏輯性

首先要符合人們認(rèn)識的心理順序和思維活動的邏輯順序,故而,廣告構(gòu)成要素的主次順序應(yīng)該與其吻合一致。例如圖片所提供的可視性比文字更具直觀性,把它作為廣告版面的視覺中心,比較符合人們在認(rèn)識過程中先感性后理性的順序。三、視覺流程運(yùn)動中應(yīng)注意的事項(xiàng)2、視覺流程的節(jié)奏性

節(jié)奏作為一種形式的審美要素,不僅能提高人們的視覺興趣,而且在形式結(jié)構(gòu)上也利于視線的運(yùn)動。它在構(gòu)成要素之間位置上要造成一定的節(jié)奏關(guān)系,使其有長有短,有急有緩,有疏有密,有曲有直形成心理的節(jié)奏,以提高觀眾的閱讀興趣。2、視覺流程的節(jié)奏性3、視覺流程的誘導(dǎo)性

現(xiàn)代廣告的編排設(shè)計(jì)上,十分重視如何引導(dǎo)觀眾的視線流動。設(shè)計(jì)師可以通過適當(dāng)?shù)木幣?,左右人們的視線,使其按照設(shè)計(jì)意圖進(jìn)行順序流動。用什么要素捕捉觀眾的視覺注意力呢?3、視覺流程的誘導(dǎo)性如為了使廣告產(chǎn)生良好的視覺誘導(dǎo)效果,也為了烘托廣告主題和增加畫面興趣,現(xiàn)代廣告常用俊男美女作版面的廣告人物形象,采用美妙的動與靜的姿態(tài)吸引人們的視線。當(dāng)人們的視線接觸到直立的人物形象時(shí),就會從人的臉部開始,到胸、腰、腹到腳,作從上而下的視線流動,最后引導(dǎo)到產(chǎn)品上或商標(biāo)上。如果人們的視線接觸的是橫臥的橫長形的人物形象時(shí),就會從左到右(或從右到左)進(jìn)行視線流動,最后到達(dá)廣告訴求重心。

如為了使廣告產(chǎn)生良好的視覺誘導(dǎo)效果,也為了烘托廣告主題和增加安排廣告人物形象的動勢時(shí),一般均讓人物形象的視線朝向于版面之內(nèi)部,其他手、腳的動態(tài)設(shè)計(jì),也要配合視線的方向,做出有運(yùn)動感的姿勢,以強(qiáng)調(diào)視線的方向,引導(dǎo)觀眾的視線從人物形象的臉部開始,順著手、身的動勢一步一步地引導(dǎo)至廣告的訴求重心。如果廣告人物形象之視線朝向于廣告版面之外部,則觀眾的視線流動就會中斷,視覺流程的設(shè)計(jì)就不能發(fā)揮它預(yù)期的功能。

安排廣告人物形象的動勢時(shí),一般均讓人物形象的視線朝向于版面之版式的視覺流程設(shè)計(jì)課件46演講完畢,謝謝觀看!演講完畢,謝謝觀看!47第二章、版面設(shè)計(jì)的

視覺流程第二章、版面設(shè)計(jì)的

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

這種視覺在空間的流動線為“虛線”,正因?yàn)樗摚栽O(shè)計(jì)時(shí)容易被忽略。視覺流程,是視線在觀賞物上的移動過程,是二維或三維空間中的運(yùn)經(jīng)驗(yàn)豐富的設(shè)計(jì)者都對此非常重視,他們善于運(yùn)用這條貫穿頁面的主線,設(shè)計(jì)易于瀏覽的頁面。

從某個(gè)角度講,視覺流程的設(shè)計(jì)結(jié)果就是版式。經(jīng)驗(yàn)豐富的設(shè)計(jì)者都對此非常重視,他們善于運(yùn)用這條貫人們是怎樣看圖片的?研究者們發(fā)現(xiàn),我們眼睛瀏覽圖片時(shí)不是處在一種連續(xù)不斷的掃視之中,而是有一系列短暫的停頓和跳躍。這種間斷不完全是任意的。記住這一點(diǎn),我們應(yīng)注意下列一些情況。版式的視覺流程設(shè)計(jì)課件觀看這張圖的時(shí)候,你先看到了什么,后看到了什么觀看這張圖的時(shí)候,你先看到了什么,后看到了什么A、眼睛有一種停留在一幅畫面左上角的傾向。B、眼睛總是順時(shí)針看一張圖片。

C、眼睛總是首先看圖片上的人,然后是注意諸如云彩、汽車等移動的物體,最后才注意到固定的物體。

既然我們都有一種從左到右、從上到下觀察物體的習(xí)慣,毫無疑問,追尋這些視覺規(guī)律構(gòu)建你的畫面是最好的方式。A、眼睛有一種停留在一幅畫面左上角的傾向。一、視線流動規(guī)律1、當(dāng)某一視覺信息具有較強(qiáng)的刺激度時(shí),就容易為視覺所感知,人的視線就會移動到這里,成為有意識注意,這是視覺流程的第一階段。

2、當(dāng)人們的視覺對信息產(chǎn)生注意后,視覺信息在形態(tài)和構(gòu)成上具有強(qiáng)烈的個(gè)性,形成周圍環(huán)境的相異性,因而能進(jìn)一步引起人們的視覺興趣,在物象內(nèi)按一定順序進(jìn)行流動,并接受其信息。

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

6、組合在一起具有相似性的因素,具有引導(dǎo)視線流動的作用,如形狀的相似,大小的相似,色彩的相似,位置的相似等。

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

2視覺流程類型視覺流程主要包括以下幾種類型:

線型視覺流程曲線視覺流程焦點(diǎn)視覺流程反復(fù)視覺流程導(dǎo)向視覺流程散點(diǎn)視覺流程2視覺流程類型

2.1線型視覺流程線型視覺流程,分為直線視覺流程和曲線視覺流程兩類。1、直線視覺流程使頁面的流動線更為簡明,直接地訴求主題內(nèi)容,有簡潔而強(qiáng)烈的視覺效果。直線視覺流程表現(xiàn)為三種形式:2.1線型視覺流程豎向視覺流程:給人堅(jiān)定、直觀的感覺。明確、簡潔的豎向視覺流程豎向視覺流程:給人堅(jiān)定、直觀的感覺。明確、簡潔的豎向視覺流橫向視覺流程:有穩(wěn)定、恬靜之感。橫向的視覺流程,向人們傳達(dá)出穩(wěn)重、可信的視覺語言橫向視覺流程:有穩(wěn)定、恬靜之感。橫向的視覺流程,向人們傳達(dá)斜向視覺流程:以不穩(wěn)定的動勢引起注意。斜向視覺流程,使頁面產(chǎn)生動感斜向視覺流程:以不穩(wěn)定的動勢引起注意。斜向視覺流程,使頁面

2.2曲線視覺流程曲線視覺流程,是由視覺要素隨弧線或回旋線運(yùn)動而形成的。它不如直線視覺流程直接簡明,但更具流暢的美感。曲線視覺流程的形式微妙而復(fù)雜,可概括為兩種形式:弧線形(C形)視覺流程:有擴(kuò)張感和方向感。2.2曲線視覺流程弧線形視覺流程,使頁面具有很強(qiáng)的擴(kuò)張性弧線形視覺流程,使頁面具有很強(qiáng)的擴(kuò)張性回旋形(S形)視覺流程:兩個(gè)相反的弧線則產(chǎn)生矛盾回旋,在平面中增加深度和動感?;匦危⊿形)視覺流程:兩個(gè)相反的弧線則產(chǎn)生矛盾回旋,在平2.3重心的視覺流程其重心的位置因其具體畫面而定。在視覺流程上,首先是從版面重心開始,然后順沿形象的方向與力度的傾向來發(fā)展視線的進(jìn)程。2.3重心的視覺流程其重心的位置因其具體畫面而定。在視覺流版式的視覺流程設(shè)計(jì)課件版式的視覺流程設(shè)計(jì)課件

2.4反復(fù)視覺流程反復(fù)視覺流程是指網(wǎng)頁中相同或相似的視覺要素,作規(guī)律、秩序、節(jié)奏的逐次運(yùn)動。其產(chǎn)生的視覺效果更富于韻律美和秩序美。2.4反復(fù)視覺流程規(guī)則排列的小圖片具有秩序美書本圖12、13、14版式的視覺流程設(shè)計(jì)課件

2.5導(dǎo)向視覺流程

導(dǎo)向視覺流程,是通過誘導(dǎo)性視覺元素,主動引導(dǎo)讀者視線向一定方向作順序運(yùn)動,按照由主及次的順序,把頁面各構(gòu)成要素依次串聯(lián)起來,形成一個(gè)有機(jī)整體。導(dǎo)向視覺流程的應(yīng)用也很多見,可以使網(wǎng)頁重點(diǎn)突出、條理清晰,發(fā)揮最大的信息傳達(dá)功能。視覺導(dǎo)向元素有多種,有虛有實(shí),表現(xiàn)多樣。2.5導(dǎo)向視覺流程1.文字導(dǎo)向“請按這里”、“點(diǎn)擊進(jìn)入”等文字,是通過語義的表達(dá)產(chǎn)生理念上的導(dǎo)向作用。另外,也可以對文字進(jìn)行圖形化處理,對瀏覽者產(chǎn)生自覺的視覺導(dǎo)向作用。1.文字導(dǎo)向

2.手勢導(dǎo)向手勢導(dǎo)向比文字導(dǎo)向更容易理解,且更具有一種親和力。用卡通人物作手勢導(dǎo)向2.手勢導(dǎo)向用卡通人物作手勢導(dǎo)向

3.形象導(dǎo)向同手勢導(dǎo)向一樣容易理解,較常采用的形象為箭頭。形象導(dǎo)向,簡潔明確3.形象導(dǎo)向形象導(dǎo)向,簡潔明確

4.視線導(dǎo)向

一組人物、動物面向同一方向,會因共同的視線而一致起來。不同的物品方向一致,也可以產(chǎn)生統(tǒng)一感。如果將頁面中人物的視線對著物品,就會引導(dǎo)瀏覽者的視線集中到物品上。充分利用視線導(dǎo)向,可以使視覺元素之間的聯(lián)系加強(qiáng),結(jié)構(gòu)更加緊湊。4.視線導(dǎo)向頁面中的圖像將視線引向畫面以外頁面中的圖像將視線引向畫面以外2.6散點(diǎn)視覺流程

散點(diǎn)視覺流程,是指在分散處理視覺元素的編排方式。它強(qiáng)調(diào)感性、自由性、隨機(jī)性、偶合性。其視覺流程為:視線隨各視覺元素作或上或下、或左或右的自由移動。這種視覺流程不如其他視覺流程嚴(yán)謹(jǐn)、快捷、明朗,但生動有趣,給人一種輕松隨意和慢節(jié)奏的感受。

2.6散點(diǎn)視覺流程自由的視覺元素組合成明確的主題自由的視覺元素組合成明確的主題運(yùn)用散點(diǎn)和曲線所形成的柔和的視覺主題運(yùn)用散點(diǎn)和曲線所形成的柔和的視覺主題版式的視覺流程設(shè)計(jì)課件版式的視覺流程設(shè)計(jì)課件作為個(gè)性化的視覺元素,拼貼剪紙式的文字分別占據(jù)了三個(gè)點(diǎn),吸引視線在它們之間流動作為個(gè)性化的視覺元素,拼貼剪紙式的文字分別占據(jù)了三個(gè)點(diǎn),吸引人們閱讀材料時(shí)習(xí)慣按照從左到右,從上到下的順序進(jìn)行。瀏覽者的眼睛首先看到的是頁面的左上角,然后逐漸往下看。根據(jù)這一習(xí)慣,設(shè)計(jì)時(shí)可以把重要信息放在頁面的左上角或頁面頂部,如公司的標(biāo)志、最新消息等,然后按重要性依次放置其他內(nèi)容。

人們閱讀材料時(shí)習(xí)慣按照從左到右,從上到下的順序進(jìn)行重要的信息應(yīng)該讓瀏覽者最容易發(fā)現(xiàn),而不是深藏在多層鏈接之后。瀏覽者的

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論