編排設(shè)計的編排原則課件

編排設(shè)計的原理與規(guī)律授課教師：榮樹云編排設(shè)計的原理與規(guī)律授課教師：榮樹云1前續(xù)課程：三大構(gòu)成—形式美法則圖形創(chuàng)意—創(chuàng)意思維字體設(shè)計—基礎(chǔ)設(shè)計招貼設(shè)計—專業(yè)設(shè)計書籍裝幀—專業(yè)設(shè)計包裝設(shè)計—專業(yè)設(shè)計編排認識設(shè)計，無需規(guī)則，僅憑直覺后續(xù)課程：宣傳冊、網(wǎng)頁設(shè)計、宣傳單頁、企業(yè)樣本、臺歷、報紙設(shè)計等前續(xù)課程：三大構(gòu)成—形式美法則編排設(shè)計，無需規(guī)則，僅憑直覺后2通過本章的學(xué)習(xí)掌握編排設(shè)計的視覺流程概念，能找到最佳視覺流程并了解如何建立視覺流程；掌握編排設(shè)計的造型要素與形式美法則，并能靈活運用造型元素進行編排設(shè)計。教學(xué)重點：在編排設(shè)計中如何建立視覺流程，并能利用視覺流程原理來編排視覺要素。教學(xué)難點：能熟練應(yīng)用編排設(shè)計原理進行相關(guān)專業(yè)的編排設(shè)計。教學(xué)方法：多媒體教學(xué)、理論與實踐相結(jié)合教學(xué)課時：12課時教學(xué)目標：通過本章的學(xué)習(xí)掌握編排設(shè)計的視覺流程概念，能找到3第二章編排設(shè)計的原理及規(guī)律2.1編排設(shè)計的原則………..52.2視覺流程……………….302.3編排設(shè)計的基本類型….342.4編排設(shè)計的實施過程….51第二章編排設(shè)計的原理及規(guī)律2.1編排設(shè)計的原則………..4第一節(jié)編排設(shè)計的原則版面講求獨創(chuàng)性、藝術(shù)性、裝飾性、趣味性，這些必須建立在表現(xiàn)形式必需牢牢抓住主題的基礎(chǔ)上。版面要充分體現(xiàn)內(nèi)容的主體思想，用以增強讀者的注意力和理解力。表現(xiàn)的主體鮮明突出，是設(shè)計思想的最佳表現(xiàn)。版面的表現(xiàn)要單純、簡潔。一、主題突出第一節(jié)編排設(shè)計的原則版面講求獨創(chuàng)性、藝術(shù)性、裝飾性、趣5編排設(shè)計的編排原則ppt課件6注重主題思想的強調(diào)注重主題思想的強調(diào)7DM招貼海報廣告此類廣告版式設(shè)計需要突出推銷的產(chǎn)品，而需要說明的文字有很多。形式感的強調(diào)，注重視覺流程的重要性形式感的強調(diào)，注重視覺流程的重要性DM招貼海報廣告此類廣告版式設(shè)計需要突出推銷的產(chǎn)品，而需要說8二、內(nèi)容與形式的統(tǒng)一二、內(nèi)容與形式的統(tǒng)一9科技產(chǎn)品的表現(xiàn)方式——現(xiàn)代、科技性、時尚、質(zhì)感等科技產(chǎn)品的表現(xiàn)方式——現(xiàn)代、科技性、時尚、質(zhì)感等10包裝設(shè)計中的編排效果包裝設(shè)計中的編排效果11三、設(shè)計與藝術(shù)統(tǒng)一三、設(shè)計與藝術(shù)統(tǒng)一12設(shè)計是對設(shè)計者思想境界、藝術(shù)修養(yǎng)、技術(shù)知識的全面檢驗；藝術(shù)則是通過塑造形象并具體的反映社會會生活表現(xiàn)作者思想情感的一種意識形態(tài)。岡特.蘭堡（日）岡特.蘭堡（日）13編排設(shè)計的編排原則ppt課件14編排設(shè)計的編排原則ppt課件15金特.凱澤德國爵士樂印象金特.凱澤德國爵士樂印象16大衛(wèi).卡爾森美國大衛(wèi).卡爾森美國17四、趣味與獨創(chuàng)四、趣味與獨創(chuàng)18高爾基說：“幽默是生活中的一把鹽?！彼囆g(shù)性、娛樂性、親和力——以一種活潑的版式視覺語言來體現(xiàn)形式美的情趣。麥當勞薯條廣告搖一搖就會樂?。「郀柣f：“幽默是生活中的一把鹽。”藝術(shù)性、娛樂性、親和力19編排設(shè)計的編排原則ppt課件20動物保護協(xié)會成立130周年設(shè)計的招貼。C?彼阿蒂——瑞士畫面圖形極其簡潔凝煉，用簡筆畫的手法，將天上的鳥、水中的魚、地上的獸和人構(gòu)成出一個共生圖形，生動地體現(xiàn)出人與動物的共存關(guān)系，表現(xiàn)出人要保護動物、保護自然環(huán)境和人與動物要和諧相處的主題。用色概括明快，畫面恬靜優(yōu)美。動物保護協(xié)會成立130周年設(shè)計的招貼。C?彼阿蒂——瑞士畫面21C?彼阿蒂為歐洲兒童組織招貼C?彼阿蒂為歐洲兒童組織招貼22五、局部與整體五、局部與整體23統(tǒng)籌安排——簡潔、明快、給人帶來清新醒目的視覺效果。整體性強——體現(xiàn)文案的集合性，也就是集合成塊，條理性很強。同一因素的不同形狀的表現(xiàn)，也可達到整體性。作品的系列性。色彩的呼應(yīng)。統(tǒng)籌安排——簡潔、明快、給人帶來清新醒目的視覺效果。24編排設(shè)計的編排原則ppt課件25編排設(shè)計的編排原則ppt課件26空間與視線的指示性，形成版式的統(tǒng)一方向感空間與視線的指示性，形成版式的統(tǒng)一方向感27編排設(shè)計的編排原則ppt課件28第二節(jié)視覺流程視覺流程越清醒越直觀，越能順利的傳達版面中的內(nèi)容，越能夠引起讀者的共鳴，使讀者的閱讀思路清晰。

