版式設(shè)計(jì)-課件

版式設(shè)計(jì)第一章版面設(shè)計(jì)概述第二章版面設(shè)計(jì)的組織原則第三章版面設(shè)計(jì)的編排和構(gòu)成第四章版面設(shè)計(jì)的視覺(jué)流程第五章版面設(shè)計(jì)的編排形式法則第六章文字的編排構(gòu)成第七章圖版編排的構(gòu)成第八章現(xiàn)代版面的設(shè)計(jì)觀念第一章版面設(shè)計(jì)概述

一版面設(shè)計(jì)概述版面設(shè)計(jì)的范圍涉及包裝、廣告、報(bào)紙、書(shū)籍、產(chǎn)品手冊(cè)、宣傳冊(cè)、公關(guān)贈(zèng)品、網(wǎng)頁(yè)設(shè)計(jì)等各類(lèi)平面設(shè)計(jì)。編排設(shè)計(jì)是一門(mén)基礎(chǔ)課，但對(duì)于每位熱愛(ài)設(shè)計(jì)的設(shè)計(jì)師來(lái)說(shuō)是他們一生為之努力付出所追求的藝術(shù)目標(biāo)，它不僅是一門(mén)基礎(chǔ)課更是一門(mén)真正意義的設(shè)計(jì)藝術(shù)。每一個(gè)藝術(shù)運(yùn)用思潮都對(duì)平面設(shè)計(jì)的風(fēng)格產(chǎn)生過(guò)深刻的影響，因此平面設(shè)計(jì)的思想觀念與風(fēng)格不是孤立的，它是與建筑、繪畫(huà)、文學(xué)、音樂(lè)、詩(shī)歌、服裝等領(lǐng)域的藝術(shù)思想精神完全一致的。二平面設(shè)計(jì)的歷史發(fā)展

立體主義是現(xiàn)代藝術(shù)中重要的運(yùn)動(dòng)，是平面設(shè)計(jì)的基礎(chǔ)。未來(lái)主義運(yùn)動(dòng)起源于20世紀(jì)初意大利在繪畫(huà)、雕塑和建筑上的一場(chǎng)設(shè)計(jì)運(yùn)動(dòng)。提倡自由組合，即編排無(wú)重心無(wú)主次、雜亂無(wú)章、字體各異的散構(gòu)甚至完全散亂的無(wú)政府主義的形式。達(dá)達(dá)主義強(qiáng)調(diào)自我，反理性，認(rèn)為世界沒(méi)有任何規(guī)律可循，所以變現(xiàn)出強(qiáng)烈的虛無(wú)主義特點(diǎn)：隨機(jī)性和偶然性，荒誕與雜亂。

超現(xiàn)實(shí)主義認(rèn)為社會(huì)的表象是虛偽的，創(chuàng)作的目的是重新尋找和了解社會(huì)的實(shí)質(zhì)，認(rèn)為無(wú)計(jì)劃的、無(wú)設(shè)計(jì)的意識(shí)或潛在的思想動(dòng)機(jī)更真實(shí)。現(xiàn)代主義設(shè)計(jì)20世紀(jì)二三十年代，歐洲出現(xiàn)了重要的三個(gè)核心的運(yùn)動(dòng)，即俄國(guó)的構(gòu)成主義、荷蘭的風(fēng)格派、德國(guó)的包豪斯，這三個(gè)運(yùn)動(dòng)成為了現(xiàn)代設(shè)計(jì)思想和形式的基礎(chǔ)?，F(xiàn)代主義的特點(diǎn)是理性主義，“功能決定形式”不是一種風(fēng)格，而是一種信仰。主張“少則多”，反對(duì)裝飾的繁瑣。

構(gòu)成主義設(shè)計(jì)將抽象的圖形或文字作為視覺(jué)傳達(dá)的元素和符號(hào)進(jìn)行構(gòu)成設(shè)計(jì)，版面編排常以幾何的形式構(gòu)成。

荷蘭風(fēng)格派的思想和形式來(lái)源于蒙德里安德繪畫(huà)探索，他以高度理性、數(shù)字化的邏輯思維來(lái)創(chuàng)造和諧的新秩序，畫(huà)面上簡(jiǎn)潔到只有縱橫分割的幾何形方塊和鮮明的色塊。包豪斯的平面設(shè)計(jì)的思想及風(fēng)格具有強(qiáng)調(diào)科學(xué)化、理性化、功能化，減少主義和幾何化的特點(diǎn)，注重字體設(shè)計(jì)采用無(wú)線(xiàn)轉(zhuǎn)世字體和簡(jiǎn)約的編排風(fēng)格。國(guó)際主義平面設(shè)計(jì)風(fēng)格

