版式設(shè)計完整

1、Layout Design 版式版式設(shè)計設(shè)計版式設(shè)計版式設(shè)計 課程章節(jié)課程章節(jié)第一章第一章 版式設(shè)計基本概念版式設(shè)計基本概念一、版式設(shè)計的概念 二、版式設(shè)計的應(yīng)用 三、版式設(shè)計的發(fā)展史 第二章第二章 版式設(shè)計的原則版式設(shè)計的原則 一、主題突出二、簡明易懂 三、內(nèi)容與形式四、布局協(xié)調(diào) 第三章第三章 版式設(shè)計的元素編排版式設(shè)計的元素編排 一、構(gòu)成要素的編排與設(shè)計（文字、圖版、色彩）二、視覺要素的編排與設(shè)計（點(diǎn)、線、面、空間）第四章第四章 版式視覺流程版式視覺流程 一、直線視覺流程 二、曲線視覺流程 三、焦點(diǎn)視覺流程 四、導(dǎo)向視覺流程 五、散點(diǎn)視覺流程 六、反復(fù)視覺流程 第五章第五章 版式編排法則版

2、式編排法則 一、理性原則 二、感性原則 第六章第六章 版式編排類型版式編排類型 一、上下型 二、左右型 三、中心型四、分割型五、對角型六、遠(yuǎn)近型 第七章第七章 版面設(shè)計的應(yīng)用版面設(shè)計的應(yīng)用一、報紙版面設(shè)計 二、雜志版面排設(shè)計 三、其他版面設(shè)計目目 錄錄版式設(shè)計版式設(shè)計 概念概念第一章第一章 版式設(shè)計基本概念版式設(shè)計基本概念 又稱版面設(shè)計、編排設(shè)計，是平面設(shè)計的重要組成部分，有限的空間中，將版面構(gòu)成要素構(gòu)成要素：文字、文字、圖片圖形、線條線框和顏色色塊圖片圖形、線條線框和顏色色塊等元素，按照特定內(nèi)容的需要進(jìn)行組合排列，把構(gòu)思與計劃以視覺形式表達(dá)出來。 第一章第一章 版式設(shè)計基本概念版式設(shè)計基本概

3、念 廣泛應(yīng)用應(yīng)用到設(shè)計的各個領(lǐng)域，海報招貼設(shè)計側(cè)重于圖形元素的創(chuàng)作，報紙雜志則側(cè)重文字編排元素，包裝設(shè)計則是圖形、文字與色塊的綜合編排。版式設(shè)計版式設(shè)計 應(yīng)用應(yīng)用第一章第一章 版式設(shè)計基本概念版式設(shè)計基本概念 版式設(shè)計版式設(shè)計 古代發(fā)展歷史古代發(fā)展歷史埃及死亡之書埃及死亡之書第一章第一章 版式設(shè)計基本概念版式設(shè)計基本概念 1515世紀(jì)，歐洲開始用木塊雕刻文世紀(jì)，歐洲開始用木塊雕刻文字，字，1919世紀(jì)，印刷和造紙技術(shù)的世紀(jì)，印刷和造紙技術(shù)的發(fā)展，為平面設(shè)計的發(fā)展打下基發(fā)展，為平面設(shè)計的發(fā)展打下基礎(chǔ)。礎(chǔ)。版式設(shè)計版式設(shè)計 古典主義發(fā)展歷古典主義發(fā)展歷史史英國人莫里斯，是古典主義版面的創(chuàng)始人，設(shè)計

4、風(fēng)格嚴(yán)謹(jǐn)、樸素大方，十分簡潔、淡雅、哥特式，偏男性化。在版面中采用對稱式構(gòu)圖，美觀的字體，新穎的版面編排和精美的裝飾紋樣，倡導(dǎo)的工藝美術(shù)運(yùn)動工藝美術(shù)運(yùn)動在歐美造成了驚人的效果和廣泛的影響。第一章第一章 版式設(shè)計基本概念版式設(shè)計基本概念 版式設(shè)計版式設(shè)計 古典主義發(fā)展歷古典主義發(fā)展歷史史導(dǎo)的新藝術(shù)運(yùn)動新藝術(shù)運(yùn)動曲線、柔美、自然紋樣、巴洛克式的女性化，裝飾藝術(shù)運(yùn)動裝飾藝術(shù)運(yùn)動裝飾性幾何化、平面化，明快、簡練構(gòu)圖布局寬松，由對稱式結(jié)構(gòu)轉(zhuǎn)為均衡式構(gòu)圖第一章第一章 版式設(shè)計基本概念版式設(shè)計基本概念 版式設(shè)計版式設(shè)計 現(xiàn)代主義發(fā)展歷現(xiàn)代主義發(fā)展歷史史20世紀(jì)初的先鋒藝術(shù)，理論基礎(chǔ)是蔑視和顛覆頹廢文化，成為

