版式設(shè)計(jì)（第二版）課件：版式設(shè)計(jì)的構(gòu)成要素

版式設(shè)計(jì)的構(gòu)成要素版式設(shè)計(jì)的構(gòu)成要素點(diǎn)、線、面是版式設(shè)計(jì)的基本構(gòu)成要素。版式設(shè)計(jì)實(shí)際上就是調(diào)整點(diǎn)、線、面的組合形式，即無論版面的內(nèi)容與形式如何復(fù)雜，通過版式設(shè)計(jì)都可以簡化到點(diǎn)、線、面的組合形式上來。版式設(shè)計(jì)的構(gòu)成要素一、版面中的點(diǎn)點(diǎn)是版式設(shè)計(jì)中最簡單的要素，點(diǎn)的表現(xiàn)力是通過大小、顏色、位置、數(shù)量等體現(xiàn)出來的。1.單獨(dú)的點(diǎn)倘若在整個(gè)版面中只有一個(gè)點(diǎn)，這個(gè)點(diǎn)往往會(huì)自動(dòng)變成視覺中心，有種被放大的效果，這就是焦點(diǎn)透視原理。版式設(shè)計(jì)的構(gòu)成要素圖2-1-1所示吳中昊的作品《未來》，就是運(yùn)用了單獨(dú)點(diǎn)的設(shè)計(jì)，圓形光環(huán)中出現(xiàn)了一個(gè)孤獨(dú)的背影，突出了作品的主題，有極強(qiáng)的視覺感染力，該作品獲得了德國萊比錫世界海報(bào)展大獎(jiǎng)。圖2-1-2所示為日本設(shè)計(jì)大師原研哉的設(shè)計(jì)作品，該作品版式設(shè)計(jì)采用的也是單獨(dú)點(diǎn)的設(shè)計(jì)。版式設(shè)計(jì)的構(gòu)成要素版式設(shè)計(jì)的構(gòu)成要素2.多個(gè)點(diǎn)的組合點(diǎn)是版式設(shè)計(jì)中使用最靈活的要素，版面中的點(diǎn)不管是小色塊還是文字塊，其本身都具有點(diǎn)的特性，多個(gè)點(diǎn)組合時(shí)能夠產(chǎn)生距離感或滾動(dòng)、彈跳等動(dòng)態(tài)的視覺效果，它們可以與其他要素組合，起到平衡版面、填補(bǔ)空間、點(diǎn)綴和活躍版面氣氛的作用；點(diǎn)還可以組合起來，形成其他要素，以襯托版面主體。另外，點(diǎn)的分布位置不同，也會(huì)給人不同的視覺和心理感受。版式設(shè)計(jì)的構(gòu)成要素多個(gè)點(diǎn)組合的版式設(shè)計(jì)效果如圖2-1-3、圖2-1-4所示。版式設(shè)計(jì)的構(gòu)成要素二、版面中的線線在版式設(shè)計(jì)中發(fā)揮著非常重要的作用。在許多版式設(shè)計(jì)中，文字以線的形式存在，占據(jù)著版面的主要位置，是設(shè)計(jì)者進(jìn)行編排的主要對象。除了文字以外，各種線條還可以成為版面的裝飾及構(gòu)成各種模塊的外輪廓，它們起著界定、分隔版面的作用。線還可以串聯(lián)各種視覺要素，使版面充滿動(dòng)感，也可以在最大限度上穩(wěn)定版面。線的表現(xiàn)形式多樣，不同形態(tài)的線可表達(dá)不同的情感，將線充分應(yīng)用于版式設(shè)計(jì)中，能輕松地呈現(xiàn)出較好的版面效果。版式設(shè)計(jì)的構(gòu)成要素1.垂直線和水平線的應(yīng)用垂直線在藝術(shù)形式上給人以上升、高聳等感受，如電塔、煙囪、高樓、旗桿的結(jié)構(gòu)輪廓都是高聳的垂直線；而水平線則讓人聯(lián)想到草原、海平面等，使人產(chǎn)生開闊、平靜、徐緩等感覺。圖2-1-5所示為采用水平線構(gòu)圖的版面，該版面中水平線的運(yùn)用極富藝術(shù)美感。版式設(shè)計(jì)的構(gòu)成要素2.傾斜線的應(yīng)用傾斜線給人以散射、活潑、突破、動(dòng)感的感覺，其傾斜的方向給人以方向感。圖2-1-6所示的海報(bào)采用傾斜線構(gòu)圖，放映機(jī)從下方照向斜上方的天空，人們的視線很容易就被吸引過去。圖2-1-7所示的海報(bào)，傾斜線構(gòu)圖被運(yùn)用得恰到好處，它使得整個(gè)版面不再是純平面效果，使版面有了空間感，讓版面更有縱深感。版式設(shè)計(jì)的構(gòu)成要素版式設(shè)計(jì)的構(gòu)成要素3.曲線的應(yīng)用流暢的曲線能夠給人以柔和、靈動(dòng)的感覺。如圖2-1-8所示，曲線的應(yīng)用給單調(diào)的版面增加了柔美感，以及增添了性感和神秘的色彩。由曲線構(gòu)成的創(chuàng)意廣告如圖2-1-9所示，設(shè)計(jì)者利用構(gòu)成原理將線條的視覺感受運(yùn)用到商品廣告中。版式設(shè)計(jì)的構(gòu)成要素版式設(shè)計(jì)的構(gòu)成要素4.線的分割作用線可以巧妙地將版面分割，分割方式可以根據(jù)版面的主次關(guān)系、呼應(yīng)關(guān)系及形式關(guān)系而定。利用線進(jìn)行版面分割，能清晰地劃分版面區(qū)域，便于閱讀；線還能引導(dǎo)視覺，聯(lián)系版面內(nèi)容，讓版面更加清晰明了，版面內(nèi)容排布更具條理性?？傊?，線的分割功能，能夠給版面帶來活躍感、時(shí)尚感、簡潔感等。線的分割作用如圖2-1-10所示，報(bào)紙版面中的線，將版面分割成多個(gè)部分。版式設(shè)計(jì)的構(gòu)成要素三、版面中的面1.面的形成與應(yīng)用在基本視覺要素中，面的視覺影響力最大，它們在版面中往往發(fā)揮舉足輕重的作用。面可以分為幾何形和自由形兩大類，在版式設(shè)計(jì)時(shí)只有面與面之間相互和諧，才能打造具有美感的版式設(shè)計(jì)作品。在實(shí)際的版式設(shè)計(jì)中，面的表現(xiàn)也受色彩等因素影響；同時(shí)，面的形狀和邊緣形態(tài)對面的表現(xiàn)也有很大影響，在不同的情況下它們會(huì)使面的形象發(fā)生極大的變化。版式設(shè)計(jì)的構(gòu)成要素點(diǎn)和線在平面中的延展構(gòu)成了面。點(diǎn)的鋪排形成一定大小和形狀的面，線對空間的分割也在原有整體的版面上形成新的面，許多點(diǎn)和線組合才能使主題被完整表達(dá)。面有三角形、圓形、正方形等各種形態(tài)，在這一點(diǎn)上，它是點(diǎn)的放大。圖2-1-11所示海報(bào)充分展示了點(diǎn)和面的關(guān)系。圓形具有潤澤感、和諧感，三角形具有穩(wěn)定感、力量感，正方形具有端正感、平衡感。不同的形狀給人以不同的心理感受。圖2-1-12所示為某品牌月餅廣告的版面，圓形的背景畫寓意中秋團(tuán)圓之美，給人以和諧的感覺，使得版面穩(wěn)定而不呆板。版式設(shè)計(jì)的構(gòu)成要素版式設(shè)計(jì)的構(gòu)成要素面在版面中所占比例較大，因而它影響著其他視覺元素的位置。對稱、重復(fù)、漸變、對比是常用的設(shè)計(jì)表現(xiàn)手法。左右、上下或者呈對角線式的兩個(gè)面用于排列重要程度相當(dāng)?shù)膬?nèi)容。一邊是文字，一邊是圖像的編排形式是一種對比，如圖2-1-13所示。兩邊有形狀相同而顏色不同的色塊，這種編排形式也是一種對比，如圖2-1-14所示。?圖2-1-13一邊是文字一邊是圖像的編排形式?圖2-1-14兩邊有形狀相同而顏色不同的色塊的編排形式版式設(shè)計(jì)的構(gòu)成要素在重復(fù)編排中增加面的顏色和大小的變化，就會(huì)給版面帶來動(dòng)感，打破重復(fù)造成的呆板，其原理如同平面設(shè)計(jì)中的特異效果。小的面的重復(fù)編排如圖2-1-15所示，小的面重復(fù)編排的版面效果如圖2-1-16所示。版式設(shè)計(jì)的構(gòu)成要素版式設(shè)計(jì)的構(gòu)成要素2.留白的應(yīng)用版面的留白是一種特殊的面，這是將非設(shè)計(jì)元素元素化，即留白以空白的幅面參與到作品中來。留白較少的版面會(huì)給人以活潑、緊湊的感覺，而留白較多的版面則給人以沉著、典雅的感覺。在進(jìn)行版式設(shè)計(jì)時(shí)，可根據(jù)版面內(nèi)容有計(jì)劃、有意識地運(yùn)用留白。適當(dāng)?shù)牧舭?，可以使版面布局更加清晰，有助于加?qiáng)版面的視覺導(dǎo)向性。有留白的版面效果如圖2-1-17所示。版式設(shè)計(jì)的構(gòu)成要素3.版面率的應(yīng)用通俗來說，版面率就是版面利用率，是指版心在版面中所占的面積比例。版心就是版面中主要內(nèi)容所在區(qū)域，不含天頭、地腳和左右頁邊距。版心面積大，則版面四周的留白少，版面的利用率高，版面可以容納更多的信息，高版面率視覺張力大，版面更熱鬧、生動(dòng)；版心面積小，則版面四周的留白多，版面的利用率低，意味著版面中的信息量較小，較低的版面率容易產(chǎn)生典雅或高級的視覺效果。版式設(shè)計(jì)中也有滿版和空版的概念。版式設(shè)計(jì)的構(gòu)成要素四、版面中的空間1.利用點(diǎn)產(chǎn)生空間感一個(gè)版面上有多個(gè)點(diǎn)時(shí)，這些點(diǎn)的排列、重復(fù)和變化能起到豐富版面空間形態(tài)的作用，在多個(gè)點(diǎn)中間通常有一個(gè)點(diǎn)非常突出，它形成了一個(gè)相對的視覺中心，其他的點(diǎn)圍繞它，與它一起共同表現(xiàn)一個(gè)主題。多個(gè)點(diǎn)形成空間感如圖2-1-18所示，圖中的圓點(diǎn)即為該版面的點(diǎn)，版面中的點(diǎn)大小不一，大的點(diǎn)感覺比小的點(diǎn)更接近瀏覽者，而那些小的點(diǎn)則像是正在向版面深遠(yuǎn)處移動(dòng)，很多點(diǎn)的無序排列能使瀏覽者聯(lián)想到星際空間。圖2-1-19中，三角形即為該版面的點(diǎn)，大小不同的點(diǎn)有序排列形成空間感，這就是利用了平面構(gòu)成的漸變原理。版式設(shè)計(jì)的構(gòu)成要素?圖2-1-18多個(gè)點(diǎn)形成空間感1?圖2-1-19多個(gè)點(diǎn)形成空間感2版式設(shè)計(jì)的構(gòu)成要素影響點(diǎn)形成空間感的因素還有版面背景和點(diǎn)的排列。圖2-1-20所示為同樣大的點(diǎn)形成空間感的效果，圖中黑色的背景襯托白色聚集的圓點(diǎn)，讓人聯(lián)想到波光粼粼的湖面或是夜晚閃爍的螢火蟲等，黑色背景和白圓點(diǎn)對比，產(chǎn)生較強(qiáng)的版面空間感。版式設(shè)計(jì)的構(gòu)成要素2.利用線產(chǎn)生空間感當(dāng)版面中出現(xiàn)數(shù)行文字時(shí)，可以把它們看成一條一條的線，線的粗細(xì)變化和排列可以產(chǎn)生強(qiáng)烈的空間感。粗線比細(xì)線給人以更近的視覺感受，當(dāng)線由粗至細(xì)或由細(xì)至粗排列時(shí)，能夠產(chǎn)生由近至遠(yuǎn)或由遠(yuǎn)至近的空間感。利用線產(chǎn)生空間感的版式設(shè)計(jì)如圖2-1-21所示。圖2-1-22所示的版面運(yùn)用了線條感很強(qiáng)的英文大寫字母，通過傾斜字母使版面有強(qiáng)烈的空間感。版式設(shè)計(jì)的構(gòu)成要素版式設(shè)計(jì)的構(gòu)成要素3.利用面產(chǎn)生空間感面是線連續(xù)移動(dòng)而形成的軌跡，面有長度、寬度的變化，它也可以理解為面積擴(kuò)大的點(diǎn)。但在造型學(xué)上，面有一定的形狀及面積，如長方形、圓形、菱形、扇形、自由形等。圖2-1-23所示的廣告，即利用盒子的面與背景的反差產(chǎn)生空間感。版式設(shè)計(jì)的構(gòu)成要素五、版面中的色彩1.色彩的基礎(chǔ)知識色彩有三大要素，即色相、明度及純度（飽和度），如圖2-1-24所示。熟悉和掌握色彩的三大要素，對于認(rèn)識色彩和使用色彩極為重要。版式設(shè)計(jì)的構(gòu)成要素（1）色相。色相是指色彩的相貌，單純指代顏色的概念，由原色、間色和復(fù)色構(gòu)成。色相光譜一般用色相環(huán)來展示，常見的色相環(huán)有12色相環(huán)和24色相環(huán)，設(shè)計(jì)師進(jìn)行色彩設(shè)計(jì)時(shí)，大多會(huì)以此為基礎(chǔ)進(jìn)行配色。（2）明度。色彩的明度是指色彩的明暗深淺程度。首先，不同色相明度不同，在所有色彩中，明度最高的是黃色，明度最低的是紫色。其次，相同色相明度也可不同，明度高色相就發(fā)白，明度低色相就發(fā)黑。（3）純度（飽和度）。色彩純度，又稱色彩的飽和度，是指色彩的鮮艷程度。色彩純度越高，色彩強(qiáng)度越高，色彩越鮮艷；色彩純度越低，色彩強(qiáng)度越低，色彩越暗淡，接近黑白色。版式設(shè)計(jì)的構(gòu)成要素2.色彩的運(yùn)用色彩的視覺識別距離比文字、圖像更遠(yuǎn)。在傳遞信息方面，色彩不能表達(dá)細(xì)膩的內(nèi)涵，只會(huì)使人產(chǎn)生直觀的心理感受，如寒冷、熱烈、溫和等，這是色彩傳遞信息的一個(gè)特點(diǎn)。在版式設(shè)計(jì)時(shí)，要仔細(xì)揣摩色彩、圖像、文字之間的關(guān)系和作用，將它們合理編排在版面中，以使版面能夠準(zhǔn)確地表達(dá)內(nèi)容。版式設(shè)計(jì)的構(gòu)成要素（1）主色調(diào)的運(yùn)用。一本雜志或一本書應(yīng)有自己的色彩基調(diào)，以體現(xiàn)雜志或書的審美理念、市場定位及獨(dú)有的風(fēng)格，從而對瀏覽者的視覺心理產(chǎn)生影響，該色彩基調(diào)就是該雜志或書的主色調(diào)。圖2-1-25所示的電影海報(bào)，其版面用了大面積的紅色作為底色，很明確地表現(xiàn)出版面的主色調(diào)為紅色，大面積的紅色可使瀏覽者感受到強(qiáng)烈的情感。版式設(shè)計(jì)的構(gòu)成要素色彩的冷暖、輕重、誘目性，膨脹與收縮，前進(jìn)與后退都是決定其是否成為版面主色調(diào)的重要影響因素。底色決定版面主色調(diào)的設(shè)計(jì)實(shí)例如圖2-1-26所示，該海報(bào)采用人物大特寫的方式，在版面四周設(shè)計(jì)了白色帶有繁復(fù)花紋的邊框，有“畫中畫”的既視感——版面的人物“回眸一看”將頭伸出畫框，版面立體感就出來了。該海報(bào)采用青色、黑色為底色，使版面色調(diào)灰暗陰沉，充滿懸念。版式設(shè)計(jì)的構(gòu)成要素（2）多色彩的運(yùn)用。一個(gè)采用同色系元素設(shè)計(jì)的版面，對人眼刺激不足，會(huì)使人產(chǎn)生色覺疲勞，感到平淡、乏味；而一個(gè)有強(qiáng)烈色彩對比的版面又會(huì)顯得生硬甚至刺眼。因此，如果版面采用互補(bǔ)的色彩，并能在色彩的明度與純度、面積與布局上處理得當(dāng)，就會(huì)給人鮮艷、明快而又和諧、豐富的感覺。圖2-1-27所示招貼畫色彩豐富、搭配合理，顏色絢麗又恰到好處。版式設(shè)計(jì)的構(gòu)成要素色彩的編排設(shè)計(jì)不僅要考慮到色彩間的反差，還要考慮到色彩間的聯(lián)系，版式設(shè)計(jì)時(shí)應(yīng)通過色彩對比和搭配來豐富版面。多色彩的搭配運(yùn)用如圖2-1-28所示。版式設(shè)計(jì)的構(gòu)成要素色彩運(yùn)用還要掌握好“度”，要想熟練運(yùn)用色彩，就要把握好一個(gè)原則，即少用純色。色彩對比形成的充滿活力的版面如圖2-1-29所示。版式設(shè)計(jì)的構(gòu)成要素（3）配色的一般方法。1）冷暖搭配。紅色、橙色、黃色屬于暖色系，給人以熱鬧、鮮艷、愉快、動(dòng)感等的感覺。藍(lán)色、藍(lán)綠色等屬于冷色系，可讓人心緒安定，同時(shí)會(huì)給人以沉穩(wěn)、冷峻、寒冷、涼爽、整齊的感覺。黃綠色、綠色、紫色等是沒有明顯冷暖感覺的色彩，稱為中間色彩。版式設(shè)計(jì)的構(gòu)成要素2）對比色搭配。冷色的誘目性較低，有藍(lán)色、紫色、藍(lán)綠色等；暖色的誘目性高，有紅色、黃色、橙色等。利用色彩對比的手法，可提高版面色彩的誘目性。利用色彩對比提高版面色彩誘目性的版式設(shè)計(jì)實(shí)例如圖2-1-30所示。版式設(shè)計(jì)的構(gòu)成要素3）增強(qiáng)色彩識別度。在紛繁的畫面中容易看到的色彩識別度高，反之則識別度低。色彩識別度的高低與色彩和版面主體、背