演示文稿式設(shè)計中的網(wǎng)格與色彩講解

（優(yōu)選）第五章版式設(shè)計中的網(wǎng)格與色彩當前第1頁\共有37頁\編于星期五\4點第五章

版式設(shè)計中的網(wǎng)格與色彩第一節(jié)版式設(shè)計與網(wǎng)格幻燈片3第二節(jié)版式設(shè)計與色彩幻燈片17當前第2頁\共有37頁\編于星期五\4點一、網(wǎng)格的概念與作用二、網(wǎng)格的分類第一節(jié)版式設(shè)計與網(wǎng)格三、打破網(wǎng)格當前第3頁\共有37頁\編于星期五\4點一、網(wǎng)格的概念及作用（二）網(wǎng)格的作用（一）網(wǎng)格的概念當前第4頁\共有37頁\編于星期五\4點（一）網(wǎng)格的概念簡單地說，網(wǎng)格就是版面中的骨格，是設(shè)計的輔助工具，也是版式設(shè)計中一種非常重要的版面組織方法。當前第5頁\共有37頁\編于星期五\4點（二）網(wǎng)格的作用1．劃分版面并調(diào)節(jié)版面氣氛網(wǎng)格能增強了版面編排的靈活性，設(shè)計師可以根據(jù)版面信息的具體情況和設(shè)計的需要來靈活、主動地安排版面元素。只要在網(wǎng)格框架內(nèi)，在不影響版面的整體平衡性的前提下，對一些細節(jié)進行適當?shù)恼{(diào)整，更能起到豐富設(shè)計的效果。當前第6頁\共有37頁\編于星期五\4點2．組織版面信息組織版面信息是網(wǎng)格最基本也是最重要的一項功能，通過網(wǎng)格的組織使版面中的文字、圖片等構(gòu)成元素變得更加精確、協(xié)調(diào)，使版面更富有規(guī)律性，如下圖所示。當前第7頁\共有37頁\編于星期五\4點3．提升閱讀關(guān)聯(lián)性運用網(wǎng)格進行編排能使版面整體結(jié)構(gòu)更為明確，視覺流程更為清晰，從而提升閱讀關(guān)聯(lián)性，使版面效果統(tǒng)一、整齊，如下圖所示。當前第8頁\共有37頁\編于星期五\4點二、網(wǎng)格的分類（三）基線網(wǎng)格（二）非對稱網(wǎng)格（一）對稱網(wǎng)格（四）成角網(wǎng)格當前第9頁\共有37頁\編于星期五\4點（一）對稱網(wǎng)格1．對稱欄網(wǎng)格對稱欄網(wǎng)格中的“欄”指的是版面中編排文字的區(qū)域，它使文字編排更有秩序、版式更嚴謹。對稱欄網(wǎng)格又可細分為單欄對稱網(wǎng)格、雙欄對稱網(wǎng)格、三欄對稱網(wǎng)格和多欄對稱網(wǎng)格;對稱網(wǎng)格并不局限于雜志、書籍類的對頁，在單一的版面中也同樣適用，只是它的對稱線不再是對頁的交接線，而變成了頁面的中線，使得版面在左右方向或上下方向呈現(xiàn)出對稱的樣式，如下圖所示。當前第10頁\共有37頁\編于星期五\4點2．對稱單元格網(wǎng)格對稱單元格網(wǎng)格編排是將版面分成同等大小的單元格，再根據(jù)版式的需要編排文字和圖片。單元格的大小可以自由調(diào)節(jié)，但須保證每個單元格周圍的空間是相等的。這種網(wǎng)格結(jié)構(gòu)具有很大的靈活性，版面具有很強的空間感和規(guī)律性，給人規(guī)則、整潔、有規(guī)律的視覺效果，如下圖所示。當前第11頁\共有37頁\編于星期五\4點（二）非對稱網(wǎng)格1．非對稱欄網(wǎng)格非對稱欄網(wǎng)格左右頁面的網(wǎng)格欄數(shù)基本一致，每一欄垂直對齊，但左右頁面并不對稱，并且左右頁面的頁邊距也可以不同。這種編排方式有效地打破了對稱的呆板樣式，使版面更富有生氣或活力，如下圖所示。當前第12頁\共有37頁\編于星期五\4點2．非對稱單元格網(wǎng)格非對稱單元格網(wǎng)格依然采用單元格來劃分版面，只是不像對稱網(wǎng)格那樣進行絕對的平均劃分，也不要求所有的區(qū)域都大小一樣。在進行文字、圖片編排時，將其放置在一個或幾個單元格中，可使版面變得靈活多樣且錯落有致，層次清晰，增添版面活力，如下圖所示。當前第13頁\共有37頁\編于星期五\4點（三）基線網(wǎng)格基線網(wǎng)格提供了一種視覺參考，可以幫助版式元素按照要求準確對齊，為編排版式提供了一個基準，有助于設(shè)計師制作出規(guī)范化的版面，如下圖所示。當前第14頁\共有37頁\編于星期五\4點（四）成角網(wǎng)格成角網(wǎng)格是指版面中的所有元素都朝向同一個或兩個角度進行分欄編排。成角網(wǎng)格可以根據(jù)需要設(shè)置成任何角度，由于使用了傾斜的角度，打破了常規(guī)，可以展現(xiàn)出多種新穎創(chuàng)意。需要注意的是，在設(shè)置成角網(wǎng)格的傾斜角度與文字的方向時，應(yīng)考慮到人們的閱讀習(xí)慣，使其與版面結(jié)構(gòu)達到最大程度上的協(xié)調(diào)統(tǒng)一，如下圖所示。當前第15頁\共有37頁\編于星期五\4點三、打破網(wǎng)格網(wǎng)格有助于設(shè)計師編排版式，使版式更方便閱讀。但如果大量機械地運用網(wǎng)格，也會造成版面的呆板和乏味，使版式缺乏活力，因此，不要一味地拘泥于網(wǎng)格的束縛，有時打破網(wǎng)格能使版面更具靈活性，更富有創(chuàng)意效果;當然，打破網(wǎng)格并不是徹底地摒棄網(wǎng)格，而是通過對網(wǎng)格進行局部的調(diào)整，以網(wǎng)格的某一條或幾條線為基礎(chǔ)進行編排，也可將網(wǎng)格與無網(wǎng)格進行混排，以使版面在變化中保持平穩(wěn)，如下圖所示。當前第16頁\共有37頁\編于星期五\4點一、圖形的主要分類及特征二、圖形的基本編排第二節(jié)圖形的編排當前第17頁\共有37頁\編于星期五\4點一、色彩在版式設(shè)計中的作用1．情感作用不同的色彩或同一種色彩處于不同的環(huán)境，會帶給人們不同的心理感受，或華麗或質(zhì)樸，或明朗或深邃。在版式設(shè)計中，應(yīng)充分理解和運用色彩的特點和屬性，才能更好地體現(xiàn)設(shè)計意圖，突出設(shè)計主題，如下圖所示。當前第18頁\共有37頁\編于星期五\4點2．象征意義色彩的象征意義主要受社會環(huán)境或生活經(jīng)驗的影響，例如，紅色使人產(chǎn)生喜慶與積極的感覺，而黑色則給人莊重、肅穆之感。在版式設(shè)計中，通過運用色彩的象征意義可以更好地體現(xiàn)設(shè)計主題，如下圖所示。當前第19頁\共有37頁\編于星期五\4點3．強調(diào)重點通過選用不同的色彩，利用色彩在色相、明度、純度上的差異對版面內(nèi)容進行有效的區(qū)分，使重要信息從版面眾多元素中脫穎而出，達到引人注目的目的，如下圖所示。當前第20頁\共有37頁\編于星期五\4點一、色彩在版式設(shè)計中的作用二、色彩與版式設(shè)計元素第二節(jié)版式設(shè)計與色彩三、色彩與消費的關(guān)系四、色彩在版式設(shè)計中的應(yīng)用技巧當前第21頁\共有37頁\編于星期五\4點二、色彩與版式設(shè)計元素1．色彩與圖形的關(guān)系運用不同的色彩來表現(xiàn)圖像，可以使圖像效果更加豐富，形式美感更強，從而增加版面的視覺感染力，如下圖所示。當前第22頁\共有37頁\編于星期五\4點2．色彩與文字的關(guān)系色彩還影響文字的可讀性。白底黑字是最常用的色彩搭配，因為黑白兩色的巨大差異保證了文字極高的辨識度。根據(jù)版式和設(shè)計的需要，設(shè)計師應(yīng)靈活地變換字符色彩以增強其表現(xiàn)力和視覺美感，如下圖所示。當前第23頁\共有37頁\編于星期五\4點3．色彩對版面率的影響版面率主要由頁邊的留白量決定，除此之外，色彩對版面率也有很大的影響。例如，在相同的版面中，白底色和紅底相比，白底的版面率要大于紅底的版面率。因此，在版面顯得空曠而又沒有更多元素可以添加的時候，可以通過色彩來調(diào)整版面率，以使版面顯得更加飽滿、生動，如下圖所示。當前第24頁\共有37頁\編于星期五\4點三、色彩與消費的關(guān)系1．消費群體對版面配色的影響消費者的年齡、性別、職業(yè)、文化程度以及經(jīng)濟狀況等因素都會影響到其消費行為，而色彩是產(chǎn)品給消費者的第一印象，因此對于色彩的選擇，應(yīng)充分考慮消費者群體的差異性，進行有針對性的色彩設(shè)計，才能抓住消費者心理，從而促進購買欲望，如下圖所示。當前第25頁\共有37頁\編于星期五\4點2．產(chǎn)品屬性對版面配色的影響版面配色還應(yīng)考慮到產(chǎn)品屬性，尤其對于廣告版面設(shè)計非常重要。因為不同的產(chǎn)品具有不同的特點，如果一味地追求視覺沖擊力而忽略產(chǎn)品自身的特征，會造成配色與產(chǎn)品屬性不符的結(jié)果，容易引起消費者的誤解甚至反感，從而給產(chǎn)品銷售造成負面影響，如下圖所示。當前第26頁\共有37頁\編于星期五\4點四、色彩在版式設(shè)計中的應(yīng)用技巧（三）運用色彩表現(xiàn)設(shè)計主題（二）運用色彩體系設(shè)計主題（一）版式設(shè)計中的色彩搭配技巧（四）運用主次色彩增強版面節(jié)奏感當前第27頁\共有37頁\編于星期五\4點（一）版式設(shè)計中的色彩搭配技巧1．以色相為主的配色以色相為主的配色是指根據(jù)色彩的相貌來進行的色彩搭配，這種搭配方式以色相環(huán)為依據(jù)，根據(jù)其在色相環(huán)上位置，分為鄰近色、類似色、中差色、對比色和互補色等幾個大類。以色相為主的配色形成的版面具有很強注目度和辨別度，令人印象深刻，如下圖所示。當前第28頁\共有37頁\編于星期五\4點2．以純度為主的配色純度越高的色彩顯得越鮮艷、活潑，容易引人注目，同時其獨立性和沖突性也越強；而純度低的色彩顯得淳樸、典雅、安靜，但其注目度相對較低，如下圖所示。當前第29頁\共有37頁\編于星期五\4點3．以明度為主的配色明度高的版面給人以明朗、開闊之感，而低明度版面則給人以沉悶、低迷的感受；同時，色彩的明暗對比使版面富有立體感和空間感，如下圖所示。當前第30頁\共有37頁\編于星期五\4點色彩搭配的方式多種多樣，并不局限于色相、純度和明度這三種配色方法，此外還有色調(diào)配色，色彩的虛實對比配色等。在版式設(shè)計中，應(yīng)靈活地運用這些配色方法，使版面色彩更加協(xié)調(diào)，效果更加生動，如下圖所示。當前第31頁\共有37頁\編于星期五\4點（二）運用色彩體現(xiàn)設(shè)計主題在版面設(shè)計中，色彩與設(shè)計主題息息相關(guān)，恰當?shù)剡\用色彩，可以突出設(shè)計主題，使版面更具有感染力，如下圖所示。當前第32頁\共有37頁\編于星期五\4點1．利用色彩突出版面重要信息運用色彩的對比使版面中的重要信息突出顯示，使讀者能快速而準確地將目光定位在重點內(nèi)容上，從而達到有效傳達信息的目的，如下圖所示。當前第33頁\共有37頁\編于星期五\4點2．利用色彩突出版面主體在版式設(shè)計中，有時為了突出版面中的主體元素，我們可以通過將其放置在版面重心位置，或通過放大面積等手段來增強其視覺注目度。此外，利用色彩對比來突出主體也是一種行之有效的方法，如下圖所示。當前第34頁\共有37頁\編于星期五\4點（三）運用色彩表現(xiàn)版面空間感1．冷暖色表現(xiàn)版面空間感冷暖色搭配能給觀者不同的心理感受。暖色調(diào)版面給人溫暖、熱情之感;而冷色調(diào)則使人感覺寒冷、嚴肅，如下圖所示。當前第35頁\共有37頁\編于星期五\4點2