5、現(xiàn)代造型的先驅(qū)，達(dá)達(dá)主義達(dá)達(dá)主義反對任何藝術(shù)風(fēng)格，拒絕任何造型準(zhǔn)則的概念化，要求培養(yǎng)簡樸純正的造型觀念。第一章第一章 版式設(shè)計基本概念版式設(shè)計基本概念 版式設(shè)計版式設(shè)計 現(xiàn)代主義發(fā)展歷現(xiàn)代主義發(fā)展歷史史俄國人李斯基是構(gòu)成主義構(gòu)成主義的創(chuàng)始人。構(gòu)成主義在點(diǎn)、線、面和色彩處理上運(yùn)用規(guī)律排列、追求秩序美。以理性簡潔的幾何形態(tài)構(gòu)成圖形。著重刻畫節(jié)奏美和抽象美，開創(chuàng)了現(xiàn)代版面構(gòu)成的先河。兩個正方形的故事兩個正方形的故事荷蘭風(fēng)格派荷蘭風(fēng)格派是重要的現(xiàn)代主義設(shè)計運(yùn)動，特點(diǎn)是簡單的縱橫編排方式，簡單、結(jié)構(gòu)抽象，追求非對稱中的視覺平衡。蒙德里安蒙德里安紅、黃、藍(lán)構(gòu)成紅、黃、藍(lán)構(gòu)成第一章第一章 版式設(shè)計基本概念版

6、式設(shè)計基本概念 版式設(shè)計版式設(shè)計 現(xiàn)代主義發(fā)展歷現(xiàn)代主義發(fā)展歷史史1919年年德國德國人格羅佩斯創(chuàng)立人格羅佩斯創(chuàng)立的的包豪斯包豪斯設(shè)計學(xué)院，是現(xiàn)代設(shè)計學(xué)院，是現(xiàn)代設(shè)計的先驅(qū)與搖籃，開創(chuàng)了現(xiàn)代設(shè)計的先驅(qū)與搖籃，開創(chuàng)了現(xiàn)代設(shè)計的新紀(jì)元。為現(xiàn)代版面構(gòu)成設(shè)計的新紀(jì)元。為現(xiàn)代版面構(gòu)成打下了堅實(shí)的基礎(chǔ)。打下了堅實(shí)的基礎(chǔ)。第一章第一章 版式設(shè)計基本概念版式設(shè)計基本概念 版式設(shè)計版式設(shè)計 現(xiàn)代主義發(fā)展歷現(xiàn)代主義發(fā)展歷史史國際主義風(fēng)格：國際主義風(fēng)格：通過簡單的網(wǎng)格結(jié)構(gòu)和標(biāo)準(zhǔn)化的版面公式，達(dá)到設(shè)計上的統(tǒng)一性。強(qiáng)調(diào)功能與形式，達(dá)到高度的可讀性”瑞士骨骼瑞士骨骼“的編排方法，被運(yùn)用到書籍裝幀及雜質(zhì)報紙的設(shè)計上。后現(xiàn)代

7、主義下，數(shù)碼革命的掀起，后現(xiàn)代主義下，數(shù)碼革命的掀起，節(jié)省大量修改時間，為完美的方節(jié)省大量修改時間，為完美的方案進(jìn)行優(yōu)化，風(fēng)格多變，視覺要案進(jìn)行優(yōu)化，風(fēng)格多變，視覺要素多種可能性的組合，處理各種素多種可能性的組合，處理各種圖形，模糊邊緣，增加層次的關(guān)圖形，模糊邊緣，增加層次的關(guān)系，空間充滿進(jìn)深感，肌理創(chuàng)造系，空間充滿進(jìn)深感，肌理創(chuàng)造更復(fù)雜，快速建立各種骨骼。更復(fù)雜，快速建立各種骨骼。第二章第二章 版式設(shè)計的原則版式設(shè)計的原則 版式設(shè)計版式設(shè)計 主題突出主題突出使版面產(chǎn)生清晰的條理性，利用使版面產(chǎn)生清晰的條理性，利用元素合理的組織更好突出主題，元素合理的組織更好突出主題，達(dá)到最佳傳達(dá)信息的效果。

