第一章 版面設計概述.ppt

1、賈麗莉版面設計,第一章、版面設計概述 一、版面設計概述 二、平面設計的歷史發(fā)展,教學目標與要求： 2個教學目標： 一、版式設計概述 二、平面設計歷史發(fā)展。 基本專業(yè)素質(zhì) 尤其是第二個教學目標是本教程的重要環(huán)節(jié)。 它幫助學生對現(xiàn)代版面的發(fā)展以及設計風格的理解有一 個深度的認識。,一、版式設計概述,版面設計是視覺傳達設計專業(yè)考生必修的一門重要的專業(yè)基礎課程，對考生專業(yè)技能的培養(yǎng)有重要的作用，是平面廣告設計、包裝設計等設計課程的基礎。 版面設計，又稱為版式設計，編排設計，是平面設計中的一大分支，主要指運用造型要素及形式原理，對版面內(nèi)的文字字體、圖像圖形、線條、表格、色塊等要

2、素，按照一定的要求進行編排，并以視覺方式藝術地表達出來，并通過對這些要素的編排，使觀看者直覺的感受到某些要傳遞的意思。,基本步驟,版式設計的基本步驟 第一步：確定主題（需要傳達的信息）。 第二步：尋找、收集用于表達信息的素材含文字、圖形圖像。 文字表達信息最直接、有效，應該簡潔、貼切。 應該根據(jù)具體需要確定視覺元素的數(shù)量和色彩（黑白、彩色色系）。 第三步：確定版面視覺元素的布局（類型）。 第四步：使用圖形圖像處理軟件進行制作。,編排設計對于平面設是一門相對具有獨立性的設計藝術， 研究的是平面設計的視覺語言與藝術風格。 編排設計研究的功能，也是我們學習編排設計的目的： 一、設計在注重創(chuàng)新的同時，

3、我們研究編排的表現(xiàn)手段與行 事風格的探索，使設計得以完美盡致地發(fā)揮，從而避免設計 過程的盲目性。 二、編排設計通過對版面基礎理論知識全面系統(tǒng)的學習，培 養(yǎng)學生對版面審美的認識，鍛煉學生的設計技能，為日后設 打好基礎。,版面編排設計的范圍涉及包裝、廣告、報紙、書籍、產(chǎn)品手冊、宣傳 單、公關贈品、網(wǎng)頁設計等各類平面設計。它是二維平面設計的基礎。 編排設計教你如何掌控布局空間和把握整體設計，教你如何快速進入 設計領域 從某種意義來講，編排的藝術不僅是一門基礎課，更是一門真正意義的設計藝術。在國外的平面設計中，更注重編排的設計，編排本身就體現(xiàn)了創(chuàng)意，兩者相互交融。所以在眾多獲獎的優(yōu)秀作品中，很多是情彩

4、的編排設計案例。在這一方面國內(nèi)的平面設計師雖然做出了很大的努力，有了很大的進步，但離國際平面設計水平還有很大的距離，不過這與我們的研究和社會的重視程度有關。,在研究平面設計的語言和風格的同時，更應該注重對視覺表現(xiàn)所形成的思維觀念進行研究。 每一個藝術運動思潮都對平面設計的風格產(chǎn)生過深刻的影 響，因此平面設計的思想觀念與風格不是孤立的， 是與建筑、繪畫、文學、音樂、詩歌、服裝等領域的藝術思 想精神完全一致的。每一次藝術運動都起源于建筑、繪畫， 然后影響其他領域，因此我們在研究版式藝術的同時，應該 以宏觀的觀點來看待藝術發(fā)展的關系,了解整個20世紀現(xiàn)代主義和國際主義藝術風格對當代平面設 計的影響，

5、 了解后現(xiàn)代社會在文化、經(jīng)濟、科學技術上對人類的生活方 式、思想意識和藝術風格的影響，如電腦數(shù)碼技術導致了平 面設計的巨大變化，使平面設計進入了一個嶄新的階段，促 進了國內(nèi)平面設計的發(fā)展。這對于我們學習研究平面編排設 計是有積極作用的，對于今天的平面設計創(chuàng)作增添了深度的 認識和理解。,二、平面設計的歷史發(fā)展,20世紀初：經(jīng)濟與工業(yè)化 短短的幾十年間，它影響了人們幾個世紀以來在平面設計方面 的思想意識、審美觀念， 20世紀的藝術主要經(jīng)歷四個時期： 第一個時期，主要以立體主義、未來主義、達達主義、超現(xiàn) 實主義、裝飾主義為代表； 第二個時期以“一戰(zhàn)”后興起的俄國構成主義、荷蘭風格派、 德國包豪斯三個