第二節(jié)視覺流程視覺流程越清醒越直觀，越能順利的傳達2960%40%56%44%33%28%23%16%17%17%44%28%比例最佳視域比例關(guān)系如何建立視覺流程2.2.1利用視覺原理建立視覺流程心理學(xué)家葛斯達60%40%56%44%33%28%23%16%17%17%30最佳視覺流程——拋物線式最佳視覺流程——拋物線式31最佳視覺流程——九宮格式12341234最佳視覺流程——九宮格式1234123432第三節(jié)版面編排的基本類型第三節(jié)版面編排的基本類型33

1、單向視覺流程

直式視覺流程：具有穩(wěn)定性，是一種強固的構(gòu)圖。視線依據(jù)直式的中軸線上下移動，給人以直觀、堅定之感。橫式視覺流程：安寧而平靜的構(gòu)圖。視圖會以橫式的水平左右移動，給人以穩(wěn)定、恬靜、平和之感。斜視的視覺流程：是一種強固而又動態(tài)的構(gòu)圖。視線一般從左上角向右下角移動，給人以強烈的運動沖擊力。

1、單向視覺流程

直式視覺流程：34示例一示例一35示例二示例二36示例三示例三372、曲線視覺流程圓形視覺流程：視覺依圓環(huán)迂回于畫面，可長久的吸引觀者注意力，給人飽滿、擴張之感。S形視覺流程：可將相反的條件相對統(tǒng)一，在平面中增加深度和動感，所構(gòu)成的回旋也富于變化。2、曲線視覺流程圓形視覺流程：S形視覺流程：38編排設(shè)計的編排原則ppt課件39編排設(shè)計的編排原則ppt課件403、反復(fù)視覺流程

以相同或相似的序列反復(fù)排列，形成畫面形象的連續(xù)性，給人安定感、整齊感、秩序化和規(guī)律的統(tǒng)一感。特異視覺流程：是構(gòu)成要素在秩序的關(guān)系里，有意違反秩序。使少數(shù)、個別的要素顯得突出、以打破規(guī)律性。由于這種局部的，少量的突變，突破了常規(guī)的單調(diào)性與雷同性，稱為版面的趣味中心，產(chǎn)生醒目、生動感人的視覺效果。3、反復(fù)視覺流程以相同或相似的序列反復(fù)排列，形成畫面形象的41編排設(shè)計的編排原則ppt課件42編排設(shè)計的編排原則ppt課件434、導(dǎo)向視覺流程十字形視覺流程是垂直線和水平線對稱的交叉構(gòu)圖。也有斜形交叉的形式。其視線的主要點集中于十字的交叉點，使得重點突出。發(fā)揮最大的信息傳達功能。發(fā)散式視覺流程以文字或點、線等形象作為視線誘導(dǎo)，將多種條件集中于一個主要點上，具有多樣統(tǒng)一的綜合視覺效果。編排設(shè)計中的導(dǎo)線表現(xiàn)多樣，虛實相生，富于運動變化。4、導(dǎo)向視覺流程十字形視覺流程44示例三示例三45示例二示例二46示例一示例一475、分散視覺流程版面的圖與文字間成自由分散狀態(tài)的編排。是打破常規(guī)的秩序與規(guī)律，以強調(diào)感性、隨意性、自由性的表現(xiàn)形式。但點、線、面和色塊的構(gòu)成瀟灑隨意，細看則會發(fā)現(xiàn)在富于變化的活潑形象之中，形式關(guān)系各要素之間的結(jié)構(gòu)卻極為嚴格。5、分散視覺流程版面的圖與文字間成自由分散狀態(tài)的編排。是打破48編排設(shè)計的編排原則ppt課件49版式設(shè)計過程實例分析草圖一a.這是設(shè)計者為自己的簡略構(gòu)想所畫的幾個鉛筆草圖。大體設(shè)定圖案與文字的相關(guān)位置，哄托出整體的風(fēng)格。版式設(shè)計過程實例分析草圖一a.這是設(shè)計者為自己的簡略構(gòu)想所畫50

b.以草圖中的構(gòu)想為基礎(chǔ)，制作出的彩色樣稿。草圖二b.以草圖中的構(gòu)想為基礎(chǔ)，制作出的彩色樣稿。草圖二51

c.這是對作品中文字及字體的校正稿。其中還包括圖文的位置、線框的粗細等。c.這是對作品中文字及字體的校正稿。其中