版式設(shè)計第二章

1、 1 版式設(shè)計 2 Contents Page目錄頁 * 第一章 版式設(shè)計概述第二章 版式設(shè)計的基本要素及構(gòu)成規(guī)律第三章 版式設(shè)計的設(shè)計原則第四章 版式設(shè)計的網(wǎng)格系統(tǒng)第五章 版式設(shè)計的視覺流程 3 Contents Page目錄頁 * 第六章 版式設(shè)計的創(chuàng)意技巧第七章 版式設(shè)計的圖文編排方法第八章 版式設(shè)計的程序與印刷第九章 版式設(shè)計的具體應(yīng)用 4 第二章二、重點與注意事項提示（1）重點掌握版式設(shè)計基本要素的相關(guān)原理。（2）在版面編排設(shè)計中，基本要素是組成任何平面設(shè)計的基礎(chǔ)，要學(xué)會靈活運用。（3）通過學(xué)習(xí)使學(xué)生認識到色彩作為第一視覺語言的重要性，在整個版式中要注意色調(diào)的整體感，色彩的選擇與版面

2、主題、版面的表現(xiàn)形式相統(tǒng)一。一、教學(xué)目標與教學(xué)要求本章要求學(xué)生掌握版式設(shè)計的構(gòu)成要素在版式中的重要作用。教學(xué)時，要求教師通過大量點、線、面的各種變化和組合以及色彩在版式設(shè)計上的應(yīng)用等教學(xué)案例，使學(xué)生學(xué)習(xí)并掌握版式設(shè)計的構(gòu)成方法和常用技巧。 5 三、訓(xùn)練目的與題目要求訓(xùn)練目的：點、線、面是版式設(shè)計首要的考慮因素，要善于排列組合它們之間的關(guān)系，善于使用點、線、面表現(xiàn)不同的形式和情感。題目要求：運用點、線、面分析優(yōu)秀編排設(shè)計作品；運用點、線、面等形態(tài)要素進行各種組合編排練習(xí)。 點、線、面是視覺構(gòu)成的基本元素，是版面設(shè)計中最重要的構(gòu)成元素，又是最重要的表現(xiàn)手段。在版面設(shè)計中，除了可將圖形、文字、空白等

3、內(nèi)容簡單地歸納為點、線、面以外，點、 線、面還常常以純粹的、無任何意義的形態(tài)出現(xiàn)在版面中。版面設(shè)計實質(zhì)上也是點、線、面不同方式的組合。不管如何復(fù)雜的版面，歸根到底都可以簡單歸納為點、線、面的構(gòu)成形式。在設(shè)計時，既要體現(xiàn)它的獨立性，又要體現(xiàn)三者之間互襯、對比、協(xié)調(diào)的空間關(guān)系。 在平面設(shè)計中有著各種各樣的元素，但所有的元素概括起來不外乎點、線、面三種，三種元素的相互結(jié)合與相互轉(zhuǎn)換就構(gòu)成了豐富多彩的設(shè)計形式。一幅作品的設(shè)計如何通過視覺傳達作用于讀者的心理、打動人們的情感、感染人們的思想、給人以美的享受，同時又能使主題信息傳達準確，版式中形態(tài)構(gòu)成就是重要的影響因素。第二章 6 點，是造型中最基本的要素

4、，也是版面設(shè)計中不可忽視的要素。點在幾何學(xué)意義上，只具有位置，不具有大小、方向、面積。在版面中，點的表現(xiàn)是多樣的，可以是單個的字母、抽象的標志、一個符號、小幅的圖片或者是其他任何具有相似特征的版面元素。設(shè)計師要理解點的原理和作用，并在版式設(shè)計中掌握并熟練運用點，就能對版面中的文字、符號或小圖形進行合理的組合構(gòu)成，使版面形象更突出、更醒目（圖2-1至圖2-5）。在版面設(shè)計時，點也是相對而言的，“點”多數(shù)是作為一種抽象出來的點而存在，在整幅版面中，一個較小的形象即可稱為“點”。同時，點也可作為一種具象而存在，這就需要我們具有豐富的想象力和敏銳的對美的感悟。連續(xù)運動的點的軌跡形成線，點與點之間的距離

