版式設(shè)計(jì)基礎(chǔ)與實(shí)戰(zhàn)（第2版）（慕課版）-教案 第1-4章 版式設(shè)計(jì)概述-版式設(shè)計(jì)中文字的處理和表現(xiàn)

《版式設(shè)計(jì)》教案授課班級授課形式講授頁碼1授課日期授課時(shí)數(shù)1課時(shí)授課章節(jié)名稱第一章版式設(shè)計(jì)概述教學(xué)目的了解版面設(shè)計(jì)的概念、發(fā)展流程，掌握版面設(shè)計(jì)的程序。教學(xué)重點(diǎn)版面設(shè)計(jì)的程序教學(xué)難點(diǎn)傳統(tǒng)版面設(shè)計(jì)、包豪斯時(shí)期的版面設(shè)計(jì)更新、補(bǔ)充、刪節(jié)、內(nèi)容無教學(xué)手段多媒體演示（PPT）課外作業(yè)無課后體會教學(xué)過程設(shè)計(jì)一版面設(shè)計(jì)的概念版面設(shè)計(jì)在平面設(shè)計(jì)領(lǐng)域是一個(gè)十分重要的環(huán)節(jié)，它既需要對相關(guān)設(shè)計(jì)軟件和設(shè)計(jì)元素有一定的把握，又需要能夠綜合的運(yùn)用以上要素和藝術(shù)的表現(xiàn)力，針對設(shè)計(jì)需求，對圖片和文字進(jìn)行組織、整合、版式，使畫面產(chǎn)生新的面貌。優(yōu)秀的版面設(shè)計(jì)其視覺傳達(dá)效果更佳，信息更易吸收，能夠提高讀者的閱讀興趣，幫助讀者在獲取信息的過程中輕松愉悅的了解內(nèi)容。圖例(名片設(shè)計(jì))(宣傳冊設(shè)計(jì))（招貼設(shè)計(jì)）所以可以這樣理解版面設(shè)計(jì)：版面設(shè)計(jì)是運(yùn)用平面設(shè)計(jì)要素進(jìn)行有計(jì)劃、有目的的平面展示，達(dá)到準(zhǔn)確、有效的傳達(dá)效果。二版面設(shè)計(jì)的歷史版面設(shè)計(jì)發(fā)展經(jīng)歷了漫長的過程。其出現(xiàn)的原因主要是隨著文化和經(jīng)濟(jì)的發(fā)展，信息量的增加，早起的類交流和傳播模式已經(jīng)無法滿足文化和文明延續(xù)的需求。紙張的出現(xiàn)，使手稿記載歷史成為現(xiàn)實(shí)，而印刷技術(shù)的出現(xiàn)為信息的廣泛傳播提供的更廣闊的渠道。這一點(diǎn)無論在東方還是西方都有相似性。1在人類文明發(fā)展的早期階段，無論是巖壁繪畫還是獸骨刻寫，都具有原始的排版意識。2中國的版面設(shè)計(jì)從簡冊設(shè)計(jì)開始，簡冊背面標(biāo)有篇名和篇次，將其卷起時(shí)，文字正好顯示在外面，方便閱讀和查找。奠定了中國傳統(tǒng)文字豎式排版，從右至左、從上至下的閱讀方式，這一方式在日本和臺灣地區(qū)的信息傳播媒介中至今可見。3在歐洲，早期的手抄本奠定了西方版式設(shè)計(jì)的雛形，隨著古藤堡金屬印刷技術(shù)的發(fā)明以及工業(yè)革命的影響，1845年，理查德.霍改良了印刷機(jī)器，垂直版式設(shè)計(jì)取得了主導(dǎo)地位。這種版式以豎欄為基本單位、文字小、圖片小、標(biāo)題不跨欄。420世紀(jì)60年代，人們對版面設(shè)計(jì)的重視程度達(dá)到了前所未有的水平。版面以色彩和圖片為基礎(chǔ)，文字和圖片靈活組合傳遞信息，并且出現(xiàn)了留白，這成為西方版面發(fā)展過程中的轉(zhuǎn)折，也影響了東方的版面設(shè)計(jì)。二版式設(shè)計(jì)的概念英文將板式（版式）設(shè)計(jì)稱為Layout，意思是在一個(gè)平面上展開設(shè)計(jì)調(diào)度，其是將文字、插圖、圖片、標(biāo)記符號等構(gòu)成要素，按照一定的審美規(guī)律，結(jié)合設(shè)計(jì)的具體特點(diǎn)，使之成為一個(gè)整體傳達(dá)的設(shè)計(jì)方法．三版式設(shè)計(jì)的程序版式設(shè)計(jì)的最終目的是有效的傳播信息，追求主題和形式的統(tǒng)一，設(shè)計(jì)的過程也是講求從視覺到內(nèi)容的不斷完善。版面設(shè)計(jì)的內(nèi)容很多，書籍、包裝、招貼、宣傳單頁等等，其所針對的受眾從年齡、職業(yè)、性別等各方面均有不同，這就要求版面設(shè)計(jì)最初要從定位讀者群體入手，明確設(shè)計(jì)風(fēng)格。版面設(shè)計(jì)的流程也由此展開：1定位讀者群在做排版的過程中，無任何思考的版式或?yàn)榱俗非笮问矫蓝鴮婷嬖O(shè)計(jì)的過于花哨都是不可取的。一定要以讀者群體為核心。例如兒童書籍需要圖多字少，年輕人看的書要色彩明快、個(gè)性、時(shí)尚，老年人看的書字號選擇上要稍大一些，版面規(guī)整，符合常規(guī)的閱讀習(xí)慣即可。讀者的定位是版面設(shè)計(jì)首要解決的問題，根據(jù)讀者不同而設(shè)計(jì)的版面風(fēng)格和版面結(jié)構(gòu)，才能夠更好的、更有效的傳達(dá)信息，樹立版面風(fēng)格形象，得到讀者的認(rèn)可。如圖：2明確具體設(shè)計(jì)對象定位讀者群后，設(shè)計(jì)師有時(shí)會發(fā)現(xiàn)雖然是同一種版面設(shè)計(jì)類型（例如都是為雜志排版），但是設(shè)計(jì)對象仍有差別，那么就需要根據(jù)主題，選擇適合的元素，最后再考慮采用什么樣的表現(xiàn)形式，實(shí)現(xiàn)版式與色彩的完美搭配。例如下面兩則雜質(zhì)內(nèi)頁，前者版面風(fēng)格間接流暢明快大氣，后者為某一品牌T恤設(shè)計(jì)的版面注重個(gè)性化特征，自由的圖形元素被穿插其中。如圖：3明確信息主體在版面中，圖形、圖片、文字、色彩在多數(shù)情況下是并存的，但是其主次輕重卻有不同，招貼廣告就以圖說話，兒童讀物也是如此，而文學(xué)期刊以字為主，要突出的信息主體的不同要求設(shè)計(jì)師在排版過程中明確各部分要素的主次，無論在版面位置上、比例上還是色彩上均要做出調(diào)整，這樣才能更好的體現(xiàn)信息傳達(dá)的意圖。如圖：4制定計(jì)劃和設(shè)計(jì)流程在做設(shè)計(jì)之前，要求對設(shè)計(jì)背景進(jìn)行了解，是為公司作產(chǎn)品宣傳，還是設(shè)計(jì)一套個(gè)人畫冊，收集資料、進(jìn)行分析，確定自己的設(shè)計(jì)方案，最后根據(jù)自己的設(shè)計(jì)方案安排設(shè)計(jì)內(nèi)容，這是行之有效的版面設(shè)計(jì)過程。手繪草圖是實(shí)現(xiàn)版面構(gòu)思的第一步，可以幫助構(gòu)思的完整性。最后再上電腦完成制作稿。在確定設(shè)計(jì)內(nèi)容后，設(shè)計(jì)師可以對版式設(shè)計(jì)上的基本步驟做簡單分析。首先是建立空白頁面，然后在版面上劃分整個(gè)版面結(jié)構(gòu)，最后根據(jù)信息主次按照一定順序?qū)⑽淖?、圖形排列。四版式設(shè)計(jì)作品案例分析五小結(jié)與作業(yè)1版式設(shè)計(jì)的概念是什么？2版式設(shè)計(jì)經(jīng)歷了哪幾個(gè)階段？3版式設(shè)計(jì)為什么要首先了解主題、熟悉設(shè)計(jì)背景？4版式設(shè)計(jì)的程序包括哪幾步？5請搜集10張各種類型的版式設(shè)計(jì)(海報(bào)設(shè)計(jì)、UI設(shè)計(jì)、包裝設(shè)計(jì)、書籍設(shè)計(jì)）作品并分析他們的優(yōu)缺點(diǎn)授課班級授課形式多媒體演示(PPT)案例教學(xué)頁碼2授課日期授課時(shí)數(shù)4課時(shí)授課章節(jié)名稱第二章版面設(shè)計(jì)要素教學(xué)目的版面設(shè)計(jì)的抽象要素與具象要素之間的轉(zhuǎn)換關(guān)系教學(xué)重點(diǎn)版面設(shè)計(jì)的抽象要素與具象要素之間的轉(zhuǎn)換關(guān)系教學(xué)難點(diǎn)版面設(shè)計(jì)的抽象要素與具象要素之間的轉(zhuǎn)換關(guān)系更新、補(bǔ)充、刪節(jié)、內(nèi)容無教學(xué)手段多媒體演示(PPT)案例教學(xué)、課堂講授課外作業(yè)個(gè)性名片設(shè)計(jì)課后體會教學(xué)過程設(shè)計(jì)一版面設(shè)計(jì)要素版面設(shè)計(jì)要新穎、美觀、大氣，符合閱讀受眾的閱讀需要，關(guān)鍵在于如何把握版面構(gòu)成而引導(dǎo)人們的視覺感受。視覺構(gòu)成的基本要素是點(diǎn)、線、面。點(diǎn)線面的不同組合方式會產(chǎn)生不同的視覺效果，而具體到版面設(shè)計(jì)，是如何把握點(diǎn)線面的具象變化，也就是如何將文字、圖片、圖形歸結(jié)到點(diǎn)線面的組合上，這是對版面整體布局的把握，十分重要。1點(diǎn)的版式構(gòu)成點(diǎn)是最基本的形。版面設(shè)計(jì)意義上的點(diǎn)，必須是可視的，點(diǎn)可以是一個(gè)形，也可以是一塊色彩，一張小小的照片或圖像，點(diǎn)可以以任何一種形態(tài)呈現(xiàn)。點(diǎn)在空間的大小上可以與線和面區(qū)分開來，但它們之間的界限是相對的、可變的。聯(lián)系具象的版面設(shè)計(jì)要素，點(diǎn)可以是一個(gè)字，一個(gè)符號，一個(gè)色點(diǎn)，一個(gè)形狀，甚至一張圖片。點(diǎn)的重復(fù)可以成為線。文字的排列也是一條線。如圖：點(diǎn)的橫向縱向重復(fù)延伸可以成為不同形態(tài)的面。點(diǎn)在版面設(shè)計(jì)中有許多作用:點(diǎn)能夠成為畫面中心，成為畫龍點(diǎn)睛之“點(diǎn)”。點(diǎn)能夠點(diǎn)綴和活躍畫面氣氛點(diǎn)可以和其他形態(tài)組合，起著平衡畫面輕重，填補(bǔ)一定空間的作用。點(diǎn)還能夠成為畫面主體，形成不同的畫面肌理效果。2線的版式構(gòu)成線是點(diǎn)的發(fā)展和延伸。線的性質(zhì)在版式設(shè)計(jì)中是多樣性的。線有形狀、色彩、肌理等多種變化，線是有性格的。線可表達(dá)飛動和靜止的感受，具有長短、粗細(xì)、深淺、正負(fù)等變化。組合起來線的變化與性格及其表達(dá)力更是倍增。線在版面設(shè)計(jì)中可以構(gòu)成各種裝飾元素，以及各種形態(tài)，起到分隔畫面形象的作用。在版面設(shè)計(jì)中比點(diǎn)的形式和作用更大?，F(xiàn)在視覺上要占一定的空間，它的延伸帶來一種活力，它能夠串聯(lián)各種設(shè)計(jì)要素，可以分開圖像和文字，可以使畫面動感增強(qiáng)，也可以起到穩(wěn)定畫面平衡的作用。如圖：線的作用主要體現(xiàn)在：界定分隔畫面各種形象。通過其自身粗細(xì)、曲直、色彩的變化形成不一樣的肌理效果，達(dá)到烘托主題的目的。線的穿插還可以組合成面。結(jié)合具體的版面設(shè)計(jì)要素，線可以是一行文字，一條變化的圖案或圖形。3面的版式構(gòu)成面是線的發(fā)展延續(xù)。從平面設(shè)計(jì)的意義上講，面也就形，面就是在平面上展開的形。面是各種基本形態(tài)中最富于變化的視覺要素。它包括了點(diǎn)和線，如果有空間大小等條件的存在，面也可以轉(zhuǎn)化為點(diǎn)和線。可以把面理解為線重復(fù)密集移動的軌跡，也可以理解為點(diǎn)的放大、集中或重復(fù)。另外，在線的分割下，形成各種比例的面的。面在版面中具有平衡、豐富空間層次以及烘托和深化主題的作用。同樣，落實(shí)到具象的版面設(shè)計(jì)，面可以是一個(gè)字，一張圖片，一個(gè)圖形，一個(gè)符號，也可是一組文字，一組圖片或圖形?？傊婷嬖O(shè)計(jì)中有顯性和隱性兩大塊要素，所謂顯性要素就是圖片、圖形、文字、符號、色彩（后面會提到），隱性要素及點(diǎn)、線、面、色彩。在版面設(shè)計(jì)的過程中要能夠靈活運(yùn)用隱性要素的特點(diǎn)，將其轉(zhuǎn)化為顯性要素，在畫面中布局運(yùn)用。二作業(yè)及思考下面以一則簡單的練習(xí)，完成版面設(shè)計(jì)基本要素的轉(zhuǎn)化。課堂練習(xí)：請以“2014”為內(nèi)容做點(diǎn)線面的版面訓(xùn)練自主練習(xí)：請以其他文字為內(nèi)容做點(diǎn)線面的版面訓(xùn)練請結(jié)合自己的名字或其他相關(guān)信息臨摹下面8則案例，制作兩張海報(bào)1A4300dpiRGB2能夠體現(xiàn)點(diǎn)線面的構(gòu)成特點(diǎn)（每張海報(bào)均可以綜合表現(xiàn)或者只體現(xiàn)一個(gè)要素）授課班級授課形式多媒體演示(PPT)案例教學(xué)頁碼3授課日期授課時(shí)數(shù)6課時(shí)授課章節(jié)名稱第三章版面設(shè)計(jì)的視覺流向和基本類型教學(xué)目的基本的版面流向、版面分割、版面視覺重點(diǎn)調(diào)整的方法教學(xué)重點(diǎn)版面分割、版面視覺重點(diǎn)調(diào)整的方法教學(xué)難點(diǎn)版面視覺重點(diǎn)調(diào)整的方法更新、補(bǔ)充、刪節(jié)、內(nèi)容無教學(xué)手段多媒體演示(PPT)案例教學(xué)、課堂講授課外作業(yè)版面視覺流向規(guī)劃設(shè)計(jì)課后體會教學(xué)過程設(shè)計(jì)三版面設(shè)計(jì)的視覺流程由于受到長期以來閱讀習(xí)慣的影響，受眾在閱讀版面的過程中會不自然的從左至右、從上而下的看。大多數(shù)版面的整體視覺流向也是按照這樣的一個(gè)順序安排的。所謂的視覺流程就是設(shè)計(jì)是再版式的過程中，特意采用某種形式來引導(dǎo)人們的視覺流向。要取得視覺上的突破，就必須在不同的版面設(shè)計(jì)要素的主次、先后關(guān)系上做文章。下面就來認(rèn)識主要的版面視覺流向：1單向視覺流程單向視覺流程是按照常規(guī)的視覺流程規(guī)律，引導(dǎo)讀者閱讀。包括：直線式視覺流程，橫線式視覺流程，傾斜式視覺流程。前兩種穩(wěn)定簡潔有力。后一種會給人不穩(wěn)定的感受，增強(qiáng)受眾的關(guān)注度。2重心式視覺流程版面設(shè)計(jì)中，視覺中心是指整個(gè)版面最吸引人的位置，不同版面效果，視覺中心的位置也不一樣。視覺中心偏向畫面的右邊，給人局限、擁擠的感覺。視覺中心偏向左邊，給人自由舒適輕松的感覺。視覺中心靠下方，給人下墜、壓抑、穩(wěn)定的感覺。3反復(fù)視覺流程反復(fù)視覺流程就是相同或相近的元素反復(fù)排列在畫面中，給人視覺上的重復(fù)感受。重復(fù)圖案的使用能夠增強(qiáng)圖片的效果，給人統(tǒng)一和連續(xù)的感覺，增加版面的節(jié)奏與韻律。需要注意的是用此種視覺流程時(shí)，要有不同的表現(xiàn)方式，在相同中找差異，在整齊中求變化，稍微的變化不但能夠吸引讀者的眼球，還能生動版面。4導(dǎo)向式視覺流程采用特定的符號或其他要素貫穿在版面中，也能夠起到引導(dǎo)視覺流向的作用，并且在連續(xù)的版面版式中十分受用。5散點(diǎn)式視覺流程散點(diǎn)組合是指將版面構(gòu)成要素打散排列在版面各個(gè)部位，使整體效果自由輕快。版式散點(diǎn)時(shí)，也要注意主次的搭配，疏密、均衡、視覺流向等，并非隨心所欲的散。在上面五種視覺流程的使用中，也可以穿插一些小的方法達(dá)到局部視覺流向的引導(dǎo)：6版面大小比例的調(diào)整現(xiàn)代的排版要求主次明確，或者說信息層次明確，無論是圖片、文字，還是色彩、圖形，均追求主次、強(qiáng)弱的空間關(guān)系，增強(qiáng)版面的節(jié)奏感。7小結(jié)與練習(xí)題目:根據(jù)提供的珠寶圖片素材，選擇一張素材組織構(gòu)圖，形成一種視覺流向。為“福緣珠寶”設(shè)計(jì)一張商業(yè)招貼。設(shè)計(jì)思路:1選擇哪張圖，圖的最好流向是上下、左右、傾斜？2圖片選定后，文字如何搭配，簡明而到位，能夠與圖形成統(tǒng)一的版面流向。3圖片處理，背景處理，文字處理，層次清晰，主次分明。8提升思考練習(xí)題目:請使用"分享share"和"設(shè)計(jì)design"兩組信息完成四組簡單的視覺流向設(shè)計(jì)。要求：1兩組使用常規(guī)視覺流向2兩組使用不常規(guī)視覺流向3制作四張A4300dpiRGB顏色模式的圖像（案例如下）授課班級授課形式多媒體演示（PPT）案例教學(xué)頁碼4授課日期授課時(shí)數(shù)6課時(shí)授課章節(jié)名稱第四章版式設(shè)計(jì)中文字的處理和表現(xiàn)教學(xué)目的掌握文字的特點(diǎn)、字體的磅值和行距的關(guān)系、文字的網(wǎng)格分割和布局、文字的層次性教學(xué)重點(diǎn)文字的網(wǎng)格分割和布局、文字的層次性教學(xué)難點(diǎn)文字的信息層次表現(xiàn)方法更新、補(bǔ)充、刪節(jié)、內(nèi)容無教學(xué)手段多媒體演示（PPT）案例教學(xué)課外作業(yè)文字排版制作、文字海報(bào)設(shè)計(jì)課后體會教學(xué)過程設(shè)計(jì)一版面設(shè)計(jì)中的文字文字是版面設(shè)計(jì)中的重要構(gòu)成要素，是人們交流和傳遞信息的重要手段。版式設(shè)計(jì)中，易讀性是對文字進(jìn)行設(shè)計(jì)的一條重要原則,而設(shè)計(jì)師承擔(dān)了最終呈現(xiàn)的責(zé)任。1字體樣式和字體性格中文字體最常見的有黑體、宋體、楷體，英文字體也同樣有常規(guī)使用的幾種樣式，字體選擇樣式不同，產(chǎn)生的版式效果則不同，在版面中所承擔(dān)的信息傳達(dá)的作用也不同。比如黑體粗壯、鮮明、大眾化，適合做標(biāo)題海報(bào)的大字等，宋體纖細(xì)、風(fēng)骨、精致，適合做正文和段落，而楷體有書寫的效果，如果想使版面更生動、親切，則可用該樣式。隨著在版面設(shè)計(jì)中字庫樣式選擇的擴(kuò)大，設(shè)計(jì)師應(yīng)更加分析各種字體的個(gè)性特點(diǎn)，斟酌使用，達(dá)到好的視覺效果。如圖：字體在版面設(shè)計(jì)中能夠根據(jù)版面設(shè)計(jì)的內(nèi)容不斷變化，但一般較正式的版面設(shè)計(jì)，如企業(yè)宣傳、文學(xué)讀物在版式文字時(shí)不會做過多的字體變化，而是運(yùn)用規(guī)整嚴(yán)肅的字符，給人穩(wěn)定、信賴的感受。整齊，明確地塊面是此種字體設(shè)計(jì)最常用的表現(xiàn)方式。如圖：而一些娛樂傳單、招貼、封面設(shè)計(jì)，則要求文字盡可能的個(gè)性條約一些，增加版面活躍的效果。如圖:設(shè)計(jì)過程中最常接觸的中文字體，其主要以字塊的形式出現(xiàn)，中文每個(gè)字占的字符空間都一樣，非常的規(guī)整，在排版時(shí)不如英文靈活。英文字體則以流線型的方式存在，在版面上的運(yùn)用更加靈活一些，可以以曲線方式排列，也可以直線排列或塊面排列。在中英文混排的過程中，通常讀者會把字體樣式相同的文字看成一個(gè)整體，因此，在排版過程中應(yīng)該盡量選擇粗細(xì)和字形相似的字體排版，并且重視字體組合過程中的整體性。2字體磅值、字距與行距的設(shè)置文字的排版需要符合人的閱讀習(xí)慣，方便閱讀。掌握字體的字距和行距也十分重要。字的磅值是指從筆畫的最頂端到最低端的距離。常規(guī)排版中一般使用9-12磅的字體，而標(biāo)題的字體設(shè)置可以大于14磅，字的磅數(shù)調(diào)整可以很好的在頁面中營造信息的層次關(guān)系。一篇文章的大標(biāo)題一般采用大磅值的或較粗的字符表示。然后根據(jù)閱讀的需要依次縮小。實(shí)現(xiàn)閱讀信息層次清晰的效果。如圖：文字的版式疏密直接影響著閱讀者的閱讀心情和閱讀速度，掌握文字行間距與字間距的關(guān)系十分重要。行間距與字間距相同會產(chǎn)生橫向縱向均可閱讀的錯(cuò)覺，行間距大于字符4磅讓人感覺文字信息群松散，一般情況下如果正常的字符選