6、重要的設計運動為代表； 第三個時期為“二戰(zhàn)”后50年代至70年代的國際主義主導設計 風格； 第四個時期為20世紀60年代開始的后現(xiàn)代主義平而設計表現(xiàn)形式以及電腦、網(wǎng)絡多元化媒體傳達。,20世紀的現(xiàn)代設計運動眾多，對現(xiàn)代平面設計形式和風 格產(chǎn)生了巨大影響 對立體主義的形式、未來主義思想觀念、達達主義的版面編 排、超現(xiàn)實主義的插圖和版面的影響巨大，在形態(tài)意識識上 為平面設計提了新的觀念與營養(yǎng)，對平面設計的發(fā)展起到了 促進作用。,1立體主義,立體主義是現(xiàn)代藝術中重要的運動，也是平面設計的形式基礎。 立體主義具有主張不模仿客觀對象，重視藝術的自我表現(xiàn)，對具體對象分析、重構和綜合處理的特征。 這種思想觀

7、念對平面設計的影響，表現(xiàn)為對版面構成的分析組合和對理性的規(guī)律探索，而這種探索影響了荷蘭的風格派、俄國構成主義，尤其是德國包豪斯學院，使其工業(yè)設計和平面設計都得到了很大的發(fā)展。,2未來主義,未來主義運動起源于20世紀初意大利在繪畫、雕塑和建筑上的一場設計運動，主張對工業(yè)化極端膜拜和高度的無政府主義、反對任何傳統(tǒng)藝術形式，蔑視社會文化、文明，極躺地追求個性自由，探索在時間、空間與機械美學方面的表現(xiàn)。在版面編排上，未來主義鮮明地提出反對嚴謹正規(guī)的排版方式提倡自由的組合，即編排的無重心無主次、雜亂無章、字體各異的散構 ，甚至完全散亂的無政府主義的形式；倡導“自由字體”毫無拘束的編排，其中各種字體及大小

8、字母混雜，高低錯落地混亂組合，甚至文字不再只成為表達內(nèi)容的媒介物，而成為設計構成的一種視覺元素與符號。在國際主義風格形成以后，這一反規(guī)律的設計趨向基本被主流設計界否定，但到20世紀90年代，在世界多元化的經(jīng)濟發(fā)展形式下，未來主義的風格在西方平面設計界得到重新重視與應用，并成為時尚設計的標志,3達達主義,達達主義是由于人們對戰(zhàn)爭的厭倦以及對戰(zhàn)后社會前途的失望和迷惘，在歐洲和美過表現(xiàn)出來的高度無政府主義思想的藝術運動。在藝術觀念上，強調(diào)自我反理性，認為世界沒有任何規(guī)律可遵循，所以表現(xiàn)出強烈的虛無主義的特點隨機性和偶然性，荒誕與雜亂。達達主義與未來主義在 編排設計的相 似之處，在于用照片和各種印刷品

9、進行拼貼組合再設計 、以及版面編排上的無規(guī)律化、自由化、相互矛盾化。達達主義正有于單純的、空洞的形式和虛無主義的自身觀念局限使他們顯然不可能創(chuàng)造出一套完整的、可以實踐的平面設計編排方法，但他們革命性的大膽嘗試與突破，對當時及以后的設計家們產(chǎn)生了巨大的影響。,4超現(xiàn)實主義,“一戰(zhàn)”后，由于 人們普遍對社會產(chǎn)生一種悲現(xiàn)和茫然的情緒，因而出現(xiàn)虛無主義思想。超現(xiàn)實主義 即是在 這樣的背景 下在歐洲出現(xiàn)的另一個重要的現(xiàn)代主義藝術運動。超現(xiàn)實主義 認為社會的表象是虛偽的，創(chuàng)作的目的是重新尋找和了解社會的實質(zhì)，認為無計劃的、無設計的下意識或潛在的思想動機更真實，如用寫實的手法來描繪、拼合荒誕的夢境或虛無的幻