5、遠可形成虛線，近則形成實線。在版面編排上，點可以作為整個版面的畫龍點睛之“點”，形成畫面的中心；也可以和其他形態(tài)排列組合，起著平衡畫面的作用，填補畫面空間，點綴和活躍畫面氣氛。第二章第一節(jié) 點在版式設(shè)計上的構(gòu)成規(guī)律 7 第二章第一節(jié) 點在版式設(shè)計上的構(gòu)成規(guī)律 8 一、點在版面上的位置（一）點的位置居于幾何中心點的位置居于幾何中心時，畫面的上下左右空間對稱，視覺張力均等，即莊重穩(wěn)定，又會因處理不當(dāng)而略顯呆板。（二）點的位置居于視覺中心點的位置居于視覺中心時，畫面的視覺穩(wěn)定性好，會產(chǎn)生視覺心理的平衡與舒適感。（三）點的位置偏左或偏右點的位置偏左或偏右時，畫面會產(chǎn)生向心移動趨勢，但過于邊置則會產(chǎn)生離

6、心之動感。（四）點位于畫面的上、下邊點位于畫面的上、下邊時，則有上升、下沉的心理感受。第二章第一節(jié) 點在版式設(shè)計上的構(gòu)成規(guī)律 9 二、點在版面設(shè)計中的應(yīng)用（一）點作為一種符號而存在點作為一種符號而存在，并在版面中占據(jù)較主要的位置，可以產(chǎn)生一種凝聚力，使人產(chǎn)生緊張感、擴張感，吸引讀者的視線（圖2-6）。（二）不同形狀點的作用不同的點給人不同的視覺感受。在版面設(shè)計中，單個字體的出現(xiàn)可視為點，一個微小的符號和圖形也被視為一個點，不同的形態(tài)作為點出現(xiàn)在畫面上可以表達出不同的內(nèi)涵。第二章第一節(jié) 點在版式設(shè)計上的構(gòu)成規(guī)律 10 1穩(wěn)定版面（圖2-7、圖2-8）。第二章第一節(jié) 點在版式設(shè)計上的構(gòu)成規(guī)律 11

7、 2活躍版面（圖2-9）。第二章第一節(jié) 點在版式設(shè)計上的構(gòu)成規(guī)律3平衡版面（圖2-10）。 12 一、線的形態(tài)線是版面設(shè)計的基本元素，線的形態(tài)是點的移動方式和移動速度產(chǎn)生的，所以有很強的運動感和情感特征。線有曲直之分，有粗細之別；有自然形態(tài)與人工形態(tài)之分,有剛性柔性之別；還有動靜之分，虛實之別;可以連續(xù)或間斷、粗或細、有規(guī)律或無規(guī)律、靜止或運動、直線或曲線，甚至是諸多形式的不同結(jié)合。線，也是人們認識和反映自然形態(tài)時最簡明的表現(xiàn)形式。在畫面上，線通常是對所目睹、感受或想象到的事物的一種概括，能界定各種形狀，暗示體積或顯示所繪物體的質(zhì)量。因此，我們能通過線條的組織來創(chuàng)造形象、圖案、肌理或描繪陰影等

8、。在長期的演化過程中,線條在繪畫上的運用愈來愈富有表現(xiàn)性、象征性與抽象性（圖2-11至圖2-14）。第二章第二節(jié) 線在版式設(shè)計上的構(gòu)成規(guī)律 13 第二章第二節(jié) 線在版式設(shè)計上的構(gòu)成規(guī)律 14 線的分割可分成平行線分割、直線分割、弧線分割、垂直與水平線分割、放射狀分割、自由分割。在進行版面分割時，既要考慮各元素彼此間支配的形狀，又要注意空間所在的內(nèi)在聯(lián)系?？臻g等量的分割是將多個相同或相似的形態(tài)進行空間等量分割，以獲得秩序感與美感；圖文在直線的空間分割下，求得清晰、條理的秩序，同時求得統(tǒng)一和諧的因素；通過不同比例的空間分割，版面產(chǎn)生各空間的對比與節(jié)奏感。自由分割需要注意各個塊面之間的比例關(guān)系，被分

