版式設計基礎與實戰(zhàn)（第2版）（慕課版）課件 第2章 版式設計的要素

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

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

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

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

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