版式設(shè)計(jì)基礎(chǔ)與實(shí)戰(zhàn)（第2版）（慕課版）課件 第2章 版式設(shè)計(jì)的要素

第2章版式設(shè)計(jì)的要素高等院校藝術(shù)設(shè)計(jì)規(guī)劃教材2.1版式設(shè)計(jì)要素的內(nèi)容2.2項(xiàng)目演練—版式設(shè)計(jì)要素的轉(zhuǎn)化2.3綜合項(xiàng)目實(shí)戰(zhàn)—版式基本要素轉(zhuǎn)化（個(gè)性文字卡片設(shè)計(jì)）目錄Content2.1版式設(shè)計(jì)要素的內(nèi)容

2.1.1?點(diǎn)的編排版式設(shè)計(jì)不會脫離圖片、文字、圖形和色彩這幾個(gè)要素，但有時(shí)我們會因?yàn)檫^于關(guān)注這些個(gè)體而忽略了每一個(gè)元素在版式中的定位，有效地組織運(yùn)用這些元素關(guān)鍵在于如何把握版面構(gòu)成。眾所周知，視覺構(gòu)成的基本要素是點(diǎn)、線、面。點(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è)形狀，甚至一張圖片。手機(jī)界面中icon點(diǎn)的設(shè)計(jì)招貼設(shè)計(jì)中的點(diǎn)2.1版式設(shè)計(jì)要素的內(nèi)容點(diǎn)在版面中組合可以形成其他要素。點(diǎn)的重復(fù)可以成為線，版式設(shè)計(jì)中橫向或豎向排列的文字就是點(diǎn)形成的線。對文字或字體本身結(jié)構(gòu)的拉伸也可以形成線。包裝設(shè)計(jì)中字體成為線的表現(xiàn)形式招貼設(shè)計(jì)中文字形成的線點(diǎn)的橫向縱向重復(fù)延伸可以成為不同形態(tài)的面。點(diǎn)本身在版式中通過面積的變化也可以形成面。招貼設(shè)計(jì)中文字形成的面包裝設(shè)計(jì)中比例夸張的文字形成的面2.1版式設(shè)計(jì)要素的內(nèi)容點(diǎn)在版式設(shè)計(jì)中有許多作用，首先點(diǎn)能夠成為畫面中心，成為畫龍點(diǎn)睛之“點(diǎn)”，成為視覺焦點(diǎn)。其次，點(diǎn)能夠點(diǎn)綴和活躍畫面氣氛。點(diǎn)可以和其他形態(tài)組合，起著平衡畫面輕重、填補(bǔ)空間的作用。例如，在一些過于嚴(yán)肅的版式中，可以運(yùn)用面積很小的符號和色塊調(diào)節(jié)版式的氣氛?？偟貋碚f，點(diǎn)是一個(gè)變化形式較多、較為活躍的元素。2.1版式設(shè)計(jì)要素的內(nèi)容2.1.2?線的編排線是點(diǎn)的發(fā)展和延伸。線的形式在版面設(shè)計(jì)中是多樣的。線有形狀、色彩、肌理等多種變化，線是有性格的。線可以傳遞運(yùn)動(dòng)和靜止的感受，具有長短、粗細(xì)、深淺、正負(fù)等變化。組合起來的線變化豐富，其表達(dá)力更是倍增。包裝設(shè)計(jì)中細(xì)膩流動(dòng)的線串聯(lián)起各個(gè)要素招貼設(shè)計(jì)中有肌理的水彩線條延伸了畫面2.1版式設(shè)計(jì)要素的內(nèi)容線的作用主要體現(xiàn)在：界定分隔畫面空間，通過其自身粗細(xì)、曲直、色彩的變化形成不一樣的肌理效果，達(dá)到烘托主題的目的。線的穿插還可以組合成面。如果聯(lián)系到版式設(shè)計(jì)要素，線可以是一行文字，一條變化的圖案或圖形。書裝封面設(shè)計(jì)中線活躍了畫面網(wǎng)頁設(shè)計(jì)中的線分割了空間招貼設(shè)計(jì)中文字排列的線形成面單頁設(shè)計(jì)中線劃分了畫面，使文字排列更加清晰2.1版式設(shè)計(jì)要素的內(nèi)容2.1.3?面的編排從平面設(shè)計(jì)的意義上講，面就是在平面上展開的形。面是各種基本形態(tài)中最富于關(guān)注的要素。它包括了點(diǎn)和線，如果有空間大小等條件的存在，面也可以轉(zhuǎn)化為點(diǎn)和線?？梢园衙胬斫鉃榫€重復(fù)密集移動(dòng)的軌跡，也可以理解為點(diǎn)的放大、集中或重復(fù)。手機(jī)界面設(shè)計(jì)中明快的面商業(yè)廣告設(shè)計(jì)中圖形和圖像形成前后具有層次的面手機(jī)界面設(shè)計(jì)中明快的面招貼設(shè)計(jì)中文字形成的面2.2項(xiàng)目演練—版式設(shè)計(jì)要素的轉(zhuǎn)化下面我們以一則簡單的設(shè)計(jì)來分析如何完成版式設(shè)計(jì)基本要素的轉(zhuǎn)化。（1）以數(shù)字2019或某一組簡單的字符組合為內(nèi)容設(shè)計(jì)3張小卡片，每一張卡片中的字符表現(xiàn)必須體現(xiàn)點(diǎn)、線、面的特點(diǎn)。思考與演示步驟如下。首先，通過“點(diǎn)”這一要素特點(diǎn)的介紹，將抽象“點(diǎn)”和具象“點(diǎn)”進(jìn)行聯(lián)系和轉(zhuǎn)化。文字中心點(diǎn)構(gòu)圖文字四角點(diǎn)構(gòu)圖文字散點(diǎn)構(gòu)圖2.2項(xiàng)目演練—版式設(shè)計(jì)要素的轉(zhuǎn)化下面我們以一則簡單的設(shè)計(jì)來分析如何完成版式設(shè)計(jì)基本要素的轉(zhuǎn)化。如果將具象要素以點(diǎn)的形式表現(xiàn)在畫面上，應(yīng)注重要素在版式中的比例。在Illustrator軟件中設(shè)置寬150mm、高100mm的文件，顏色模式為CMYK（版式作品如果需要后期印刷，顏色模式一般會設(shè)定為印刷色CMYK，如果只用于屏幕或其他交互界面的顯示，可以設(shè)置為屏顯色RGB的顏色模式）。輸入文字“2019”，選擇最常規(guī)的印刷字體，將文字轉(zhuǎn)化為圖形（文字排版過程中，在字符和字號確定的條件下，要將文字創(chuàng)建輪廓轉(zhuǎn)化為圖形以保證后期印刷或輸出時(shí)的一致）。調(diào)整文字在版式中的大小比例，并將文字中空的結(jié)構(gòu)部分填滿，突出點(diǎn)的屬性。文字的點(diǎn)的表現(xiàn)形式可以是中心點(diǎn)，具有向心性，也可以是分散自由的點(diǎn)，活躍畫面。2.2項(xiàng)目演練—版式設(shè)計(jì)要素的轉(zhuǎn)化（2）通過“線”這一要素特點(diǎn)的介紹，將抽象“線”和具象“線”進(jìn)行聯(lián)系的設(shè)計(jì)練習(xí)。文字的結(jié)構(gòu)延伸形成線文字的排列形成線文字的連續(xù)曲線表現(xiàn)可以形成線如果將具象要素以線的形式表現(xiàn)在畫面上，應(yīng)注重要素在版式中形態(tài)的變化。在Illustrator軟件中設(shè)置寬150mm、高100mm的文件，顏色模式為CMYK。輸入文字“2019”，選擇最常規(guī)的印刷字體，將文字轉(zhuǎn)化為圖形。由于文字本身就有筆畫，以線的形式表現(xiàn)可以將不同方向的筆畫延伸。文字筆畫的延伸可以是粗的、細(xì)的、彎曲的、直的，也可以由字單向排列而成。