9、割后的圖形之間的對比關(guān)系。（圖2-15）。二、線的分割第二章第二節(jié) 線在版式設(shè)計上的構(gòu)成規(guī)律 15 在強調(diào)情感、動感、視覺沖擊力較強的出血圖中，若加入線框作為設(shè)計元素，情感、動感則獲得相應(yīng)的穩(wěn)定規(guī)范。另外，當(dāng)線框較細時，版面則輕快而有彈性；當(dāng)線框較粗時，圖像有被強調(diào)的感覺，同時誘導(dǎo)視覺注意；但線框過粗，版面則變得穩(wěn)定、呆板、空間封閉（圖2-16、圖2-17）。三、線的強調(diào)與約束第二章第二節(jié) 線在版式設(shè)計上的構(gòu)成規(guī)律 16 從原始人的符號、圖形到現(xiàn)代的文字和多元化設(shè)計作品，設(shè)計師往往通過線來表現(xiàn)形。線不僅僅是物體抽象化表現(xiàn)的有力手段，而且它本身就具有卓越的造型力和表現(xiàn)力。由于線的性質(zhì)和種類不同，

10、在視覺傳達設(shè)計中所表現(xiàn)的視覺情感性格也豐富多變。不同的線在視覺傳達中代表著不同的意念和情態(tài)，而合理的應(yīng)用直線和曲線是豐富畫面不可缺少的表現(xiàn)手法（圖2-18至圖2-21）。四、線的情感第二章第二節(jié) 線在版式設(shè)計上的構(gòu)成規(guī)律 17 面的大小、虛實都會給人以不同的視覺感受。面積大的面，給人擴張感；面積小的面，給人向心感。實的面，如填實的色塊、大幅的圖片、夸張的視覺符號或者字母等，我們也可以稱其為積極的面。虛的面，可以表現(xiàn)為版面的背景或空白，我們也可以稱其為消極的面。面的虛實會產(chǎn)生層次的美感，這種虛實在視覺上就會有不同的感受，同時在心理上就會有著不同的量感。填實的面在心理上一定會比虛的面體現(xiàn)一種重量感

11、，感覺沉甸甸的出現(xiàn)在畫面中，而虛的面則會有一種透視的空間感覺。但虛面、實面也都是這些元素之間相對而言的（圖2-22至圖2-24）。一、面的大小和虛實第二章第三節(jié) 面在版式設(shè)計上的構(gòu)成規(guī)律 18 第二章第三節(jié) 面在版式設(shè)計上的構(gòu)成規(guī)律 19 二、面的分類面可以分為幾何形和自由形兩大類。幾何面形可以分為幾何直線面和幾何曲線面（圖2-25、圖2-26），自由面形也一樣分為直線面和曲線面（圖2-27至圖2-29）。幾何形由點、線、面組成，空間形態(tài)清晰，視覺傳達效果顯著，具有理性美。自由形表現(xiàn)非具象效果時，因空間力場的不規(guī)則變化則顯得浪漫、富于情趣，具有感性美。直線面剛硬、男性化，曲線面柔和、女性化。第

12、二章第三節(jié) 面在版式設(shè)計上的構(gòu)成規(guī)律 20 第二章第三節(jié) 面在版式設(shè)計上的構(gòu)成規(guī)律（1）點的線化、面化：一排文字的橫向、豎向或曲線組合即是點的線化，斷開的點形成虛線，連續(xù)的點形成實線（圖2-30）；點的集中排列有可能成為面，如大段文字的排列、編排緊密的點。點的面化就是借助點元素由一個中心向四周擴張和反復(fù)衍生所得的結(jié)果。經(jīng)過點的面化之后，點本身的造型意義也隨之隱含于面的轉(zhuǎn)化中。然而，這時的面只能呈現(xiàn)出朦朧和虛淡的特征，它和點的線化一樣，成為作品中間接的表現(xiàn)對象。點的線化和點的面化在構(gòu)成活動中將我們的設(shè)計意識指向了點以外的“線”和“面”，然而，不可忽視的是，點形態(tài)依然起到了造型意義上的決定作用。因