8、達(dá)到最佳傳達(dá)信息的效果。按照主從關(guān)系的順序，使產(chǎn)品本身成為主體形象，占據(jù)版面的設(shè)計中心。第二章第二章 版式設(shè)計的原則版式設(shè)計的原則 版式設(shè)計版式設(shè)計 主題突出主題突出將文章中各種信息整體編排，注意與主體的關(guān)系，這樣會使主題鮮明，使人一目了然。 使主體處在被強(qiáng)調(diào)的位置上，如主體周圍增強(qiáng)空白，或處理成前明后暗的效果。第二章第二章 版式設(shè)計的原則版式設(shè)計的原則 版式設(shè)計版式設(shè)計 簡明易懂簡明易懂由于平面類的設(shè)計只能在有限的由于平面類的設(shè)計只能在有限的空間里與讀者交流，這就要求版空間里與讀者交流，這就要求版面的單純，簡潔，通過對信息的面的單純，簡潔，通過對信息的濃縮處理，才能精煉的表達(dá)內(nèi)容，濃縮處理，

9、才能精煉的表達(dá)內(nèi)容，形成新穎的藝術(shù)構(gòu)思。形成新穎的藝術(shù)構(gòu)思。第二章第二章 版式設(shè)計的原則版式設(shè)計的原則 版式設(shè)計版式設(shè)計 內(nèi)容和形式內(nèi)容和形式形式完美，并且符合主題的思想形式完美，并且符合主題的思想內(nèi)容。形式受制于設(shè)計本身的主內(nèi)容。形式受制于設(shè)計本身的主題與內(nèi)容。否則只能是空洞呆板題與內(nèi)容。否則只能是空洞呆板的作品。的作品。第二章第二章 版式設(shè)計的原則版式設(shè)計的原則 版式設(shè)計版式設(shè)計 布局協(xié)調(diào)布局協(xié)調(diào)整個版面如何在結(jié)構(gòu)上及色彩上整個版面如何在結(jié)構(gòu)上及色彩上達(dá)到一種整體的效果，使版面具達(dá)到一種整體的效果，使版面具有秩序美，條理性，從而獲得良有秩序美，條理性，從而獲得良好的視覺效果，這也是版面編排

10、好的視覺效果，這也是版面編排設(shè)計的一個重要原則設(shè)計的一個重要原則第三章第三章 版式設(shè)計的元素編排版式設(shè)計的元素編排版式設(shè)計版式設(shè)計 圖版的編排與設(shè)計圖版的編排與設(shè)計第三章第三章 版式設(shè)計的元素編排版式設(shè)計的元素編排版式設(shè)計版式設(shè)計 圖版的編排與設(shè)計圖版的編排與設(shè)計第三章第三章 版式設(shè)計的元素編排版式設(shè)計的元素編排版式設(shè)計版式設(shè)計 圖版的編排與設(shè)計圖版的編排與設(shè)計第三章第三章 版式設(shè)計的元素編排版式設(shè)計的元素編排版式設(shè)計版式設(shè)計如何經(jīng)營點(diǎn)、線、面如何經(jīng)營點(diǎn)、線、面點(diǎn)一個數(shù)字、字母、頁碼線一行文字、空白面一個色塊、一段文字、一塊空白第三章第三章 版式設(shè)計的元素編排版式設(shè)計的元素編排版式設(shè)計版式設(shè)計

11、 點(diǎn)的編排點(diǎn)的編排第三章第三章 版式設(shè)計的元素編排版式設(shè)計的元素編排版式設(shè)計版式設(shè)計 點(diǎn)的編排點(diǎn)的編排第三章第三章 版式設(shè)計的元素編排版式設(shè)計的元素編排版式設(shè)計版式設(shè)計 點(diǎn)的編排點(diǎn)的編排第三章第三章 版式設(shè)計的元素編排版式設(shè)計的元素編排版式設(shè)計版式設(shè)計 點(diǎn)的編排點(diǎn)的編排第三章第三章 版式設(shè)計的元素編排版式設(shè)計的元素編排版式設(shè)計版式設(shè)計 點(diǎn)的編排點(diǎn)的編排第三章第三章 版式設(shè)計的元素編排版式設(shè)計的元素編排版式設(shè)計版式設(shè)計 點(diǎn)的編排點(diǎn)的編排第三章第三章 版式設(shè)計的元素編排版式設(shè)計的元素編排版式設(shè)計版式設(shè)計 點(diǎn)的編排點(diǎn)的編排第三章第三章 版式設(shè)計的元素編排版式設(shè)計的元素編排版式設(shè)計版式設(shè)計 點(diǎn)的編排點(diǎn)