2.2項(xiàng)目演練—版式設(shè)計(jì)要素的轉(zhuǎn)化（3）通過“面”這一要素特點(diǎn)的介紹，將抽象“面”和具象“面”進(jìn)行聯(lián)系的設(shè)計(jì)練習(xí)。如果將具象要素以面的形式表現(xiàn)在畫面上，要注重對象在版面中面積比例的控制。在Illustrator軟件中設(shè)置寬150mm、高100mm的文件，顏色模式為CMYK。輸入文字“2019”，選擇最常規(guī)的印刷字體，將文字轉(zhuǎn)化為圖形。文字的面的表現(xiàn)形式可以是單純的，文字本身個(gè)體比例的放大也可以形成面的感覺。文字在版面中橫向、縱向的排列和延伸可以形成面，還能夠形成微妙的肌理變化。文字的個(gè)體比例變大形成面2.3

綜合項(xiàng)目實(shí)戰(zhàn)—版式基本要素轉(zhuǎn)化（個(gè)性文字卡片設(shè)計(jì)）下面我們通過一個(gè)簡單的練習(xí)演示版式基本要素的轉(zhuǎn)化，讀者可以結(jié)合漢字設(shè)計(jì)個(gè)性文字卡片。第一第一，請以漢字為內(nèi)容進(jìn)行排版，同時(shí)能夠體現(xiàn)出點(diǎn)、線、面的特點(diǎn)。第二作品尺寸89mm×54mm，分辨率300dpi，顏色模式CMYK。要求：效果展示以下面一則例子為參考：第1幅作品中卡片的主要信息以面積很小的小字排列在版面左上角和右下角對稱的兩側(cè)，形成點(diǎn)的變化；第2幅作品中將文字信息的結(jié)構(gòu)延伸拉長，形成線條效果，輔助信息也以常規(guī)的文字排列形成線的效果；第3幅作品中讓文字在整個(gè)版面中撐滿，將字體結(jié)構(gòu)中空的地方填充成塊面，形成鮮明的塊面效果。無論是數(shù)字、漢字、英文或其他文字都能夠巧妙地進(jìn)行變化，結(jié)合點(diǎn)、線、面的特點(diǎn)在版面中創(chuàng)作。2.3

綜合項(xiàng)目實(shí)戰(zhàn)—版式基本要素轉(zhuǎn)化（個(gè)性文字卡片設(shè)計(jì)）小結(jié)小結(jié)本章學(xué)習(xí)的主要目的是使讀者理解平面構(gòu)成要素（點(diǎn)、線、面）與版式構(gòu)成要素（圖片、文字、符號等）之間的對應(yīng)轉(zhuǎn)換關(guān)系，能夠在排版過程中靈活地將具象要素（圖片、文字、符號）聯(lián)系到抽象要素形式（點(diǎn)、線、面）進(jìn)