13、為沒有點元素的連續(xù)或擴展，虛擬的線和面是不可能產(chǎn)生的。點的線化和面化在構(gòu)成設(shè)計中已成為一種獨特的表現(xiàn)手段。（2）線的面化：線的等距離或疏密排列可形成面。數(shù)排文字的排列組合也可形成線的面化（圖2-31、圖2-32）。重點提示 21 第二章第三節(jié) 版式設(shè)計的目的和功能 22 一、色彩的三要素對色彩的理解基于三個概念：色相色彩的相貌，是一種色彩區(qū)別于其他色彩的表象特征；明度色彩的明暗程度，明度的兩極分別是白色和黑色；純度色彩的純凈程度，純度是與灰度相對應(yīng)的，色彩中所含有的灰度越少，純度就越高。第二章第四節(jié) 色彩在版式設(shè)計上的體現(xiàn)規(guī)律二、確定主色調(diào)（一）主色調(diào)的選擇所謂色調(diào)是由參與配色的色相、明度、純

14、度和面積關(guān)系決定的。版面整體色調(diào)的運用得當(dāng)，能使設(shè)計充滿生機。任何一個設(shè)計項目中都會用到色彩。在版式設(shè)計中，對色彩的選擇應(yīng)該非常慎重，它會成為影響設(shè)計者傳達主題手法的主要力量。首先應(yīng)該考慮在一幅設(shè)計作品中能用到多少種顏色，其次考慮色彩所要傳達的與之匹配的產(chǎn)品的訊息。最后，對照設(shè)計意圖來調(diào)整所選用的色彩。 23 在表達這些色調(diào)時，色彩所體現(xiàn)的感覺將有效地突出主題內(nèi)涵，創(chuàng)造主題特有的情調(diào)，而這明顯地感染讀者的情緒，影響讀者的接受能力（圖2-33）。如以中性色表達懷舊的情調(diào)；以暖色、純度高的對比色刺激人的感官，使人興奮；以明度高的顏色塑造清靜、涼爽的感覺等。不同的色彩表現(xiàn)不同的情感，根據(jù)設(shè)計主題選用

15、不同色彩，將有利于情景交融的溝通（圖2-34、圖2-35）。第二章第四節(jié) 色彩在版式設(shè)計上的體現(xiàn)規(guī)律 24 我們還可以通過各種色彩的運用來傳達信息和情感。例如，包裝往往會通過色彩來傳達產(chǎn)品形象。在洗發(fā)香波的廣告中，設(shè)計者能巧妙地使用不同的淡淡色調(diào)來反映產(chǎn)品所含的不同成分（圖2-36）。第二章第四節(jié) 色彩在版式設(shè)計上的體現(xiàn)規(guī)律（二）主色調(diào)的識別性主色調(diào)的識別可以從兩個方面加以分析：一是從色彩的象征性考慮，從人們?nèi)粘ι实恼J知中獲得啟發(fā)；二是從行業(yè)的屬性方面考慮，借鑒同類企業(yè)版式設(shè)計中有代表的行業(yè)色彩。例如，科技、IT行業(yè)可選擇象征科學(xué)、精密的藍色；農(nóng)業(yè)、醫(yī)藥行業(yè)可選擇具有環(huán)保、生命特征的綠色；

16、赭石色、褐色可代表咖啡、巧克力、中藥或者苦的味道等（圖2-37）。 25 （三）整體色調(diào)的和諧統(tǒng)一版式中的圖片具有明確的色彩調(diào)子，在編排過程中，可以將文字、標題、底紋等元素的色彩結(jié)合圖片的色調(diào)來搭配，使版面的色彩形成一種和諧統(tǒng)一的依存關(guān)系（圖2-38、圖2-39）。第二章第四節(jié) 色彩在版式設(shè)計上的體現(xiàn)規(guī)律 26 三、色彩的創(chuàng)意（一）點綴色在同質(zhì)的色彩中，加上局部不同質(zhì)的色彩，形成視覺重點。色彩的點綴在版面中產(chǎn)生一種緊張感，成為整體的一個著力點。點綴的色彩應(yīng)該采用小的面積，并與其他色彩形成強烈對比，以提高注目性，形成視覺中心，同時在位置與比例關(guān)系上，起到平衡色彩的作用（圖2-40）。 第二章第四