國(guó)際主義風(fēng)格在平面上的貢獻(xiàn)是研究出骨骼排版法，即將版面進(jìn)行標(biāo)準(zhǔn)化的分割，將字體、插圖、照片等按照劃分的骨骼編排在其中，取消編排的裝飾，采用樸素的五線(xiàn)條裝飾字體，采用非對(duì)稱(chēng)的版面編排。后現(xiàn)代主義的設(shè)計(jì)風(fēng)格

后現(xiàn)代主義提倡設(shè)計(jì)的個(gè)性自由和對(duì)藝術(shù)的自我宣泄，采用開(kāi)玩笑的方式進(jìn)行裝飾設(shè)計(jì)，所以版面的字體、插圖或排版都充滿(mǎn)了歡樂(lè)、游戲、調(diào)侃、瘋狂的特點(diǎn)。第二章版面設(shè)計(jì)的組織原則一、鮮明主題的誘導(dǎo)力要獲得版面鮮明的視覺(jué)導(dǎo)讀效果，可以通過(guò)版面的空間層次、主從關(guān)系、視覺(jué)秩序及彼此見(jiàn)的邏輯條件的把握與運(yùn)用來(lái)達(dá)到。1.按照主從關(guān)系的順序，將主體形象放大并編排于版面視覺(jué)中心，以產(chǎn)生強(qiáng)烈的視覺(jué)沖擊效果。2.將眾多的文案信息作整體的組織編排設(shè)計(jì)，以減少散亂的文字信息干擾，增強(qiáng)主體形象的傳達(dá)。3.在主體形象的周?chē)罅苛舭?，能使主體形象更加鮮明突出。留白量的多少則要根據(jù)版面的具體設(shè)計(jì)而定。二、形式內(nèi)容統(tǒng)一個(gè)性化、藝術(shù)化形式美的設(shè)計(jì)本質(zhì)乃是用來(lái)加強(qiáng)溝通與傳播，因此，版式設(shè)計(jì)所追求的完美形式必須符合設(shè)計(jì)思想主體的表達(dá)，這是編排設(shè)計(jì)必須遵循的原則及設(shè)計(jì)的先決條件。三、強(qiáng)化整體布局將版面中各種排版要素在編排結(jié)構(gòu)及色彩上作整體設(shè)計(jì)，以求整體的視覺(jué)效應(yīng)，即使是“散”的結(jié)構(gòu)也是設(shè)計(jì)中特意的精心編排之追求。如何獲得版面的整體布局：1加強(qiáng)整體結(jié)構(gòu)組織的方向視覺(jué)秩序。2加強(qiáng)文案的集合性。3加強(qiáng)展開(kāi)頁(yè)的整體設(shè)計(jì)。第三章版面設(shè)計(jì)的編排構(gòu)成一、點(diǎn)的編排構(gòu)成版面中的點(diǎn)由于大小、形態(tài)、位置不同，所產(chǎn)生的視覺(jué)效果也不同，心理的作用也不同。為了追求新穎的版式，更特意追求將視點(diǎn)導(dǎo)向左、右、上、下邊置的變化已成為今天常見(jiàn)的版式表現(xiàn)形式。二、線(xiàn)的編排構(gòu)成

點(diǎn)的移動(dòng)的軌跡為線(xiàn)。線(xiàn)的形態(tài)很復(fù)雜，有形態(tài)明確的實(shí)線(xiàn)、虛線(xiàn)，也有空間的視覺(jué)流動(dòng)線(xiàn)。1.線(xiàn)的分割在進(jìn)行版面分割時(shí)，既要考慮各種形態(tài)元素彼此間支配的形式，又要注意空間所具有的內(nèi)在聯(lián)系。2.線(xiàn)的“力場(chǎng)”“力場(chǎng)”是一種虛空間，是對(duì)一定范圍的空間的知覺(jué)或感應(yīng)，所以也稱(chēng)為“心理空間”。線(xiàn)的“力場(chǎng)”增強(qiáng)了版面各空間相互依存的關(guān)系而使之成為一個(gè)整體，并使版面獲得清晰、明快、條理、富于彈性的空間關(guān)系。3.線(xiàn)框的約束與強(qiáng)調(diào)線(xiàn)框的限定，即使主體產(chǎn)生空間“場(chǎng)”的作用，同時(shí)也具有相對(duì)約束的功能。在強(qiáng)調(diào)情感或強(qiáng)調(diào)動(dòng)感的出血版中，如以線(xiàn)框配置，動(dòng)感與情感則獲得相應(yīng)的穩(wěn)定和規(guī)范。三、面的編排構(gòu)成面在版面中的概念可理解為點(diǎn)的放大，點(diǎn)的密集或線(xiàn)的重復(fù)。另外，線(xiàn)的分割產(chǎn)生各種比例的空間。四、骨骼設(shè)計(jì)（分割設(shè)計(jì)）骨骼設(shè)計(jì)界的原理自成體系，有它獨(dú)特的設(shè)計(jì)原則和風(fēng)格，并不是人們所簡(jiǎn)單認(rèn)識(shí)的那樣單調(diào)與刻板。1.骨骼設(shè)計(jì)骨骼或分割設(shè)計(jì)是一種嚴(yán)謹(jǐn)、規(guī)范、理性的設(shè)計(jì)方法。

