最新型錄設(shè)計(jì)教案——第四章型錄設(shè)計(jì)的版面設(shè)計(jì)技法

1、第四章：型錄設(shè)計(jì)的版面設(shè)計(jì)技法教學(xué)目的：1、 了解視覺流程八種常見的流程；2、 了解圖文關(guān)系，準(zhǔn)確處理圖文之間的主次關(guān)系；3、 掌握圖文版面設(shè)計(jì)的四種基本版式和形式法則；教學(xué)方法 : 以實(shí)踐為主，采用多媒體講授、結(jié)合學(xué)生實(shí)際情況進(jìn)行輔導(dǎo)。 教學(xué)重點(diǎn)： 版面設(shè)計(jì)的版面構(gòu)圖設(shè)計(jì)技巧教學(xué)難點(diǎn)： 版面設(shè)計(jì)技法教學(xué)過程：第一節(jié) 視覺流程所謂視覺流程，就是人的視覺在接受外界信息時(shí)的流動(dòng)程序。這是因?yàn)槿说?視野極為有限，不能同時(shí)感受所有的物象，必須按照一定的流動(dòng)順序進(jìn)行運(yùn)動(dòng)來 感知外部環(huán)境。視覺流程主要在于誘導(dǎo)視線隨著設(shè)計(jì)元素的有序組織，完成設(shè)計(jì)本身的信息 傳達(dá)功能。視覺流程沒有一條具體的線路，而是設(shè)計(jì)師利

2、用各個(gè)組成部分的相互 聯(lián)系、相互作用，創(chuàng)造出一個(gè)富有哲理的視覺環(huán)境，主觀控制設(shè)計(jì)的內(nèi)容與形式 的相關(guān)聯(lián)的各種元素，重新整理、組合，使其脈絡(luò)清晰、形成統(tǒng)一的整體。通常 視覺流程可以分為單向視覺流程、斜線視覺流程、曲線視覺流程、導(dǎo)向視覺流程 等幾種形式。一、單向視覺流程單向視覺流程一般按照常規(guī)的視覺習(xí)慣從左至右或從上到下，引導(dǎo)讀者視覺 隨編排中的各種信息，由主到次富有邏輯性地、有序快速地觀看。其特點(diǎn)是傳達(dá) 速度快，給人簡潔有力感，適合客觀、理性的內(nèi)容。根據(jù)視覺觀察方向還可具體 分為豎向視覺流程、橫向視覺流程。1. 豎向視覺流程豎向線的流程在版面中由于有一條或多條豎線貫穿版面上下 ,牽引著人們的 視

3、線上下來回地瀏覽,給人堅(jiān)定、直觀、順暢的感覺。2. 橫向視覺流程橫向視覺流程引導(dǎo)人們的視線左右移動(dòng),給人穩(wěn)定、恬靜、條理性的感覺。 二、斜線視覺流程斜向線的版面設(shè)計(jì)流程以不穩(wěn)定的動(dòng)態(tài)引起注意 ,不僅能有效地烘托主題訴 求點(diǎn),且視覺流向獨(dú)特,往往更能吸引人的視線。三、曲線視覺流程曲線視覺流程是由視覺要素隨弧線或回旋線運(yùn)動(dòng)而形成的。它不如直線視覺 流程直接簡明，但更具流暢的美感。版面的曲線視覺導(dǎo)向寓意深刻、構(gòu)成豐富， 具有無限變化,能使形式與內(nèi)容達(dá)到完美的結(jié)合。曲線視覺流程的形式微妙而復(fù)雜，可概括為兩種形式：弧線形(c 形)視覺流 程：有擴(kuò)張感和方向感；回旋形(s 形)視覺流程：兩個(gè)相反的弧線產(chǎn)生