17、節(jié) 色彩在版式設(shè)計上的體現(xiàn)規(guī)律 27 （二）虛實的襯托以圖像中某主色或近似色作為版面中的主要色塊，以含糊的虛的色彩烘托和加強主題圖像，使版面產(chǎn)生疏密、動靜和虛實的變化，增添了遐想的空間。如圖2-41、圖2-42所示，即是以弱化的含蓄的底紋烘托主題文字與圖像，使畫面重疊，造成多維的空間效果，增添版面的立體感，滿足人們視覺心理多樣化的需求。第二章第四節(jié) 色彩在版式設(shè)計上的體現(xiàn)規(guī)律 28 （三）抽象意念色彩可以傳達意念。即使是很復(fù)雜、很抽象的東西，通過色彩處理后，也容易變得簡潔明了，體現(xiàn)出某種確切的含義。如交通燈上的紅色表示停止，綠色表示放行，這是世界公認的視覺語言，使用符號化的色彩將使版面的信息更

18、易理解與閱讀。（四）黑白灰的創(chuàng)意報紙、雜志、書籍、宣傳手冊等絕大多數(shù)以文字類居多的版面，本身就是黑白灰的組合。通過正文與標題的大小對比，面積的多少，位置的穿插，同樣能營造詩一般的情調(diào)。有的圖片以大面積的黑白形成強烈對比，塑造版面明快、大方、理性的內(nèi)涵。黑白灰盡管是非彩色系，但設(shè)計師通過加強創(chuàng)意，同樣能創(chuàng)造版面的獨特個性。第二章第四節(jié) 色彩在版式設(shè)計上的體現(xiàn)規(guī)律 29 （一）有彩色系1紅色紅色，是火與血的顏色，最引人注目。它既象征熱情、朝氣、喜慶、幸福，又象征危險、俗氣、艷麗，在版面設(shè)計的色彩搭配中常起對比調(diào)和的作用，常被運用為點綴色（圖2-43）2橙色橙色，是秋天收獲之色，象征溫暖、快樂、健康

19、與活潑。它是色彩中最暖的顏色，強烈而又華美，運用不當(dāng)會產(chǎn)生刺眼的感覺（圖2-44）。3黃色黃色，是陽光之色，象征光明、希望與高貴。淺黃表示軟弱、淡雅與清爽。灰黃色表示病態(tài)。在色彩搭配中，黃色往往與紅色系一起，形成輝煌華麗、熱烈喜慶的效果；與藍色系搭配，則產(chǎn)生淡雅寧靜的效果（圖2-45）。四、色彩在版面中的心理體現(xiàn)第二章第四節(jié) 色彩在版式設(shè)計上的體現(xiàn)規(guī)律 30 第二章第四節(jié) 色彩在版式設(shè)計上的體現(xiàn)規(guī)律 31 4綠色綠色，是大自然植物之色，象征著青春、健康、平靜、安全與舒適。其與黃色搭配顯得明快清新，與藍色搭配則更加柔和寧靜（圖2-46）。5藍色藍色，是天空、大海之色，既象征和平、安靜、堅實與理智，又是消極、冷淡、壓抑之色。它與紅、黃組成色彩三原色，運用得當(dāng)能構(gòu)成和諧的對比關(guān)系（圖2-47）。6紫色紫色，象征高貴、優(yōu)美，既給人以神秘、浪漫、溫和之感，又給人暗淡、陰沉、孤獨之感。淡紫色顯得高雅、柔美，深紫色則顯得成熟、莊嚴、沉重，如運用得當(dāng)，能產(chǎn)生新穎別致的效果（圖2-48）。第二章第四節(jié) 色彩在版式設(shè)計上的體現(xiàn)規(guī)律 32 第二章第四節(jié) 色彩在版式設(shè)計上的體現(xiàn)規(guī)律 33 （二）無色彩系1黑色黑色，是明度最低的非彩色系，既象征著力量與莊嚴、神秘與時髦，又意味著罪惡與冷漠、黑暗與恐懼。在現(xiàn)代設(shè)計中，黑色更意味著高級