常見(jiàn)的骨骼分割法：豎向通欄、雙欄、三欄、四欄（橫向亦然）；也有橫向和豎向同時(shí)進(jìn)行分割的。設(shè)計(jì)時(shí)根據(jù)設(shè)計(jì)內(nèi)容、風(fēng)格和信息量的多少以及設(shè)計(jì)師自我取向選擇骨骼。2.變形骨骼變形骨骼是在骨骼設(shè)計(jì)的基礎(chǔ)上變化發(fā)展的，它是在骨骼的基本形上，通過(guò)并合、取舍部分骨骼，尋求新的造型變化，所產(chǎn)生的造型無(wú)窮無(wú)盡。經(jīng)過(guò)變革的設(shè)計(jì)，變化小的作品，骨骼一眼就能明細(xì)可見(jiàn)；變化大的作品，也能依然保留部分骨骼的痕跡。靈活掌握骨骼和變形骨骼的手法，將大大拓寬我們的設(shè)計(jì)空間。五、自由構(gòu)成平面設(shè)計(jì)的風(fēng)格上更加人性化個(gè)性化和娛樂(lè)性，無(wú)論圖或文字、點(diǎn)或線(xiàn)構(gòu)成關(guān)系都充滿(mǎn)著隨機(jī)無(wú)序，無(wú)主次，無(wú)中心相互矛盾，相互排斥，以及極端的耗散的編排。尤其是今天的商業(yè)社會(huì)是以年輕人主導(dǎo)的消費(fèi)市場(chǎng)，這種自由、活力、個(gè)性化的風(fēng)格表現(xiàn)仍將主導(dǎo)平面設(shè)計(jì)的持續(xù)發(fā)展。第四章版面設(shè)計(jì)的視覺(jué)流程一、單向視覺(jué)流程單向流程表現(xiàn)為三種方向關(guān)系：