10、覺。超現(xiàn)實主義對于現(xiàn)代平面設計的影 響在于對人類意識形態(tài)和精神領域方面的探索，對日后現(xiàn)代主義在觀念表現(xiàn)說有創(chuàng)造性的啟迪作用。,5、現(xiàn)代主義設計,20世紀二三十年代，在歐洲 出現(xiàn)了三個重要的核心運動 俄國的構成主義、荷蘭的風格派、德國的包豪斯。 這三個運動成為現(xiàn)代設計思想和形式的基礎。 俄國的構成主義運動是在意識形態(tài)上提出設計為無產(chǎn)階級服務的運動 荷蘭的風格派運動則是基于美學原則探索的單純美學運動 而德國的現(xiàn)代設計運動發(fā)展到以包豪斯為代表的學院派風格。 這三個運動相互影響 特別是荷蘭風格派的重要人物與俄國的構成主義藝術家和設計家參與包豪斯設計創(chuàng)作工作，影響了歐洲各國各種藝術流派，形成了歐洲現(xiàn)代主

11、義設計觀念的基本結構。戰(zhàn)后它影響了世界各地，成為戰(zhàn)后“國際主義“的基礎。,現(xiàn)代主義的特點是理性主義，“功能決定形式”不是一種風格 而是一種信仰?，F(xiàn)代主義最鮮明的主張是：“少則多”。它反對 裝飾的繁瑣提倡簡潔的幾何形式，所以現(xiàn)代主義在平面設計上 做出了很大的貢獻： 1創(chuàng)造了無裝飾線腳的國際字體為主體的新字體體系，并得以廣泛應用 2在平面設計上開始對簡潔的幾何抽象圖形進行探索設計。 3將攝影作為平面設計插圖的形式進行研究。 4將數(shù)學和幾何學應用于平面的設計分割，為骨骼法的創(chuàng)造奠定了基礎,6、構成主義,俄國構成主義運動是俄國十月革命勝利后在俄國出現(xiàn)的一次前衛(wèi)藝術運動和設計運動。構成主義設計將抽象的圖

12、形或文字作為視覺傳達的元素和符號進行構成設計，版面編排常以幾何的形式構成，同時也帶有未來主義、達達主義自由拼合、無序的特點。但在整體上構成主義更講究理性規(guī)律，強烈編排的結構、簡略的風格以及空間的對比關系。俄國的構成主義為現(xiàn)代主義的設計奠定了基礎。,7、風格派,荷蘭風格派的思想和形式來源于蒙德里安的繪畫探索。他以高度理性 、數(shù)字化的邏輯思維來創(chuàng)造和諧的新秩序，畫面上簡潔到只有縱橫分 割的幾何方塊和鮮明的色塊。 風格派在平面設計上的特點是： 1、高度理性化，完全采用簡潔的縱橫編排方式，除縱橫的幾何分塊外， 沒有其他裝飾。 2、字體完全采用無裝飾線體。 3、版面編排采用非對稱方式，但追求非對稱的視覺

13、平衡。 4、嘗試在版面上進行直線的骨骼分割構成，形成了被稱為“瑞士骨骼”的編排法。,8包豪斯,包豪斯的平面設計風格是在俄過的構成主義、荷蘭風格派和德國的現(xiàn) 代主義設計的影響下，綜合發(fā)展和逐步完善形成的。 包豪斯學院應該被稱為世界上第一所完全為設計教育設立的學院，并成 為歐洲現(xiàn)代主義設計的交匯中心。它的設計思想理論和風格基礎影響了 半個世紀以來對現(xiàn)代設計的探索與研究。另外它對現(xiàn)代教育的影響也是 巨大的，研究并形成了一套完整的、嚴格的設計基礎教學的思想體系， 并一直影響到今天的設計教育。20世紀30年代末期，由于納粹的政治迫 害，大批的設計藝術家逃到美國繼續(xù)發(fā)展，戰(zhàn)后的國際主義平面風格的 形成也在

