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

版式設(shè)計(jì)版式設(shè)計(jì)授課老師：龍曉麗版式設(shè)計(jì)第三章版式設(shè)計(jì)的視覺(jué)要素和造型要素版式設(shè)計(jì)第一節(jié)視覺(jué)要素及其構(gòu)成設(shè)計(jì)版式設(shè)計(jì)視覺(jué)要素的三原素：文字、圖形、色彩版式設(shè)計(jì)

1.文字

文字在版面中占有重要的位置。文字本身的變化及文字的編排、組合、對(duì)版面來(lái)說(shuō)極為重要。文字不僅是信息的傳達(dá)，也是視覺(jué)傳達(dá)最直接的方式，在版式設(shè)計(jì)中運(yùn)用好文字，首先要掌握的是字體、字號(hào)、字距、行距。

版式設(shè)計(jì)

字體是文字的表現(xiàn)形式，不同的字體給人的視覺(jué)感受和心理感受不同，這就說(shuō)明字體具有強(qiáng)烈的感情性格，設(shè)計(jì)者要充分利用字體的這一特性，選擇準(zhǔn)確的字體，有助于主題內(nèi)容的表達(dá)；美的字體可以使讀者感到愉悅，幫助閱讀和理解。版式設(shè)計(jì)

印刷字體：宋體較具有傳統(tǒng)的特點(diǎn)，適合表現(xiàn)傳統(tǒng)的內(nèi)容：黑體是最大眾化的字體，可表現(xiàn)任何廣告內(nèi)容；而綜藝體和黑圓體具有極強(qiáng)的現(xiàn)代感，適合表現(xiàn)現(xiàn)代的廣告內(nèi)容。綜藝體由于筆畫(huà)比較粗，一般只適合標(biāo)題等較大文字的使用，而不適合與廣告正文等較小文字的使用。（如圖）

版式設(shè)計(jì)版式設(shè)計(jì)版式設(shè)計(jì)

裝飾字體：裝飾文字是在印刷字體標(biāo)準(zhǔn)與規(guī)范的基礎(chǔ)上，加以適當(dāng)?shù)乃囆g(shù)化處理，使文字顯得更藝術(shù)、美觀和生動(dòng)。由于裝飾字體在裝飾變化的過(guò)程中有可能使字體的可讀性降低，所以字體多用于標(biāo)題、廣告語(yǔ)的文字使用，而很少用于正文的文字。值得注意的是，裝飾字體的變化必須在印刷體的基礎(chǔ)上，必須與廣告內(nèi)容緊密結(jié)合。比如兒童用品設(shè)計(jì)字體要選用活潑、可愛(ài)的字體。

五金零件包裝設(shè)計(jì)字體要厚重；辦公用品類(lèi)的字體要嚴(yán)謹(jǐn)規(guī)矩；女性化妝品包裝的字體纖細(xì)秀麗、柔和。版式設(shè)計(jì)版式設(shè)計(jì)版式設(shè)計(jì)版式設(shè)計(jì)

書(shū)法字體：書(shū)法字體比裝飾字體更具有藝術(shù)性和生動(dòng)性。不同民族由于書(shū)寫(xiě)習(xí)慣和書(shū)寫(xiě)方式以及書(shū)寫(xiě)工具的不同，從書(shū)法字體中所體現(xiàn)的民族性是十分明顯的。因此書(shū)法字體對(duì)于一些有特別意義和特殊風(fēng)俗的版面是很適用的。如宣傳民族文化、地方土特產(chǎn)品，具有民族特色和傳統(tǒng)優(yōu)勢(shì)的產(chǎn)品，以及文化、藝術(shù)、書(shū)畫(huà)展覽的廣告，利用書(shū)法體來(lái)表現(xiàn)極其恰當(dāng)。（如圖）版式設(shè)計(jì)用中國(guó)書(shū)法做的海報(bào)

韓家英《天涯》雜志版式設(shè)計(jì)版式設(shè)計(jì)

字體對(duì)比：字體的對(duì)比組合能產(chǎn)生強(qiáng)烈的視覺(jué)效果，更能引人注目。字體的對(duì)比主要包括：字體風(fēng)格對(duì)比、字體大小對(duì)比、字體筆畫(huà)粗細(xì)對(duì)比等。如粗壯的黑體與秀麗的宋體結(jié)合，或龍飛鳳舞的草書(shū)同規(guī)范整齊的印刷字體結(jié)合，要把握住兩種字體之間的對(duì)比程度和主次關(guān)系，一種為主一種為輔，不可兩種不同風(fēng)格的字平分秋色。版式設(shè)計(jì)版式設(shè)計(jì)版式設(shè)計(jì)版式設(shè)計(jì)版式設(shè)計(jì)版式設(shè)計(jì)版式設(shè)計(jì)