豎向視覺(jué)流程——堅(jiān)定、肯定橫向視覺(jué)流程——穩(wěn)定、平靜斜向視覺(jué)流程——沖擊力強(qiáng)、動(dòng)感及注目度高二、曲線(xiàn)視覺(jué)流程各視覺(jué)要素隨弧線(xiàn)或回旋線(xiàn)運(yùn)動(dòng)，變化為曲線(xiàn)的視覺(jué)流程。在版面中增加深度和動(dòng)感。三、重心的視覺(jué)流程重心是指視覺(jué)心理的重心，重心有三種概念：1.以強(qiáng)烈的形式或文字獨(dú)據(jù)版面某個(gè)部位或完全充斥正版。2.向心：視覺(jué)元素向版面中心聚攏的流程。3.離心：猶如將石子投入水中，產(chǎn)生一圈一圈向外擴(kuò)散的弧線(xiàn)運(yùn)動(dòng)。四、反復(fù)的視覺(jué)流程其運(yùn)動(dòng)不如方向流程強(qiáng)烈，但更富于韻律和秩序。五、導(dǎo)向的視覺(jué)流程編排的導(dǎo)向有文字導(dǎo)向、線(xiàn)條導(dǎo)向、手勢(shì)導(dǎo)向、形象或色彩的導(dǎo)向。六、散構(gòu)的視覺(jué)流程追求感性、自由隨機(jī)性、偶合性，強(qiáng)調(diào)空間和動(dòng)感，求新求刺激的心態(tài)。在版面上常常采取極端自由無(wú)序的散構(gòu)狀態(tài)，無(wú)論圖形或文字的編排都表現(xiàn)為無(wú)主次、無(wú)中心的含混關(guān)系。七、最佳視欲版面中不同的視欲，注目程度不同，心理上的感受也不同。上部給人輕快漂浮、積極高昂之感，下部給人壓抑、沉重、消極限制、低矮和穩(wěn)定之印象，左側(cè)感覺(jué)輕便、自由、舒展、富于活力，右側(cè)感覺(jué)緊促、局限卻又莊重。在編排方向性視覺(jué)流程時(shí)，要注意各信息要素間間隙大小的節(jié)奏感。第五章版面設(shè)計(jì)的編排形式法則一、單純與秩序單純化有兩個(gè)概念：1.基本形的簡(jiǎn)練。2.編排結(jié)構(gòu)的簡(jiǎn)明、單純。秩序是指版面各視覺(jué)元素組織有規(guī)律地形式表現(xiàn)。簡(jiǎn)明的結(jié)構(gòu)和秩序可以理解為版面的氣運(yùn)走向。二、對(duì)比與和諧對(duì)比是將相同或相異的視覺(jué)元素作強(qiáng)弱對(duì)照編排所運(yùn)用的形式手法。對(duì)比與調(diào)和，對(duì)比為強(qiáng)差異，產(chǎn)生沖突；調(diào)和為尋求共同點(diǎn)，緩和矛盾。兩者互為因果，共同營(yíng)造版面既對(duì)比又和諧的完美關(guān)系。三、對(duì)稱(chēng)與均衡對(duì)稱(chēng)均衡是指版面中心兩邊或四周的形態(tài)具有相同的公約量而形成的靜止?fàn)顟B(tài)，也稱(chēng)為絕對(duì)對(duì)稱(chēng)均衡。四、節(jié)奏與韻律節(jié)奏是均勻的重復(fù)，是在不斷重復(fù)中產(chǎn)生頻率節(jié)奏的變化，節(jié)奏是延續(xù)輕快的感覺(jué)。無(wú)論是圖形、文字或色彩等視覺(jué)要素，在組織上合乎某種規(guī)律時(shí)所給予視覺(jué)和心理上的節(jié)奏感，即是韻律。五、虛實(shí)與留白為了強(qiáng)調(diào)主體，可有意將其他部分削弱為虛，甚至以留白來(lái)襯托主體的“實(shí)”，所以，留白是版面“虛”處理中一種特殊的手法?？瞻仔?，版面造成擁擠、緊張又熱鬧；空白大，顯得溫和、冷靜。第六章文字的編排構(gòu)成一、字號(hào)、字體、行距1.字號(hào)標(biāo)題字一般大于14~20號(hào)字，正文字一般是8~10號(hào)字。標(biāo)題字正文字2.字體、字號(hào)在一個(gè)版面中，選用三到四種字體為版面最佳視覺(jué)效果。3.行距除行距的常規(guī)比例外，行寬行窄是依據(jù)主題內(nèi)容需要而定的。二、文字編排的五種形式1.左右均齊2.齊中字群以中心為軸線(xiàn)。特點(diǎn)為視線(xiàn)更集中。3.齊左或齊右4.齊上在古文或者一些豎排的文字中一般采用齊上的對(duì)齊方式。5.文字繞圖排列三、文字的整體編排版面中文字的整體性編排，使版面?zhèn)鬟_(dá)出特有的組織性、秩序性和設(shè)計(jì)性，而這種嚴(yán)謹(jǐn)?shù)陌婷嫱鶄鬟_(dá)出良好的品質(zhì)感。四、文字的圖形表達(dá)1.書(shū)法字體的圖形語(yǔ)言為表達(dá)傳統(tǒng)民族信息或追求設(shè)計(jì)上的某種藝術(shù)效果，通常借助中國(guó)的書(shū)法字體來(lái)表現(xiàn)。2.文字的圖形編排文字的圖形化使借助圖形的編排形式來(lái)表達(dá)主題思想。3.文字圖標(biāo)設(shè)計(jì)文字圖標(biāo)的運(yùn)用不僅在文版、廣告、包裝等設(shè)計(jì)中，在POP展示牌設(shè)計(jì)中也應(yīng)用廣泛。五、文字的互動(dòng)性文字的互動(dòng)性一般指文字圍繞圖形的編排設(shè)計(jì)所產(chǎn)生的動(dòng)感性，圖文在組織結(jié)構(gòu)產(chǎn)生的和諧性。六、文字的跳躍率1.放大文字即增強(qiáng)跳躍率與閱讀率2.標(biāo)題的設(shè)計(jì)增強(qiáng)跳躍率文字與圖文相互的設(shè)計(jì)狀態(tài)，同時(shí)也增強(qiáng)了標(biāo)題在版面中的互動(dòng)性、設(shè)計(jì)性和審美性。七、文字的耗散性以非理性審美觀念為依據(jù)的設(shè)計(jì)，版面往往采取極端自由無(wú)序的方式，如無(wú)主次等。第七章圖版編排的構(gòu)成一、圖版率圖版率是指版面相對(duì)于文字、圖所占據(jù)的面積比叫做圖版率。1.圖版率低，減少閱讀興趣2.圖版率高，增強(qiáng)閱讀活力二、角版、挖版、出血版1.