14、包豪斯思想的基礎上發(fā)展形成的。包豪斯的平面設計的思想及 風格具有強烈的科學化、理性化、功能化，減少主義和幾何化的特點， 注意啟發(fā)學生潛在能力和想象力，注意字體設計，采用無線裝飾字體和 簡略的編排風格。,9、國際主義平面設計風格,“二戰(zhàn)”后，德國發(fā)展起來的國際主義設計風格 成為西方國家設計的主要風格，影響世界各國 20世紀50年代70年代風行一時，影響了建筑設計，平面設計，產(chǎn)品設計等方面。 貢獻： 研究出來骨骼排版法，即將版面設計進行標準化的分割，將字體、插畫 、圖片等按照劃分的骨骼編排在其中， 取消編排的裝飾， 采用樸素的無線裝飾字體， 采用非對稱的版面編排。 國際主義在形式上以“少則多”的減

15、少主義的特征為宗旨，,10、后現(xiàn)代主義的設計風格,中國20世紀80年代到90年代，電腦技術、數(shù)碼技術、信息媒體的迅猛發(fā)展，改變了人們的生產(chǎn)方式和生活方式。在平面設計上，電腦技術的廣泛普及運用，給平面設計工作提供了極大的方便。數(shù)碼革命使平面設計從排版編輯、圖像處理、文件刻錄、印刷、掃描到數(shù)碼相機設備的配合都發(fā)生了巨大的變化，縮短了手工勞動的時間，提高了效率和質(zhì)量，促進了信息的傳播，使平面設計進入了前所未有的一個嶄新階段。網(wǎng)絡媒體的出現(xiàn)，使平面設計從二維的靜態(tài)發(fā)展到動態(tài)、互動的多元媒體的表達。 中國廣告業(yè)在進入20世紀90年代后，隨著電腦的普及與發(fā)展才真正推動了平面設計的發(fā)展。經(jīng)過十來年的發(fā)展，國

16、內(nèi)的廣告業(yè)在創(chuàng)作的觀念意識上從策劃、創(chuàng)意，到設計表現(xiàn)都得到了迅速的發(fā)展縮小了與國際平面設計的距離。,第二節(jié) 版面設計基本知識,21版面與排版的基礎知識 22版面設計的組織原則 23版面構成的原則 24排版設計的基本類型,21版面與排版的基礎知識,版面構成要素 版面指在書刊、報紙的一面中圖文部分和空白部分的總和，即包括版心和版心周圍的空白部分書刊一頁紙的幅面。通過版面可以看到版式的全部設計，版面構成要素如圖所示。,21版面與排版的基礎知識,版面構成要素 版心：位于版面中央、排有正文文字的部分。 書刊版心大小是由書籍的開本決定的，版心過小容字量減少，版心過大有損于版式的美觀。 一般字與字間的空距要

17、小于行與行間空距； 行與行間的空距要小于段與段間的空距； 段與段間的空距要小于四周空白。,版心的寬度和高度的具體尺寸，要根據(jù)正文用字的大小、每面行數(shù)和每行字數(shù)來決定。 而每面行數(shù)又受行距的影響。 印刷標準術語中將字行與字行之間的空白稱為行間，行中心線與行中心線的距離稱為行距。,21版面與排版的基礎知識,版面構成要素 書眉：排在版心上部的文字及符號統(tǒng)稱為書眉。它包括頁碼、文字和書眉線。一般用于檢索篇章。,21版面與排版的基礎知識,版面構成要素 頁碼： 書刊正文每一面都排有頁碼，一般頁碼排于書籍切口一側。印刷行業(yè)中將一個頁碼稱為一面，正反面兩個頁碼稱為一頁。 注文：又稱注釋、注解，對正文內(nèi)容或?qū)δ?/p>

18、一字詞所作的解釋和補充說明。排在字行中的稱夾注，排在每面下端的稱腳注或面后注、頁后注，排在每篇文章之后的稱篇后注，排在全書后面的稱書后注。在正文中標識注文的號碼稱注碼。,21版面與排版的基礎知識,版面構成要素 開本：版面的大小稱為開本，開本以全張紙為計算單位，每全張紙裁切和折疊多少小張就稱多少開本。我國習慣上對開本的命名是以幾何級數(shù)來命名的，如圖所示。,22版面設計的組織原則,1主題鮮明 版式設計的最終目的是使版面產(chǎn)生清晰的條理性，用悅目的組織來更好地突出主題，達到最佳訴求效果。按照主從關系的順序，使放大的主體形象視覺中心，以此表達主題思想。 將文案中的多種信息作整體編排設計，有助于主體形象的