12、的編排第三章第三章 版式設(shè)計的元素編排版式設(shè)計的元素編排版式設(shè)計版式設(shè)計 點(diǎn)的編排點(diǎn)的編排第三章第三章 版式設(shè)計的元素編排版式設(shè)計的元素編排版式設(shè)計版式設(shè)計 線的編排線的編排第三章第三章 版式設(shè)計的元素編排版式設(shè)計的元素編排版式設(shè)計版式設(shè)計 線的編排線的編排第三章第三章 版式設(shè)計的元素編排版式設(shè)計的元素編排版式設(shè)計版式設(shè)計 線的編排線的編排第三章第三章 版式設(shè)計的元素編排版式設(shè)計的元素編排版式設(shè)計版式設(shè)計 線的編排線的編排第三章第三章 版式設(shè)計的元素編排版式設(shè)計的元素編排版式設(shè)計版式設(shè)計 線的編排線的編排第三章第三章 版式設(shè)計的元素編排版式設(shè)計的元素編排版式設(shè)計版式設(shè)計 線的編排線的編排第三章

13、第三章 版式設(shè)計的元素編排版式設(shè)計的元素編排版式設(shè)計版式設(shè)計 線的編排線的編排第三章第三章 版式設(shè)計的元素編排版式設(shè)計的元素編排版式設(shè)計版式設(shè)計 面的編排面的編排第三章第三章 版式設(shè)計的元素編排版式設(shè)計的元素編排版式設(shè)計版式設(shè)計 面的編排面的編排第三章第三章 版式設(shè)計的元素編排版式設(shè)計的元素編排版式設(shè)計版式設(shè)計 面的編排面的編排第三章第三章 版式設(shè)計的元素編排版式設(shè)計的元素編排版式設(shè)計版式設(shè)計 面的編排面的編排第三章第三章 版式設(shè)計的元素編排版式設(shè)計的元素編排版式設(shè)計版式設(shè)計 面的編排面的編排第三章第三章 版式設(shè)計的元素編排版式設(shè)計的元素編排版式設(shè)計版式設(shè)計 面的編排面的編排第三章第三章 版式

14、設(shè)計的元素編排版式設(shè)計的元素編排版式設(shè)計版式設(shè)計 面的編排面的編排第三章第三章 版式設(shè)計的元素編排版式設(shè)計的元素編排版式設(shè)計版式設(shè)計 空間編排空間編排通過比例展示空間通過比例展示空間 視覺經(jīng)驗(yàn)中大的物體近，小的物體遠(yuǎn)，利用這種特性，將主要形象放大，次要形象縮小，建立良好的遠(yuǎn)、中、近層次，使版面主體突出，節(jié)奏明快。 第三章第三章 版式設(shè)計的元素編排版式設(shè)計的元素編排版式設(shè)計版式設(shè)計 空間編排空間編排第三章第三章 版式設(shè)計的元素編排版式設(shè)計的元素編排版式設(shè)計版式設(shè)計 空間編排空間編排第三章第三章 版式設(shè)計的元素編排版式設(shè)計的元素編排版式設(shè)計版式設(shè)計 空間編排空間編排通過黑、白、灰關(guān)系展示空間通過黑

15、、白、灰關(guān)系展示空間 無論有色、無色版面都可以歸納為黑、白、灰的空間構(gòu)成。一般來說版面中感覺最強(qiáng)烈的是白色，其次為黑色，而灰色的感覺最遲鈍，所以可以認(rèn)為白色是版面的近景，灰色為中景，黑色為遠(yuǎn)景。 第三章第三章 版式設(shè)計的元素編排版式設(shè)計的元素編排版式設(shè)計版式設(shè)計 空間編排空間編排通過位置關(guān)系展示空間通過位置關(guān)系展示空間 前后疊加排列產(chǎn)生遠(yuǎn)、中、近層次，疏的編排近，密的編排遠(yuǎn) 第三章第三章 版式設(shè)計的元素編排版式設(shè)計的元素編排版式設(shè)計版式設(shè)計 空間編排空間編排第三章第三章 版式設(shè)計的元素編排版式設(shè)計的元素編排版式設(shè)計版式設(shè)計 空間編排空間編排第三章第三章 版式設(shè)計的元素編排版式設(shè)計的元素編排版式

