版式設(shè)計基礎(chǔ)與實戰(zhàn)（第2版）（慕課版）課件 第3章 版式的視覺流向與基本版型

第3章版式的視覺流向與基本版型高等院校藝術(shù)設(shè)計規(guī)劃教材3.1版式設(shè)計中主要的視覺流向3.2版式設(shè)計的基本版型3.3項目演練—商業(yè)廣告招貼視覺流向設(shè)計目錄Content3.4綜合項目實戰(zhàn)—指定信息視覺流向設(shè)計3.1版式設(shè)計中主要的視覺流向

3.1.1

單向式視覺流向招貼中的縱向直線式視覺流向單向式視覺流向是按照常規(guī)的視覺流向規(guī)律，引導讀者閱讀，包括縱向直線式視覺流向、橫向直線式視覺流向、傾斜式視覺流向。前兩種穩(wěn)定、簡潔、有力；后一種會給人不穩(wěn)定的感受，可增強版面的活躍性和關(guān)注度。招貼設(shè)計中的斜線式視覺流向招貼設(shè)計中的橫向直線式視覺流向3.1版式設(shè)計中主要的視覺流向

3.1.2

重心式視覺流向版式設(shè)計中的視覺重心是指整個版面最吸引人的位置。不同的版面中，視覺重心的定位也不一樣。

視覺重心偏向畫面的右邊，給人局限、擁擠的感覺。視覺重心偏向左邊，會給人自由、舒適、輕松的感覺。由于現(xiàn)代人的閱讀習慣是由左至右，版面右側(cè)是終止處：由于東西方的閱讀習慣都是從上而下，版面下方為終止處：視覺重心靠下方，給人下墜、壓抑、穩(wěn)定的感覺。視覺重心靠上方，會給人輕快、上揚的感覺。3.1版式設(shè)計中主要的視覺流向商業(yè)廣告中通過虛實變化形成視覺重心3.1版式設(shè)計中主要的視覺流向

3.1.3

反復(fù)式視覺流向需要注意的是，運用此種視覺流向，要在相同中找差異，在整齊中求變化，細微的變化不但能夠吸引讀者的眼球，還能避免版面趨于平淡，突出視覺中心。反復(fù)式視覺流向相同或相近的元素反復(fù)排列在版面中，給人帶來視覺上的重復(fù)感受。3.1版式設(shè)計中主要的視覺流向商業(yè)廣告中的反復(fù)式視覺流向3.1版式設(shè)計中主要的視覺流向

3.1.4

導向式視覺流向?qū)蚴揭曈X流向是將特定的符號或其他要素（特別是箭頭方向線等符號）布局于版面中，起到引導視覺流向的作用，這種設(shè)計類型在書籍、宣傳冊等連續(xù)的版面排版過程中十分好用。單頁中的導向式箭頭的使用3.1版式設(shè)計中主要的視覺流向運用以上4種主要的視覺流向時，也可以穿插一些要素達到局部視覺流向的引導，例如版面大小比例的調(diào)整?，F(xiàn)代的排版要求主次明確，信息層次分明，無論是圖片、文字，還是色彩、圖形，均追求主次、強弱的空間關(guān)系，以增強版面的節(jié)奏感。除了以上4種主要的視覺流向外，還有散點式等其他的視覺流向形式。3.2版式設(shè)計的基本版型

3.2.1滿版型版式設(shè)計滿版型版面在大多數(shù)情況下以圖片為主，將圖片穿插文字并使其充滿整個版面，在視覺上更直觀，表現(xiàn)強烈，常用在平面廣告設(shè)計中。滿版型版式設(shè)計

3.2.2

分割型版式設(shè)計分割指的是對版面進行調(diào)整或重新分配。常用的分割方法主要是等形分割，是指分割形狀完全一樣，分割后再把分割界限加以強調(diào)和取舍，達到一種良好的效果。分割型版面使排版在整體中形成停頓3.2版式設(shè)計的基本版型

3.2.3

自由型版式設(shè)計自由型版式設(shè)計是一種不規(guī)則的版面設(shè)計方式，畫面感覺較為活潑、不受約束，常在招貼設(shè)計中使用。自由型版式3.2版式設(shè)計的基本版型

3.2.4

傾斜型版式設(shè)計傾斜型版式設(shè)計可以造成版面強烈的動勢和不穩(wěn)定性，引人注意，在招貼設(shè)計中常見，現(xiàn)代書籍版面設(shè)計中有部分也運用傾斜型設(shè)計形式。書籍封面設(shè)計中的傾斜型版式設(shè)計3.2版式設(shè)計的基本版型

3.2.5

三角型版式設(shè)計三角形是最具有安全穩(wěn)定性的圖形，但在版面分割上運用此種結(jié)構(gòu)，會產(chǎn)生不同的效果。正三角形給人穩(wěn)定、安全、信賴的版面效果；倒三角形會產(chǎn)生動感和不穩(wěn)定性。招貼設(shè)計中圖形形成倒三角版面可口可樂廣告中的倒三角版面設(shè)計3.2版式設(shè)計的基本版型

3.2.6