4、矛盾回旋， 在平面中增加深度和動(dòng)感。四、導(dǎo)向視覺流程在型錄設(shè)計(jì)中，設(shè)計(jì)者通過誘導(dǎo)元素，使讀者的視線按一定的方向順序運(yùn)動(dòng)， 由大到小、由主到次，把版面各構(gòu)成要素依序串聯(lián)起來，組成一個(gè)整體，使重點(diǎn) 突出，條理清晰，發(fā)揮最大的信息傳達(dá)功能，形成最具活力、最有動(dòng)感的流暢視 覺因素。其表現(xiàn)形式主要有以下四種：文字視覺流程、手勢視覺流程、指示視覺 流程、視線視覺流程。1. 文字視覺流程借助文字的導(dǎo)向因素編排版面的視覺流程。它也是平面設(shè)計(jì)中最為普遍的一 種。2. 手勢視覺流程手勢的導(dǎo)向是設(shè)計(jì)師所經(jīng)營的視覺導(dǎo)向主題,輕松自然、生動(dòng)有趣。 3指示視覺流程例如運(yùn)用鉛筆或路線所示方向 , 令視線導(dǎo)向主題方向，形成醒

5、目、強(qiáng)勁的視 覺沖擊力。4. 視線視覺流程視線導(dǎo)向以眼神為引導(dǎo)元素，把讀者的視線引向主題 ,有效地提高了美感和 注意力。當(dāng)然，型錄版面中有時(shí)并無明顯的導(dǎo)向元素，但讀者仍能從中感覺到視 覺流程的存在。五、散點(diǎn)視覺流程指版面上圖與圖、圖與文字間成自由分散狀態(tài)的編排。強(qiáng)調(diào)感性、自由隨機(jī) 性、偶合性、空間感和動(dòng)感。追求新奇、刺激的心態(tài)，常表現(xiàn)為較隨意的編排形 式。六、重心視覺流程違背視覺流程的規(guī)律，文字與圖形把版面的重心引向上方或下方、異常出位。 但從整體布局來看，具有一種與眾不同、標(biāo)新立異的獨(dú)特魅力。七、反復(fù)視覺流程把相同或相似的版面視覺要素進(jìn)行重復(fù)地、有規(guī)律地排列，使其產(chǎn)生有秩序的節(jié)奏韻律，從而起

6、到加速視覺流動(dòng)的功效。八、重復(fù)視覺流程相同或相似的視覺要素作規(guī)律、秩序、節(jié)奏的逐次運(yùn)動(dòng)，雖然視覺效率不如 單向、曲線和重心強(qiáng)烈，但更有秩序美與韻律美。第二節(jié) 圖文關(guān)系一、文字服從圖形在型錄版面中，當(dāng)圖形成為創(chuàng)意和視覺的主要中心時(shí)，文字就要圍繞圖形編 輯，而不能與之發(fā)生視覺上的沖突。文字在編排時(shí)，要善于與圖形的動(dòng)勢保持一 致，來符合版面的視覺流程，或與圖形成呼應(yīng)，起著穩(wěn)定構(gòu)圖的作用。文字編排的時(shí)候，要善于分析畫面。在一些版面中，通常只有一個(gè)位置是最 適合排列文字的，這樣的文字排列不僅僅要看圖形的實(shí)空間，還要看空白的虛空 間，恰到好處的文字排列往往能起到連接虛實(shí)空間的作用。二、圖文并置圖文并置構(gòu)成

7、的版面有比較、解說的意味，給予原本復(fù)雜喧鬧的版面以秩序、 安靜、調(diào)和與節(jié)奏感。型錄設(shè)計(jì)中的圖文并置是將所有的視覺元素置于與畫面平 行的不同層面上。這樣，文字和圖形是分開的，文字可以在圖中，讀者的視線在 圖形和文字之間來回移動(dòng)，讀圖的同時(shí)也在讀文。三、圖文相融圖形和文字經(jīng)常會(huì)融合為一體，文字也就成為圖形的一部分，成為型錄版面 中重要的視覺元素。在這樣的版面中，圖形要結(jié)合文字的筆畫特征作靈活處理， 文字也要適應(yīng)圖形的形態(tài)和質(zhì)感，它們之間的大小比例、動(dòng)態(tài)關(guān)系要相互呼應(yīng)以 達(dá)到完美的結(jié)合。四、網(wǎng)格網(wǎng)格是一種包含一系列等值空間(網(wǎng)格單元)或?qū)ΨQ尺度的空間體系。它在形 式和空間之間建立起一種視覺和結(jié)構(gòu)上的聯(lián)系。形式和空間的位置及其相互關(guān)系 通過二維網(wǎng)格被限定下來。網(wǎng)格的構(gòu)圖能力來自于所有元素之間的規(guī)則性和連續(xù) 性，它能夠