19、建立。在主體形象四周增加空白量，使被強調(diào)的主體形象更加鮮明突出。,22版面設計的組織原則,2、形式與內(nèi)容統(tǒng)一 版式設計的前提版式所追求的完美形式必須符合主 題的思想內(nèi)容。通過完美、新穎的形式，來表達主題。 沒有文字的版面，最難設計。,3、強化整體布局 強化整體布局將版面的各種編排要素在編排結構及 色彩上作整體設計。 加強整體的結構組織和方向視覺秩序。如水平結構、 垂直結構、斜向結構、曲線結構。 加強文案的集合性。將文案中的多種信息合成塊狀， 使版面具有條理性。 加強展開頁的整體性，無論是產(chǎn)品目錄的展開嶡版， 還是跨頁版，均為同一視線下展示，因此，加強整體性可獲 得更良好的視覺效果。,23版面構

20、成的原則,1藝術性與裝飾性 版面的裝飾因素是文字、圖形、色彩等通過點、線、面的組合與排列構成的，并采用夸張、比喻、象征的手法來體現(xiàn)視覺效果，既美化了版面，又提高了傳達信息的功能。裝飾是運用審美特征構造出來的。不同類型的版面信息，具有不同方式的裝飾形式，它不僅起著排除其他，突出版面信息的作用，而且又能使讀者從中獲得美的享受。,23版面構成的原則,2思想性與單一性 一個成功的版面構成，首先必須明確客戶的目的，并深入去了解、觀察、研究與設計有關的方方面面。版面離不開內(nèi)容，更要體現(xiàn)內(nèi)容的主題思想，用以增強讀者的注目力與理解力。主題鮮明突出，是設計思想的最佳體現(xiàn)。 平面藝術只能在有限的篇幅內(nèi)與讀者接觸，

21、這就要求版面表現(xiàn)必須單純、簡潔。版面的單純化，既包括訴求內(nèi)容的規(guī)劃與提煉，又涉及到版面形式的構成技巧。,23版面構成的原則,3趣味性與獨創(chuàng)性 版面構成中的趣味性，主要是指形式美的情境。這是一種活潑性的版面視覺語言。 獨性性原則實質(zhì)上是突出個性化特征的原則。鮮明的個性，是版面構成的創(chuàng)意靈魂。,23版面構成的原則,4整體性與協(xié)調(diào)性 版面構成是傳播信息的橋梁，所追求的完美形式必須符合主題的思想內(nèi)容，這是版面構成的根基。只有把形式與內(nèi)容合理地統(tǒng)一，強化整體布局，才能取得版面構成中獨特的社會和藝術價值，才能解決設計應說什么，對誰說和怎么說的問題。 強調(diào)版面的協(xié)調(diào)性原則，也就是強化版面各種編排要素在版面中

22、的結構以及色彩上的關聯(lián)性。通過版面的文、圖間的整體組俁與協(xié)調(diào)性的編排，使版面具有秩序美、條理美，從而獲得更良好的視覺效果。,24排版設計的基本類型,1骨格型 骨格型是一種規(guī)范的理性的分割方法。常見的骨格有豎向通欄、雙欄、三欄、四欄和橫向通欄、雙欄、三欄和四欄等。一般以豎向分欄為多。在圖片和文字的編排上則嚴格按照骨格比例進行編排配置，給人以嚴謹、和諧、理性的美。骨格經(jīng)過相互混合后的版式，既理性、條理，又活潑而具彈性。,24排版設計的基本類型,2滿版型 版面以圖象充滿整版，主要以圖象為訴求，視覺傳達直觀而強烈。文字的配置壓置在上下、左右或中部的圖象上。滿版型給人以大方、舒展的感覺，是商品廣告常用的形式。,24排版設計的基本類型,3上下分割型 把整個版面分為上下兩個部分，在上半部或下半部配置圖片，另一部分則配置文案。配置有圖片的部分感性而有活力，而文案部分則理性而靜止。上下部分配置的圖片可以是一幅或多幅。,24排版設計的基本類型,4左右分割型 把整個版面分割為左右兩個部分，分別在左或右配置文案。當