曲線型版式設(shè)計宣傳單頁中的曲線版式設(shè)計同一版面中的文字和圖片在排列結(jié)構(gòu)上形成曲線型的趨勢，能夠使版面產(chǎn)生自由靈活、優(yōu)美的效果。采用曲線分割的版面設(shè)計具有一定的趣味性，引導人的視線隨著畫面上元素的自由走向而變化。3.2版式設(shè)計的基本版型綜合版面的視覺流向和版面的版型設(shè)計，以下面一則草圖例子進行分析，正常的視覺流向是從上至下、從左至右，下面有16種常見的版面分割（版型）設(shè)計樣式，在每種版型設(shè)計樣式中，常規(guī)的視覺中心是在版面的左上方（在中間圖中用咖啡色圓點標注），但是可以通過顏色（明暗、冷暖）、大小比例等的調(diào)整來改變版面的視覺重心，從而產(chǎn)生新的視覺流向（在右圖中用灰紫色塊標明調(diào)整過的視覺重心）。版面分割與視覺重心的變化3.3項目演練—商業(yè)廣告招貼視覺流向設(shè)計下面我們根據(jù)提供的圖片素材，以“福緣珠寶”為主題選擇一張圖片素材組織構(gòu)圖，制作一張商業(yè)招貼，要求畫面有明確的視覺流向，版面構(gòu)圖清晰。以下是素材和基本的設(shè)計構(gòu)圖提示與說明。素材1素材23.3項目演練—商業(yè)廣告招貼視覺流向設(shè)計設(shè)計構(gòu)思與步驟提示：放置圖片為珠寶做商業(yè)招貼，圖片是畫面中最重要的視覺要素，商業(yè)廣告無須太復(fù)雜，做到簡潔、大氣、明確、能夠傳達主題即可，所以提供的兩張素材最適合單向視覺流向。首先，需要考慮主要圖形的擺放位置，圖片可以放置在版面稍偏右偏上的位置。同時，采用縱向直線式的視覺流向也可以使版面簡潔、清晰。對提供的素材進行修飾，包括邊緣雜色的去除、圖像本身色彩和質(zhì)感的調(diào)整，目的是讓圖形在版面中更加鮮明突出。修飾圖像3.3項目演練—商業(yè)廣告招貼視覺流向設(shè)計復(fù)制圖像將圖形復(fù)制后，兩張圖前后錯位調(diào)整，并注意適當?shù)谋壤s放。僅僅只有圖在畫面中太單調(diào)，可以在背景上添加一點效果，目的是突出主體部分，使視覺流向更加突出。圖形是淺亮色，背景可以使用深灰漸變色，也可以在背景上增加一些淡淡的紋理，以加強版面細節(jié)部分的肌理效果。添加背景03043.3項目演練—商業(yè)廣告招貼視覺流向設(shè)計增加投影效果進一步為畫面中的圖形增加投影效果，拉開前后的視覺空間。到這一步為止，版面主體要素已基本設(shè)計好，下面是文字搭配的部分。文字的搭配要簡明突出并能夠與圖形成統(tǒng)一的版面流向，所以可以采用豎向的文字排列。標題字體需要突出老字號或老品牌，選擇適當?shù)臅鴮戵w字符，并調(diào)整文字的位置和整體大小比例，清晰地展示豎排的標題字體，在保證版面豎向直線式視覺流向不變的基礎(chǔ)上，適當調(diào)整字體的大小，錯開排列，避免版面過于拘謹。添加標題字體05063.3項目演練—商業(yè)廣告招貼視覺流向設(shè)計最終效果增加線條和小字的排列，強化縱向直線視覺效果，完成整體的制作。珠寶商業(yè)招貼參考設(shè)計07整張設(shè)計從圖片處理、背景處理到文字處理，力求做到流向清晰、版面構(gòu)圖主次分明。讀者可以思考一下如何運用第2張素材按照一定的視覺流向設(shè)計版面。下面提供的是參考版面效果。3.4綜合項目實戰(zhàn)—指定信息視覺流向請使用“分享share”和“設(shè)計design”兩組信息完成4組簡單的視覺流向設(shè)計。要求：兩組使用常規(guī)視覺流向；01兩組使用不常規(guī)視覺流向；02制作4張A4、300dpi、RGB顏色模式的圖像。03項目例圖3.4綜合項目實戰(zhàn)—指定信息視覺流向設(shè)計構(gòu)思與步驟提示：營造合理的視覺流向，首先要選擇合適的版面分割方式，如果要調(diào)整常規(guī)的版面視覺流向，則需要通過色彩調(diào)整、比例調(diào)整的方法實現(xiàn)。上面畫面中左側(cè)4張圖為常規(guī)視覺流向設(shè)計的方法，將畫面水平和垂直分割形成兩種版型，然后通過顏色調(diào)整的方法，例如“分享”版面的視覺重心色彩為紅色，自然形成左上方內(nèi)容突出的效果，而“設(shè)計”版面的視覺重心色彩為黃色和紫色的補色對比，畫面左側(cè)為灰白色調(diào)，形成后退的效果，自然也形成了左上方內(nèi)容突出的。上面畫面中右側(cè)4張圖為調(diào)整視覺流向設(shè)計的方法，將畫面平均分成九等分，并將畫面進行鋸齒狀左右分割，接著是調(diào)整版面重心，例如“分享”版面的視覺重心要調(diào)整到畫面中央，可以通過冷暖色調(diào)的對比達到該效果?！霸O(shè)計”版面的視覺重心要調(diào)整到畫面右側(cè)，畫面左側(cè)為白色調(diào)，形成后退的效果，自然形成右側(cè)內(nèi)容突出的效果。首先其次小結(jié)小結(jié)本章主要介紹了版式設(shè)計中的基本視覺流向類型、版式基本的構(gòu)圖與分割的類型，使讀