16、設(shè)計版式設(shè)計 空間編排空間編排通過肌理對比展示空間通過肌理對比展示空間 肌理明顯的形象近，肌理模糊的形象遠(yuǎn) 第三章第三章 版式設(shè)計的元素編排版式設(shè)計的元素編排版式設(shè)計版式設(shè)計 空間編排空間編排第四章第四章 版式編排法則版式編排法則版式設(shè)計版式設(shè)計 感性法則感性法則均衡均衡通過協(xié)調(diào)畫面各要素在主次、強(qiáng)弱的差異關(guān)系，來取得設(shè)計視覺的美感及與內(nèi)容相配的邏輯性。位置、大小、色調(diào)、位置、大小、色調(diào)、肌理肌理第四章第四章 版式編排法則版式編排法則版式設(shè)計版式設(shè)計 感性法則感性法則第四章第四章 版式編排法則版式編排法則版式設(shè)計版式設(shè)計 感性法則感性法則第四章第四章 版式編排法則版式編排法則版式設(shè)計版式設(shè)計

17、感性法則感性法則第四章第四章 版式編排法則版式編排法則版式設(shè)計版式設(shè)計 感性法則感性法則第四章第四章 版式編排法則版式編排法則版式設(shè)計版式設(shè)計 感性法則感性法則第四章第四章 版式編排法則版式編排法則版式設(shè)計版式設(shè)計 感性法則感性法則第四章第四章 版式編排法則版式編排法則版式設(shè)計版式設(shè)計 感性法則感性法則第四章第四章 版式編排法則版式編排法則版式設(shè)計版式設(shè)計 感性法則感性法則對比對比將相互對比的畫面視覺要素進(jìn)行處理、配置的構(gòu)圖方式。形態(tài)對比、大小對比、形態(tài)對比、大小對比、動勢對比、色調(diào)對比、動勢對比、色調(diào)對比、肌理對比等。肌理對比等。第四章第四章 版式編排法則版式編排法則版式設(shè)計版式設(shè)計 感性法

18、則感性法則第四章第四章 版式編排法則版式編排法則版式設(shè)計版式設(shè)計 感性法則感性法則第四章第四章 版式編排法則版式編排法則版式設(shè)計版式設(shè)計 感性法則感性法則第四章第四章 版式編排法則版式編排法則版式設(shè)計版式設(shè)計 感性法則感性法則第四章第四章 版式編排法則版式編排法則版式設(shè)計版式設(shè)計 感性法則感性法則第四章第四章 版式編排法則版式編排法則版式設(shè)計版式設(shè)計 感性法則感性法則第四章第四章 版式編排法則版式編排法則版式設(shè)計版式設(shè)計 感性法則感性法則第四章第四章 版式編排法則版式編排法則版式設(shè)計版式設(shè)計 感性法則感性法則第四章第四章 版式編排法則版式編排法則版式設(shè)計版式設(shè)計 感性法則感性法則第四章第四章

19、版式編排法則版式編排法則版式設(shè)計版式設(shè)計 感性法則感性法則第四章第四章 版式編排法則版式編排法則版式設(shè)計版式設(shè)計 感性法則感性法則第四章第四章 版式編排法則版式編排法則版式設(shè)計版式設(shè)計 感性法則感性法則自由自由指一些運(yùn)用非規(guī)則的方法對畫面要素進(jìn)行編排配置的構(gòu)圖方法。自由的構(gòu)圖方式，完全依賴于人對視覺形象的直覺判斷，有時這種方式也表現(xiàn)為設(shè)計師情感方面的宣泄與暗示。第四章第四章 版式編排法則版式編排法則版式設(shè)計版式設(shè)計 感性法則感性法則第四章第四章 版式編排法則版式編排法則版式設(shè)計版式設(shè)計 感性法則感性法則第四章第四章 版式編排法則版式編排法則版式設(shè)計版式設(shè)計 感性法則感性法則第四章第四章 版式編排法則版式編排法則版式設(shè)計版式設(shè)計 感性法則感性法則第四章第四章 版式編排法則版式編排法則版式設(shè)計版式設(shè)計 感性法則感性法則第六章第六章 版式編排類型版式編排類型版式設(shè)計版式設(shè)計上下上下左右左右中心中心分割分割對角對角遠(yuǎn)近遠(yuǎn)近第六章第六章 版式編排類型版式編排類型版式設(shè)計版式設(shè)計 上