在版面上，單個(gè)字面積大小的差異，稱(chēng)為跳躍率。跳躍率高的版面，文字大小差異大，版面現(xiàn)代、活潑、視覺(jué)沖擊力強(qiáng)。跳躍率低的版面，文字大小差異小。版式設(shè)計(jì)版式設(shè)計(jì)版式設(shè)計(jì)

字距與行距

字距是字與字的間距，行距是指字行與字行之間的間隔。

一般來(lái)說(shuō)，字距與行距的比例是10：12，即字為10點(diǎn)的話，行間距為12點(diǎn)。這樣可以使閱讀明快流暢。字距或行距過(guò)窄，文字之間互相干擾，沒(méi)有空白的間距，目光不能很有節(jié)奏的逐行掃描，閱讀會(huì)有困難。反之，如果字行距過(guò)寬的話，空白太多，閱讀時(shí)延續(xù)性差。這樣過(guò)于極端的排列方式都不適合長(zhǎng)篇文字的編排，會(huì)使閱讀者疲勞。當(dāng)代國(guó)際上流行將文字分開(kāi)排列的方式，感覺(jué)疏朗清新、現(xiàn)代感強(qiáng)。娛樂(lè)性的抒情內(nèi)容的文字，用加寬的行距體現(xiàn)輕松舒展的情緒；字距與行距一樣的文字段落，整體性很強(qiáng)；寬、窄行距間隔存在的版面具有豐富的空間層次與流暢的彈性感。

版面應(yīng)該疏密變化、主次分明、條理清楚。一般情況下標(biāo)題和廣告語(yǔ)應(yīng)疏，正文應(yīng)密。該疏的疏，該密的密，使版面上的文字之間產(chǎn)生一種強(qiáng)烈的疏密對(duì)比版式設(shè)計(jì)2.圖形

版面中的圖形，廣義的說(shuō)，一切含有圖形因素的并與信息傳播有關(guān)的形式，及一切被平面設(shè)計(jì)所運(yùn)用、借鑒的形式，都可以稱(chēng)之為圖形。如：繪畫(huà)、插圖、圖片、圖案、圖表、標(biāo)志、攝影、文字等。狹義上講，圖形就是可視的“圖畫(huà)”。圖形是平面設(shè)計(jì)中非常重要的元素，甚至可以說(shuō)是平面設(shè)計(jì)作為視覺(jué)傳達(dá)體系中獨(dú)特的不可或缺的。版式設(shè)計(jì)圖形先于文字，文字源于圖形，二者之間相互交融，構(gòu)成書(shū)籍、招貼、報(bào)刊等各種類(lèi)型的版面；在文字版面中加入圖形，立即引起視覺(jué)流程的變化，圖形的形式、內(nèi)容的差異、數(shù)量的多少，都會(huì)影響讀者的注意力；圖形比文字視覺(jué)沖擊力強(qiáng)85%。版式設(shè)計(jì)

圖形的編排從以下三方面介紹：

圖形的形狀

圖形的數(shù)量和面積

圖形的位置

版式設(shè)計(jì)

圖形的形狀：

圖形的形狀包括圖在版面上的總體輪廓，也可以理解為圖內(nèi)部的形象。圖形的形狀在版面中，主要分為規(guī)則形和不規(guī)則形。

.規(guī)則形

在版面上表現(xiàn)為方形圖及出血圖形。方形圖是以直線為邊框，是最簡(jiǎn)單、簡(jiǎn)潔、單純的形式。出血圖是整個(gè)充滿版面而不受邊框的限制，具有向外擴(kuò)張、舒展之勢(shì)。產(chǎn)生動(dòng)感，感覺(jué)上與讀者的距離更近。版式設(shè)計(jì)

版式設(shè)計(jì)版式設(shè)計(jì)

.不規(guī)則形

表現(xiàn)為退底圖及插圖形式。退底圖是將圖片中精選出來(lái)的圖像沿邊緣裁下的圖形。退底圖圖形形式活潑、靈動(dòng)，與文字的結(jié)合更為親切自然，是設(shè)計(jì)常用的方法。

由于邊緣線不規(guī)則，在使用時(shí)要注意數(shù)量上的安排，太多容易凌亂，為了統(tǒng)一協(xié)調(diào)，可以用線，色塊或夾雜方形圖的方法取得平衡（如圖）。

版式設(shè)計(jì)版式設(shè)計(jì)

圖形的數(shù)量和面積一般學(xué)術(shù)性或者文學(xué)性的刊物版面上圖形較少，普及性、新聞性的刊物圖形較多。圖形的數(shù)量并不是隨意決定的，一般需要由版面的內(nèi)容來(lái)決定，并需要精心安排。版式設(shè)計(jì)

在一幅版面中，為了突出重要信息可將主要的圖形放大，從屬的圖形縮小，才會(huì)形成主次分明的格局。大面積的圖形往往用來(lái)渲染氣氛，表現(xiàn)細(xì)節(jié)，如人的表情、手勢(shì)、局部特寫(xiě)等。小面積圖片用于幫助和加深讀者的印象。

版面上圖片大小、主次得當(dāng)?shù)拇┎迨褂貌拍茉趯?duì)比中產(chǎn)生豐富的層次感（如圖）。版式設(shè)計(jì)版式設(shè)計(jì)

圖形的位置：

圖形的位置會(huì)影響版面的構(gòu)圖格局。

.四角與中軸四點(diǎn)

編排時(shí)僅僅抓住這八個(gè)點(diǎn)布局就十分容易，這是一種理性的結(jié)構(gòu)方式。四角、對(duì)角線、中軸四點(diǎn)的結(jié)構(gòu)原理很簡(jiǎn)單但變化卻十分豐富。任何版面都可以在這個(gè)原理的基礎(chǔ)上變化、構(gòu)成。版式的結(jié)構(gòu)、視覺(jué)流程、形式法則都是離不開(kāi)這個(gè)原理的。

版式設(shè)計(jì)版式設(shè)計(jì)

.塊狀組合

當(dāng)許多圖形通過(guò)它們之間的垂直線與水平線組合到一起后，版面整齊有序，整體感強(qiáng)，不管圖片等大還是面積有大小區(qū)別，這種形式的節(jié)奏感、韻律感都是比較強(qiáng)的（如圖）。

版式設(shè)計(jì)版式設(shè)計(jì)

.散點(diǎn)組合

散點(diǎn)組合強(qiáng)調(diào)圖片與圖片分散安排，也稱(chēng)為自由組合。版面結(jié)構(gòu)基本不受四角、對(duì)角線和中軸四點(diǎn)的約束。在編排上要特別注意圖片大小、位置、主次的配置，還應(yīng)考慮疏密、均衡、方向等等（如圖）。

版式設(shè)計(jì)版式設(shè)計(jì)3.色彩

色彩是設(shè)計(jì)師進(jìn)行設(shè)計(jì)時(shí)最活躍的元素。它不僅為設(shè)計(jì)增添了變化和情趣，還增加了設(shè)計(jì)的空間感。

選擇顏色：

如同字體能向我們傳達(dá)出信息一樣，色彩給我們的信息更多。記住色彩具有的象征意義是非常重要的，例如紅色，往往讓人聯(lián)想起火焰，因而使人覺(jué)得溫暖并充滿力量。你選擇的顏色會(huì)影響作品的情趣和人們的回應(yīng)程度。

版式設(shè)計(jì)

首先，應(yīng)該先決定作品要傳達(dá)什么樣的訊息和形象；

然后，對(duì)與它相適應(yīng)的方案進(jìn)行評(píng)估；

接著，再創(chuàng)作出一幅有合適產(chǎn)品、色彩和諧的圖片與之相匹配最后，不斷地用不同的色彩練習(xí)實(shí)驗(yàn)，并對(duì)你所要表達(dá)的訊息和形象進(jìn)行評(píng)估和潤(rùn)色。

版式設(shè)計(jì)

面對(duì)色彩的使用可能爆發(fā)出的無(wú)窮變化，有一條規(guī)則需要遵守，那就是不要過(guò)度使用色彩，否則你將失去它的效果。

特殊的色彩組合也可以造就設(shè)計(jì)的情趣。要產(chǎn)生和諧的感覺(jué)就使用相近的顏色，即色譜中鄰近的兩種顏色，例如藍(lán)色和綠色。要具有更多的張力和變化，就使用對(duì)比色，即色譜中相對(duì)的兩種顏色，如紅色和綠色。這種組合雖然會(huì)產(chǎn)生沖突，但可以迅速引起注意。版式設(shè)計(jì)版式設(shè)計(jì)版式設(shè)計(jì)版式設(shè)計(jì)

當(dāng)顏色和字體組合在一起時(shí)，文字的易讀性要靠顏色的對(duì)比來(lái)保證。對(duì)比最大的是白底黑字，對(duì)比最小的是白底黃字。背景顏色與字體顏色越接近，文字的易讀性就越低（如圖）。

版式設(shè)計(jì)