版式設(shè)計（第2版）中職全套完整教學(xué)課件

版式設(shè)計（第二版）全套可編輯PPT課件目錄01020304版式設(shè)計概述05版式設(shè)計基礎(chǔ)版式設(shè)計中文字與圖片的編排版面的結(jié)構(gòu)設(shè)計與視覺流程版式設(shè)計應(yīng)用PART01版式設(shè)計概述第一節(jié)版式設(shè)計的內(nèi)涵第二節(jié)版式設(shè)計的發(fā)展第三節(jié)現(xiàn)代版式設(shè)計的特點第一節(jié)版式設(shè)計的內(nèi)涵第一節(jié)版式設(shè)計的內(nèi)涵一、版式設(shè)計的定義版式設(shè)計是指在有限的版面中，將各種視覺元素，按照一定規(guī)律，運用排版技巧進(jìn)行巧妙的排列組合，使版面美觀的設(shè)計過程。版式設(shè)計就是將抽象的藝術(shù)構(gòu)思與具體的編排規(guī)律相結(jié)合的過程，如設(shè)計報紙、宣傳單、刊物、廣告、包裝盒（袋）、PPT演示模板、網(wǎng)頁頁面的版式（見圖1-1-1、圖1-1-2）。第一節(jié)版式設(shè)計的內(nèi)涵第一節(jié)版式設(shè)計的內(nèi)涵第一節(jié)版式設(shè)計的內(nèi)涵二、版式設(shè)計的功能版式設(shè)計最主要的功能是通過對版面元素的編排實現(xiàn)傳達(dá)信息的目的。良好的版式設(shè)計，可以增強視覺沖擊力，呈現(xiàn)出既體現(xiàn)主題又獨具特色的版面，能夠有效地將版面中文字、圖片等的內(nèi)涵表現(xiàn)出來，使得版面?zhèn)鬟f的信息更有條理，更易于被人們接收。第一節(jié)版式設(shè)計的內(nèi)涵三、版式設(shè)計的應(yīng)用范疇1.印刷及噴涂版面（1）平面紙質(zhì)印刷版面。版式設(shè)計幾乎應(yīng)用在所有紙質(zhì)印刷品上。圖1-1-3至圖1-1-5所示分別為雜志的版式設(shè)計、卡片的版式設(shè)計和電影海報的版式設(shè)計。第一節(jié)版式設(shè)計的內(nèi)涵?圖1-1-4卡片的版式設(shè)計?圖1-1-5電影海報的版式設(shè)計第一節(jié)版式設(shè)計的內(nèi)涵（2）平面特殊材料印刷及噴涂版面。版面設(shè)計也經(jīng)常應(yīng)用于一些特殊材料的印刷品或噴繪品上。在版式設(shè)計完成后，這些材料一般采用絲網(wǎng)印的方式進(jìn)行印刷，圖1-1-6所示為以布為載體印刷的文化衫的版式設(shè)計，圖1-1-7所示為噴繪的涂鴉墻的版式設(shè)計。?圖1-1-6文化衫的版式設(shè)計?圖1-1-7涂鴉墻的版式設(shè)計第一節(jié)版式設(shè)計的內(nèi)涵（3）立體印刷版面。立體印刷版面版式設(shè)計的效果要依靠立體印刷品展示，如圖1-1-8所示。隨著印刷品制作工藝不斷發(fā)展，如今的印刷品采用了很多新穎的立體版式設(shè)計，圖1-1-9所示為雜志內(nèi)頁的立體版式設(shè)計。第一節(jié)版式設(shè)計的內(nèi)涵第一節(jié)版式設(shè)計的內(nèi)涵2.數(shù)字媒體版面常見的數(shù)字媒體的版式設(shè)計有PPT模板的版式設(shè)計、網(wǎng)頁界面的版式設(shè)計、影視畫面和UI界面的版式設(shè)計等。圖1-1-10所示為網(wǎng)頁界面的版式設(shè)計，圖1-1-11所示為某商業(yè)街上大量的霓虹燈廣告牌、媒體演示屏等數(shù)字媒體的版式設(shè)計。第一節(jié)版式設(shè)計的內(nèi)涵圖1-1-11霓虹燈廣告牌、媒體演示屏等數(shù)字媒體的版式設(shè)計第二節(jié)版式設(shè)計的發(fā)展第二節(jié)版式設(shè)計的發(fā)展一、我國古代版式設(shè)計1.我國古代書籍常見裝幀方式不同的裝幀方式影響書籍的版式設(shè)計。我國古代書籍常見的裝幀方式有旋風(fēng)裝、經(jīng)折裝、蝴蝶裝、包背裝等，如圖1-2-1所示。第二節(jié)版式設(shè)計的發(fā)展2.我國古代書籍版式設(shè)計的特點我國古代文人喜歡在書籍的天頭、地腳書寫心得，加批注語，因此我國古代線裝書籍版式大多具有版心小，天頭、地腳大的特點，這也是我國古代書籍版式設(shè)計的特色，如圖1-2-2所示。第二節(jié)版式設(shè)計的發(fā)展二、西方早期版式設(shè)計1.人類早期版式設(shè)計人類歷史上最早有記載的版式設(shè)計出現(xiàn)在古巴比倫，美索不達(dá)米亞地區(qū)的蘇美爾人最早創(chuàng)造了原始版面的排版形式。最初，蘇美爾人將濕泥做成塊狀泥版，然后用木片在泥版上刻畫文字，這是楔形文字的雛形。當(dāng)時，蘇美爾人將楔形文字按照一定的規(guī)律進(jìn)行排列，形成了人類有記載的最早的文字編排形式，如圖1-2-3所示。第二節(jié)版式設(shè)計的發(fā)展在古埃及，象形文字使用十分廣泛。紙草書上常用精美的插圖與文字配合，以豐富版面。常見的版式設(shè)計方式是對插圖和文字進(jìn)行綜合布局，將象形文字與插圖巧妙排列，使圖文相互呼應(yīng)，版式設(shè)計合理、美觀，如圖1-2-4所示。第二節(jié)版式設(shè)計的發(fā)展在古羅馬，古羅馬人將希臘文字改良成接近于現(xiàn)代使用的拉丁文字，其書寫方式為自左向右橫式排列。古羅馬人多使用羊皮紙書寫，由于羊皮紙價格十分昂貴，所以古羅馬時期版式設(shè)計具有字行密度大，字體小，版面緊湊的特點，如圖1-2-5所示。第二節(jié)版式設(shè)計的發(fā)展2.中世紀(jì)版式設(shè)計中世紀(jì)后期，印刷品版式設(shè)計發(fā)展較快，出現(xiàn)了比較復(fù)雜的版式設(shè)計，如圖1-2-6所示。第二節(jié)版式設(shè)計的發(fā)展3.文藝復(fù)興時期版式設(shè)計在文藝復(fù)興時期，印刷品的版式設(shè)計大量采用羅馬字體，圖片、文字采用橫縱方向的幾何編排模式，版面布局工整，裝飾上雖然有洛可可風(fēng)格花哨的特點，但并不影響閱讀，如圖1-2-7所示。第二節(jié)版式設(shè)計的發(fā)展4.工業(yè)革命時期版式設(shè)計工業(yè)革命極大地促進(jìn)了印刷業(yè)的繁榮，也推動了教育和傳媒業(yè)的發(fā)展，為出版業(yè)和版式設(shè)計的發(fā)展提供了物質(zhì)上、技術(shù)上及社會需求上的有利條件。此時，版式設(shè)計講究編排，強調(diào)版面裝飾，設(shè)計者喜歡用各種幾何圖形分割版面，將文字和曲線花紋搭配在一起，以形成優(yōu)美而富有浪漫情調(diào)的圖文裝飾。這種版式設(shè)計的優(yōu)點是版面精美；缺點是工藝繁雜、成本高，且過于復(fù)雜的版面裝飾在一定程度上妨礙了信息的傳遞等。圖1-2-8所示為工業(yè)革命時期工藝美術(shù)運動發(fā)起人莫里斯設(shè)計的版式。第二節(jié)版式設(shè)計的發(fā)展第二節(jié)版式設(shè)計的發(fā)展三、現(xiàn)代版式設(shè)計1.構(gòu)成主義20世紀(jì)20年代在德國、荷蘭等國家興起構(gòu)成主義設(shè)計理念。構(gòu)成主義主張字體形式是由功能需求決定的，字體設(shè)計的目的是傳遞信息，而傳遞信息必須以最簡潔、最精練、最有滲透力的形式進(jìn)行，如圖1-2-9所示。第二節(jié)版式設(shè)計的發(fā)展2.風(fēng)格主義風(fēng)格主義就是追求藝術(shù)的抽象與簡化，反對一切表現(xiàn)成分。風(fēng)格主義版式設(shè)計是將單體幾何結(jié)構(gòu)通過一定的形式規(guī)則進(jìn)行組合，同時單體幾何結(jié)構(gòu)依舊保持獨立，然后運用橫縱直線實現(xiàn)版面平衡，通過數(shù)理計算使版面信息傳遞有邏輯，如圖1-2-10所示。第二節(jié)版式設(shè)計的發(fā)展3.包豪斯設(shè)計包豪斯是德國包豪斯設(shè)計學(xué)院的簡稱。包豪斯所提倡的“藝術(shù)與技術(shù)統(tǒng)一”推進(jìn)了版式設(shè)計的發(fā)展。包豪斯設(shè)計學(xué)院的設(shè)計師強調(diào)編輯、排版理性化，重視社會需要和技術(shù)發(fā)展，他們將數(shù)學(xué)和幾何學(xué)應(yīng)用于平面分割中，運用幾何圖形和文字設(shè)計展示一種全新的視覺設(shè)計語言。包豪斯設(shè)計脫離了絕對對稱的排版方式，采取相對對稱的排版方式，強調(diào)強烈的對比，喜歡運用塊面粗線條，注重個性化，風(fēng)格多變；同時也強調(diào)版式設(shè)計的功能性，重視版面內(nèi)容和形式的有效組合。圖1-2-11所示為1923年約斯特·施密特設(shè)計的“德國包豪斯設(shè)計學(xué)院設(shè)計作品展”招貼廣告，圖1-2-12所示為西奧·凡·杜斯伯格設(shè)計的《風(fēng)格》雜志封面。第二節(jié)版式設(shè)計的發(fā)展第二節(jié)版式設(shè)計的發(fā)展4.新媒體設(shè)計20世紀(jì)90年代，計算機繪圖技術(shù)發(fā)展日趨成熟，設(shè)計師們開始廣泛地應(yīng)用計算機輔助設(shè)計軟件來完成版式設(shè)計作品。計算機、互聯(lián)網(wǎng)技術(shù)的快速發(fā)展給版式設(shè)計創(chuàng)意的實現(xiàn)帶來了無限可能，互聯(lián)網(wǎng)技術(shù)可使二維平面設(shè)計、三維立體圖形設(shè)計、影音動畫設(shè)計和計算機編程等相結(jié)合，利用它可打造多維度、帶有互動方式的版面。圖1-2-13所示為網(wǎng)頁的版式設(shè)計。第二節(jié)版式設(shè)計的發(fā)展第三節(jié)現(xiàn)代版式設(shè)計的特點第三節(jié)現(xiàn)代版式設(shè)計的特點個性化是現(xiàn)代版式設(shè)計的特點之一，是突出版面風(fēng)格、品位，吸引瀏覽者的主要手段。個性化的版式設(shè)計通常打破常規(guī)，設(shè)計者自由發(fā)揮，其效果具有偶然性。圖1-3-1所示為采用非常規(guī)、個性化版式設(shè)計的招貼廣告，其獨特的版面構(gòu)成能夠給瀏覽者留下深刻印象。圖1-3-2所示的招貼畫，版式設(shè)計似乎有點過于隨意，但仔細(xì)分析會發(fā)現(xiàn)其構(gòu)圖合理，生動的手寫文字和涂鴉能夠給瀏覽者帶來輕松、愉悅的感受。一、個性化第三節(jié)現(xiàn)代版式設(shè)計的特點第三節(jié)現(xiàn)代版式設(shè)計的特點隨著市場經(jīng)濟(jì)的發(fā)展，很多商家認(rèn)識到版式設(shè)計在產(chǎn)品宣傳、銷售中的重要作用，愿意為設(shè)計買單，設(shè)計服務(wù)商家需要便成為商業(yè)化版式設(shè)計的原則。產(chǎn)品廣告的版式設(shè)計要能使該廣告在眾多同類廣告中脫穎而出，吸引瀏覽者眼球，快速傳遞產(chǎn)品優(yōu)質(zhì)特性和促進(jìn)銷售的積極信息。商業(yè)化的版式設(shè)計如圖1-3-3所示，該版式設(shè)計商業(yè)宣傳目的突出，畫面整體感、現(xiàn)代工業(yè)感十足。二、商業(yè)化第三節(jié)現(xiàn)代版式設(shè)計的特點第三節(jié)現(xiàn)代版式設(shè)計的特點簡約化是現(xiàn)代版式設(shè)計的特點之一。簡約的版式設(shè)計一般采用模塊排版、橫題到底的排版方式，分塊、有規(guī)則的文章區(qū)域劃分方式，統(tǒng)一的標(biāo)題字體，寬欄間距等，以符合國際潮流及網(wǎng)絡(luò)時代人們的閱讀習(xí)慣，體現(xiàn)了現(xiàn)代人以簡約為美的審美偏好，更重要的是它迎合了現(xiàn)代生活的快節(jié)奏，使瀏覽者能快速地找到自己需要的信息。此外，簡約化的版式設(shè)計通常采用適度留白、色彩清淡等現(xiàn)代設(shè)計以給瀏覽者提供明快、清新的視覺空間，讓瀏覽者在輕松的環(huán)境下完成閱讀，如圖1-3-4所示。三、簡約化第三節(jié)現(xiàn)代版式設(shè)計的特點第三節(jié)現(xiàn)代版式設(shè)計的特點版式設(shè)計時尚化特別體現(xiàn)在各都市類報紙的副刊上，如時尚生活類、服飾美容類、飲食健康類、旅游娛樂類等較為輕松休閑的?？＿@類?？陌婷鎯?nèi)容大多由簡短的文章，大量精美、生動的圖片組成；版面適度留白，版式設(shè)計簡潔。時尚化的版式設(shè)計旨在讓瀏覽者能夠輕松地獲取版面?zhèn)鬟f的信息，如圖1-3-5所示。四、時尚化第三節(jié)現(xiàn)代版式設(shè)計的特點版式設(shè)計人文化的核心是以人為本，充分滿足瀏覽者追求真善美的心理需求，提升瀏覽者的閱讀體驗。版式設(shè)計的人文化主要體現(xiàn)在版面空間分割合理、易讀，版面主要內(nèi)容突出，版面功能模塊設(shè)置合理，版式設(shè)計美觀等。圖1-3-6所示為充滿童真趣味的手繪招貼畫，其版式設(shè)計簡潔、美觀，突出了招貼畫主題，給瀏覽者帶來良好的閱讀體驗。五、人文化第三節(jié)現(xiàn)代版式設(shè)計的特點隨著互聯(lián)網(wǎng)技術(shù)、信息技術(shù)的快速發(fā)展，信息的傳播渠道越來越多樣，人們獲取信息更加便捷。因此，要想精準(zhǔn)吸引人們的注意力，節(jié)省人們的檢索時間，版式設(shè)計要注重版面的功能設(shè)計。圖1-3-7所示的報紙的版式設(shè)計，圖片及導(dǎo)讀模塊醒目，欄目排列合理，版面內(nèi)容通過粗分塊和細(xì)修飾合理分區(qū)，這都是版式設(shè)計功能化的具體體現(xiàn)。圖1-3-8所示卡片的版式設(shè)計體現(xiàn)了卡片的展示性和實用性功能。六、功能化第三節(jié)現(xiàn)代版式設(shè)計的特點第三節(jié)現(xiàn)代版式設(shè)計的特點PART02版式設(shè)計的內(nèi)涵第一節(jié)版式設(shè)計的構(gòu)成要素第二節(jié)增強廣告受眾記憶效果的原理和策略第三節(jié)版式設(shè)計相關(guān)印刷常識第一節(jié)版式設(shè)計的構(gòu)成要素第一節(jié)版式設(shè)計的構(gòu)成要素點、線、面是版式設(shè)計的基本構(gòu)成要素。版式設(shè)計實際上就是調(diào)整點、線、面的組合形式，即無論版面的內(nèi)容與形式如何復(fù)雜，通過版式設(shè)計都可以簡化到點、線、面的組合形式上來。第一節(jié)版式設(shè)計的構(gòu)成要素一、版面中的點點是版式設(shè)計中最簡單的要素，點的表現(xiàn)力是通過大小、顏色、位置、數(shù)量等體現(xiàn)出來的。1.單獨的點倘若在整個版面中只有一個點，這個點往往會自動變成視覺中心，有種被放大的效果，這就是焦點透視原理。第一節(jié)版式設(shè)計的構(gòu)成要素圖2-1-1所示吳中昊的作品《未來》，就是運用了單獨點的設(shè)計，圓形光環(huán)中出現(xiàn)了一個孤獨的背影，突出了作品的主題，有極強的視覺感染力，該作品獲得了德國萊比錫世界海報展大獎。圖2-1-2所示為日本設(shè)計大師原研哉的設(shè)計作品，該作品版式設(shè)計采用的也是單獨點的設(shè)計。第一節(jié)版式設(shè)計的構(gòu)成要素第一節(jié)版式設(shè)計的構(gòu)成要素2.多個點的組合點是版式設(shè)計中使用最靈活的要素，版面中的點不管是小色塊還是文字塊，其本身都具有點的特性，多個點組合時能夠產(chǎn)生距離感或滾動、彈跳等動態(tài)的視覺效果，它們可以與其他要素組合，起到平衡版面、填補空間、點綴和活躍版面氣氛的作用；點還可以組合起來，形成其他要素，以襯托版面主體。另外，點的分布位置不同，也會給人不同的視覺和心理感受。第一節(jié)版式設(shè)計的構(gòu)成要素多個點組合的版式設(shè)計效果如圖2-1-3、圖2-1-4所示。第一節(jié)版式設(shè)計的構(gòu)成要素二、版面中的線線在版式設(shè)計中發(fā)揮著非常重要的作用。在許多版式設(shè)計中，文字以線的形式存在，占據(jù)著版面的主要位置，是設(shè)計者進(jìn)行編排的主要對象。除了文字以外，各種線條還可以成為版面的裝飾及構(gòu)成各種模塊的外輪廓，它們起著界定、分隔版面的作用。線還可以串聯(lián)各種視覺要素，使版面充滿動感，也可以在最大限度上穩(wěn)定版面。線的表現(xiàn)形式多樣，不同形態(tài)的線可表達(dá)不同的情感，將線充分應(yīng)用于版式設(shè)計中，能輕松地呈現(xiàn)出較好的版面效果。第一節(jié)版式設(shè)計的構(gòu)成要素1.垂直線和水平線的應(yīng)用垂直線在藝術(shù)形式上給人以上升、高聳等感受，如電塔、煙囪、高樓、旗桿的結(jié)構(gòu)輪廓都是高聳的垂直線；而水平線則讓人聯(lián)想到草原、海平面等，使人產(chǎn)生開闊、平靜、徐緩等感覺。圖2-1-5所示為采用水平線構(gòu)圖的版面，該版面中水平線的運用極富藝術(shù)美感。第一節(jié)版式設(shè)計的構(gòu)成要素2.傾斜線的應(yīng)用傾斜線給人以散射、活潑、突破、動感的感覺，其傾斜的方向給人以方向感。圖2-1-6所示的海報采用傾斜線構(gòu)圖，放映機從下方照向斜上方的天空，人們的視線很容易就被吸引過去。圖2-1-7所示的海報，傾斜線構(gòu)圖被運用得恰到好處，它使得整個版面不再是純平面效果，使版面有了空間感，讓版面更有縱深感。第一節(jié)版式設(shè)計的構(gòu)成要素第一節(jié)版式設(shè)計的構(gòu)成要素3.曲線的應(yīng)用流暢的曲線能夠給人以柔和、靈動的感覺。如圖2-1-8所示，曲線的應(yīng)用給單調(diào)的版面增加了柔美感，以及增添了性感和神秘的色彩。由曲線構(gòu)成的創(chuàng)意廣告如圖2-1-9所示，設(shè)計者利用構(gòu)成原理將線條的視覺感受運用到商品廣告中。第一節(jié)版式設(shè)計的構(gòu)成要素第一節(jié)版式設(shè)計的構(gòu)成要素4.線的分割作用線可以巧妙地將版面分割，分割方式可以根據(jù)版面的主次關(guān)系、呼應(yīng)關(guān)系及形式關(guān)系而定。利用線進(jìn)行版面分割，能清晰地劃分版面區(qū)域，便于閱讀；線還能引導(dǎo)視覺，聯(lián)系版面內(nèi)容，讓版面更加清晰明了，版面內(nèi)容排布更具條理性?？傊?，線的分割功能，能夠給版面帶來活躍感、時尚感、簡潔感等。線的分割作用如圖2-1-10所示，報紙版面中的線，將版面分割成多個部分。第一節(jié)版式設(shè)計的構(gòu)成要素三、版面中的面1.面的形成與應(yīng)用在基本視覺要素中，面的視覺影響力最大，它們在版面中往往發(fā)揮舉足輕重的作用。面可以分為幾何形和自由形兩大類，在版式設(shè)計時只有面與面之間相互和諧，才能打造具有美感的版式設(shè)計作品。在實際的版式設(shè)計中，面的表現(xiàn)也受色彩等因素影響；同時，面的形狀和邊緣形態(tài)對面的表現(xiàn)也有很大影響，在不同的情況下它們會使面的形象發(fā)生極大的變化。第一節(jié)版式設(shè)計的構(gòu)成要素點和線在平面中的延展構(gòu)成了面。點的鋪排形成一定大小和形狀的面，線對空間的分割也在原有整體的版面上形成新的面，許多點和線組合才能使主題被完整表達(dá)。面有三角形、圓形、正方形等各種形態(tài)，在這一點上，它是點的放大。圖2-1-11所示海報充分展示了點和面的關(guān)系。圓形具有潤澤感、和諧感，三角形具有穩(wěn)定感、力量感，正方形具有端正感、平衡感。不同的形狀給人以不同的心理感受。圖2-1-12所示為某品牌月餅廣告的版面，圓形的背景畫寓意中秋團(tuán)圓之美，給人以和諧的感覺，使得版面穩(wěn)定而不呆板。第一節(jié)版式設(shè)計的構(gòu)成要素第一節(jié)版式設(shè)計的構(gòu)成要素面在版面中所占比例較大，因而它影響著其他視覺元素的位置。對稱、重復(fù)、漸變、對比是常用的設(shè)計表現(xiàn)手法。左右、上下或者呈對角線式的兩個面用于排列重要程度相當(dāng)?shù)膬?nèi)容。一邊是文字，一邊是圖像的編排形式是一種對比，如圖2-1-13所示。兩邊有形狀相同而顏色不同的色塊，這種編排形式也是一種對比，如圖2-1-14所示。?圖2-1-13一邊是文字一邊是圖像的編排形式?圖2-1-14兩邊有形狀相同而顏色不同的色塊的編排形式第一節(jié)版式設(shè)計的構(gòu)成要素在重復(fù)編排中增加面的顏色和大小的變化，就會給版面帶來動感，打破重復(fù)造成的呆板，其原理如同平面設(shè)計中的特異效果。小的面的重復(fù)編排如圖2-1-15所示，小的面重復(fù)編排的版面效果如圖2-1-16所示。第一節(jié)版式設(shè)計的構(gòu)成要素第一節(jié)版式設(shè)計的構(gòu)成要素2.留白的應(yīng)用版面的留白是一種特殊的面，這是將非設(shè)計元素元素化，即留白以空白的幅面參與到作品中來。留白較少的版面會給人以活潑、緊湊的感覺，而留白較多的版面則給人以沉著、典雅的感覺。在進(jìn)行版式設(shè)計時，可根據(jù)版面內(nèi)容有計劃、有意識地運用留白。適當(dāng)?shù)牧舭祝梢允拱婷娌季指忧逦?，有助于加強版面的視覺導(dǎo)向性。有留白的版面效果如圖2-1-17所示。第一節(jié)版式設(shè)計的構(gòu)成要素3.版面率的應(yīng)用通俗來說，版面率就是版面利用率，是指版心在版面中所占的面積比例。版心就是版面中主要內(nèi)容所在區(qū)域，不含天頭、地腳和左右頁邊距。版心面積大，則版面四周的留白少，版面的利用率高，版面可以容納更多的信息，高版面率視覺張力大，版面更熱鬧、生動；版心面積小，則版面四周的留白多，版面的利用率低，意味著版面中的信息量較小，較低的版面率容易產(chǎn)生典雅或高級的視覺效果。版式設(shè)計中也有滿版和空版的概念。第一節(jié)版式設(shè)計的構(gòu)成要素四、版面中的空間1.利用點產(chǎn)生空間感一個版面上有多個點時，這些點的排列、重復(fù)和變化能起到豐富版面空間形態(tài)的作用，在多個點中間通常有一個點非常突出，它形成了一個相對的視覺中心，其他的點圍繞它，與它一起共同表現(xiàn)一個主題。多個點形成空間感如圖2-1-18所示，圖中的圓點即為該版面的點，版面中的點大小不一，大的點感覺比小的點更接近瀏覽者，而那些小的點則像是正在向版面深遠(yuǎn)處移動，很多點的無序排列能使瀏覽者聯(lián)想到星際空間。圖2-1-19中，三角形即為該版面的點，大小不同的點有序排列形成空間感，這就是利用了平面構(gòu)成的漸變原理。第一節(jié)版式設(shè)計的構(gòu)成要素?圖2-1-18多個點形成空間感1?圖2-1-19多個點形成空間感2第一節(jié)版式設(shè)計的構(gòu)成要素影響點形成空間感的因素還有版面背景和點的排列。圖2-1-20所示為同樣大的點形成空間感的效果，圖中黑色的背景襯托白色聚集的圓點，讓人聯(lián)想到波光粼粼的湖面或是夜晚閃爍的螢火蟲等，黑色背景和白圓點對比，產(chǎn)生較強的版面空間感。第一節(jié)版式設(shè)計的構(gòu)成要素2.利用線產(chǎn)生空間感當(dāng)版面中出現(xiàn)數(shù)行文字時，可以把它們看成一條一條的線，線的粗細(xì)變化和排列可以產(chǎn)生強烈的空間感。粗線比細(xì)線給人以更近的視覺感受，當(dāng)線由粗至細(xì)或由細(xì)至粗排列時，能夠產(chǎn)生由近至遠(yuǎn)或由遠(yuǎn)至近的空間感。利用線產(chǎn)生空間感的版式設(shè)計如圖2-1-21所示。圖2-1-22所示的版面運用了線條感很強的英文大寫字母，通過傾斜字母使版面有強烈的空間感。第一節(jié)版式設(shè)計的構(gòu)成要素第一節(jié)版式設(shè)計的構(gòu)成要素3.利用面產(chǎn)生空間感面是線連續(xù)移動而形成的軌跡，面有長度、寬度的變化，它也可以理解為面積擴大的點。但在造型學(xué)上，面有一定的形狀及面積，如長方形、圓形、菱形、扇形、自由形等。圖2-1-23所示的廣告，即利用盒子的面與背景的反差產(chǎn)生空間感。第一節(jié)版式設(shè)計的構(gòu)成要素五、版面中的色彩1.色彩的基礎(chǔ)知識色彩有三大要素，即色相、明度及純度（飽和度），如圖2-1-24所示。熟悉和掌握色彩的三大要素，對于認(rèn)識色彩和使用色彩極為重要。第一節(jié)版式設(shè)計的構(gòu)成要素（1）色相。色相是指色彩的相貌，單純指代顏色的概念，由原色、間色和復(fù)色構(gòu)成。色相光譜一般用色相環(huán)來展示，常見的色相環(huán)有12色相環(huán)和24色相環(huán)，設(shè)計師進(jìn)行色彩設(shè)計時，大多會以此為基礎(chǔ)進(jìn)行配色。（2）明度。色彩的明度是指色彩的明暗深淺程度。首先，不同色相明度不同，在所有色彩中，明度最高的是黃色，明度最低的是紫色。其次，相同色相明度也可不同，明度高色相就發(fā)白，明度低色相就發(fā)黑。（3）純度（飽和度）。色彩純度，又稱色彩的飽和度，是指色彩的鮮艷程度。色彩純度越高，色彩強度越高，色彩越鮮艷；色彩純度越低，色彩強度越低，色彩越暗淡，接近黑白色。第一節(jié)版式設(shè)計的構(gòu)成要素2.色彩的運用色彩的視覺識別距離比文字、圖像更遠(yuǎn)。在傳遞信息方面，色彩不能表達(dá)細(xì)膩的內(nèi)涵，只會使人產(chǎn)生直觀的心理感受，如寒冷、熱烈、溫和等，這是色彩傳遞信息的一個特點。在版式設(shè)計時，要仔細(xì)揣摩色彩、圖像、文字之間的關(guān)系和作用，將它們合理編排在版面中，以使版面能夠準(zhǔn)確地表達(dá)內(nèi)容。第一節(jié)版式設(shè)計的構(gòu)成要素（1）主色調(diào)的運用。一本雜志或一本書應(yīng)有自己的色彩基調(diào)，以體現(xiàn)雜志或書的審美理念、市場定位及獨有的風(fēng)格，從而對瀏覽者的視覺心理產(chǎn)生影響，該色彩基調(diào)就是該雜志或書的主色調(diào)。圖2-1-25所示的電影海報，其版面用了大面積的紅色作為底色，很明確地表現(xiàn)出版面的主色調(diào)為紅色，大面積的紅色可使瀏覽者感受到強烈的情感。第一節(jié)版式設(shè)計的構(gòu)成要素色彩的冷暖、輕重、誘目性，膨脹與收縮，前進(jìn)與后退都是決定其是否成為版面主色調(diào)的重要影響因素。底色決定版面主色調(diào)的設(shè)計實例如圖2-1-26所示，該海報采用人物大特寫的方式，在版面四周設(shè)計了白色帶有繁復(fù)花紋的邊框，有“畫中畫”的既視感——版面的人物“回眸一看”將頭伸出畫框，版面立體感就出來了。該海報采用青色、黑色為底色，使版面色調(diào)灰暗陰沉，充滿懸念。第一節(jié)版式設(shè)計的構(gòu)成要素（2）多色彩的運用。一個采用同色系元素設(shè)計的版面，對人眼刺激不足，會使人產(chǎn)生色覺疲勞，感到平淡、乏味；而一個有強烈色彩對比的版面又會顯得生硬甚至刺眼。因此，如果版面采用互補的色彩，并能在色彩的明度與純度、面積與布局上處理得當(dāng)，就會給人鮮艷、明快而又和諧、豐富的感覺。圖2-1-27所示招貼畫色彩豐富、搭配合理，顏色絢麗又恰到好處。第一節(jié)版式設(shè)計的構(gòu)成要素色彩的編排設(shè)計不僅要考慮到色彩間的反差，還要考慮到色彩間的聯(lián)系，版式設(shè)計時應(yīng)通過色彩對比和搭配來豐富版面。多色彩的搭配運用如圖2-1-28所示。第一節(jié)版式設(shè)計的構(gòu)成要素色彩運用還要掌握好“度”，要想熟練運用色彩，就要把握好一個原則，即少用純色。色彩對比形成的充滿活力的版面如圖2-1-29所示。第一節(jié)版式設(shè)計的構(gòu)成要素（3）配色的一般方法。1）冷暖搭配。紅色、橙色、黃色屬于暖色系，給人以熱鬧、鮮艷、愉快、動感等的感覺。藍(lán)色、藍(lán)綠色等屬于冷色系，可讓人心緒安定，同時會給人以沉穩(wěn)、冷峻、寒冷、涼爽、整齊的感覺。黃綠色、綠色、紫色等是沒有明顯冷暖感覺的色彩，稱為中間色彩。第一節(jié)版式設(shè)計的構(gòu)成要素2）對比色搭配。冷色的誘目性較低，有藍(lán)色、紫色、藍(lán)綠色等；暖色的誘目性高，有紅色、黃色、橙色等。利用色彩對比的手法，可提高版面色彩的誘目性。利用色彩對比提高版面色彩誘目性的版式設(shè)計實例如圖2-1-30所示。第一節(jié)版式設(shè)計的構(gòu)成要素3）增強色彩識別度。在紛繁的畫面中容易看到的色彩識別度高，反之則識別度低。色彩識別度的高低與色彩和版面主體、背景的色相差、明度差、彩度差都有關(guān)系，要提高色彩識別度，就要增大這些差值。增強色彩識別度的版式設(shè)計實例如圖2-1-31所示，左側(cè)圖比右側(cè)圖色彩識別度高。第一節(jié)版式設(shè)計的構(gòu)成要素4）色彩感受。不同的色彩與版面中其他設(shè)計元素搭配，可以給人不同的感受，也會傳遞很多文字之外的信息。如圖2-1-32所示，將同一句話放在有不同底色的版面上，給人的感覺截然不同。第一節(jié)版式設(shè)計的構(gòu)成要素現(xiàn)代的版式設(shè)計風(fēng)格越來越趨向個性化、多元化，這就要求設(shè)計師敢于突破和創(chuàng)新，大膽地使用對比色、互補色。圖2-1-33所示為大膽進(jìn)行色彩搭配的版面。第二節(jié)增強廣告受眾記憶效果的原理和策略第二節(jié)增強廣告受眾記憶效果的原理和策略一、明確版面的主題1.明確受眾群體通常情況下，版面所呈現(xiàn)出的視覺效果會引起某一特定人群的關(guān)注，因此，在版式設(shè)計前應(yīng)明確該產(chǎn)品要面向的大眾群體，根據(jù)這類群體的年齡、喜好等特點來確定版式設(shè)計風(fēng)格。圖2-2-1所示的廣告目標(biāo)人群為青年人群，青年人群接收了大量的熱點信息，緊跟時事熱點，喜好新鮮、刺激和快節(jié)奏的畫面。該廣告抓住了現(xiàn)代青年人群崇尚運動、減脂增肌的新理念，版面風(fēng)格清新，直接標(biāo)出食物的熱量，使版面對青年人群充滿吸引力。第二節(jié)增強廣告受眾記憶效果的原理和策略第二節(jié)增強廣告受眾記憶效果的原理和策略2.明確版面主題內(nèi)容版式設(shè)計的主要目的之一是更好地表現(xiàn)版面主題內(nèi)容，在版式設(shè)計前必須考慮版面到底要表達(dá)什么主題內(nèi)容，只有明確了版面的主題內(nèi)容，為下一步版面的具體編排做好充分的準(zhǔn)備工作，才能準(zhǔn)確、恰如其分地進(jìn)行版式設(shè)計。圖2-2-2所示的版面，主體視覺元素被放大，主次對比強烈，這樣的版式設(shè)計既突出了版面重點，又增加了版面的視覺沖擊力，使版面充實飽滿。清晰明了的雜志版面如圖2-2-3所示，該版面形式簡明、直觀，適合快速閱讀。第二節(jié)增強廣告受眾記憶效果的原理和策略第二節(jié)增強廣告受眾記憶效果的原理和策略二、確定版面的結(jié)構(gòu)明確了版面的主題內(nèi)容之后，需要考慮版面具體的結(jié)構(gòu)并選擇文字及圖片（一般為規(guī)定內(nèi)容）。選擇版面結(jié)構(gòu)時可根據(jù)版面的受眾人群和主題內(nèi)容，在常規(guī)版面結(jié)構(gòu)中進(jìn)行篩選，可選擇對稱式、矩形式、三角形組合式、重心式、散點式、大小漸變式、上下分割式、左右分割式、傾斜分割式等多種版面結(jié)構(gòu)。版面基本結(jié)構(gòu)要與準(zhǔn)備向讀者傳遞的信息相一致。第二節(jié)增強廣告受眾記憶效果的原理和策略圖2-2-4所示的版面以主題居中表現(xiàn)的形式，突出溫度計的樣式，表達(dá)氣候變化帶來的影響。圖2-2-5所示的版面有左右平均分割式的結(jié)構(gòu)，文字密集、排列整齊，插圖配合文字主題。圖2-2-6所示為有左右對稱式結(jié)構(gòu)的版面，可帶給選用本款產(chǎn)品的女性優(yōu)雅、舒展的感受。圖2-2-7所示為有傾斜分割式結(jié)構(gòu)的版面，該版面充滿動感，文字、符號等素材拼接組合，符合富有動感的青年人群的審美偏好。圖2-2-8所示為有矩形上下分割式結(jié)構(gòu)的版面，給人以質(zhì)樸的感覺。第二節(jié)增強廣告受眾記憶效果的原理和策略第二節(jié)增強廣告受眾記憶效果的原理和策略第二節(jié)增強廣告受眾記憶效果的原理和策略第二節(jié)增強廣告受眾記憶效果的原理和策略替換文字內(nèi)容，修改文字內(nèi)容，也可以直接復(fù)制你的內(nèi)容到此。請?zhí)鎿Q文字內(nèi)容，修改文字內(nèi)容，也可以直接復(fù)制你的內(nèi)容到此。請?zhí)鎿Q文字內(nèi)容，修改文字內(nèi)容，也可以直接復(fù)制你的內(nèi)容到此。請?zhí)鎿Q文字內(nèi)容，修改文字內(nèi)容，也可以直接復(fù)制你的內(nèi)容到此。請?zhí)鎿Q文字內(nèi)容，修改文字內(nèi)容，也可以直接復(fù)制你的內(nèi)容到此。第二節(jié)增強廣告受眾記憶效果的原理和策略三、確立版面的風(fēng)格在明確了版面主題、確定了版面結(jié)構(gòu)后，最后一個重要環(huán)節(jié)就是確立與主題和版面結(jié)構(gòu)所傳遞的信息相一致的版面風(fēng)格。版面風(fēng)格由圖像、字體、色彩等多種因素決定的，不同的版面風(fēng)格能給人不同的視覺享受。第二節(jié)增強廣告受眾記憶效果的原理和策略例如，圖2-2-9所示為充滿童話風(fēng)格的版面，該版面中，粉色漸變底色、旋轉(zhuǎn)的柔美字體，營造出滿滿的童話氛圍。圖2-2-10所示的版面采用黑色背景，宇宙實景圖片與文字交叉排列，展現(xiàn)了太空的美麗與神秘，版面內(nèi)容分割均勻、文字排列嚴(yán)謹(jǐn)，這是典型的科普讀物的版面風(fēng)格。第二節(jié)增強廣告受眾記憶效果的原理和策略第三節(jié)版式設(shè)計相關(guān)印刷常識第三節(jié)版式設(shè)計相關(guān)印刷常識1.開本的形成版式設(shè)計前要先確定開本大小，通常把一張按國際標(biāo)準(zhǔn)分切好的平板原紙稱為全開紙。在不浪費紙張、便于印刷和裝訂生產(chǎn)作業(yè)的前提下，把全開紙裁切成面積相等的若干小張，其張數(shù)稱為開數(shù)；將它們裝訂成冊出版，出版物幅面規(guī)格大小，占全開紙的幾分之一即為幾開本。決定開本尺寸的因素有紙張尺寸、裝訂方式等。通常將單頁出版物的大小稱為開張，如報紙、掛圖等分為全張、對開、4開和8開等。一、開本第三節(jié)版式設(shè)計相關(guān)印刷常識2.常見的開本開本通常分為大型本、中型本和小型本。12開以上的開本統(tǒng)稱為大型本，適用于圖標(biāo)較多、篇幅較大的厚部頭著作或期刊。16開至32開的所有開本稱為中型本，其適用范圍較廣，各類書籍均適用。32開以下的所有開本稱為小型本，適用于手冊、工具書、通俗讀物或短篇文獻(xiàn)等。第三節(jié)版式設(shè)計相關(guān)印刷常識設(shè)計版心的原則是要使文字、圖片美觀且易于閱讀。純文字的word版面版心有常規(guī)尺寸，如大小為A4的版面版心尺寸為156mm×225mm。通常小說、雜志、報紙等讀物的版面都有各自特定的版心尺寸，這是為了防止在印刷、裝訂、裁切等制作過程中損失靠近頁面邊緣的重要內(nèi)容。二、版心第三節(jié)版式設(shè)計相關(guān)印刷常識圖2-3-1所示為有版心的版面，隨著印刷技術(shù)的不斷發(fā)展，印刷和裝訂技術(shù)更加精準(zhǔn)，版心尺寸向多樣化、不固定化發(fā)展。有靈活的版心的版面如圖2-3-2所示，圖中雜志版式設(shè)計師根據(jù)每頁版面內(nèi)容設(shè)計了不同的版心，頁碼、小標(biāo)題等元素在一個虛擬的框界中，使雜志充滿藝術(shù)感。第三節(jié)版式設(shè)計相關(guān)印刷常識第三節(jié)版式設(shè)計相關(guān)印刷常識出血是指印刷時為保留版面有效內(nèi)容預(yù)留出的版面上方便裁切的部分。出血、出血線、出血位是常用的印刷術(shù)語，設(shè)計師在版式設(shè)計前要預(yù)留好出血位，印刷前要加大版面尺寸，或在裁切位加一些版面圖案的延伸，以避免裁切后成品露白邊或裁到版面內(nèi)容，確保印刷位置和裁切位置正確。同時，出血線和出血位在印刷完畢的產(chǎn)品上是看不到的。圖2-3-3所示為海報版面出血設(shè)置示意圖。三、出血PART03版式設(shè)計中文字與圖片的編排第一節(jié)版式設(shè)計中文字的編排第二節(jié)版式設(shè)計中圖片的編排第三節(jié)版式設(shè)計中的圖文混排第一節(jié)版式設(shè)計中文字的編排第一節(jié)版式設(shè)計中文字的編排一、字體1.常見字體（1）宋體。宋體是為適應(yīng)印刷術(shù)而出現(xiàn)的一種漢字字體。宋體的基本筆畫包括點、橫、豎、撇、捺、鉤、挑、折等。字體特征可概括為：橫平豎直、橫細(xì)豎粗、橫畫及橫畫連接的右上方有鈍角，撇如刀，點如瓜子，捺如掃，結(jié)構(gòu)飽滿、端莊典雅、整齊美觀。宋體既適用于印刷刻版，又能滿足人們的基本閱讀需要，因此一直沿用至今，它是如今版式設(shè)計中最常使用的字體之一。第一節(jié)版式設(shè)計中文字的編排圖3-1-1所示為一般宋體字。如今，在一般宋體的基礎(chǔ)上還發(fā)展出了一系列與其相似的字體，如特粗宋、粗宋、大標(biāo)宋、小標(biāo)宋、報宋、書宋、中宋、仿宋、長宋、宋黑等。其中特粗宋、粗宋、大標(biāo)宋、小標(biāo)宋、中宋由于橫豎筆畫粗細(xì)差別較大，不適用于大篇幅地編排正文，通常用于編排標(biāo)題字；報宋、書宋、長宋適用于編排長篇正文；仿宋多用于編排引言、圖注等說明性文字，常見宋體字如圖3-1-2所示。第一節(jié)版式設(shè)計中文字的編排第一節(jié)版式設(shè)計中文字的編排（2）黑體。隨著無飾線西文的出現(xiàn)，一種新的印刷字體——黑體產(chǎn)生了。黑體也稱方頭體、平體，其特點是：橫豎筆畫粗細(xì)一致，沒有宋體字角的裝飾，結(jié)構(gòu)嚴(yán)謹(jǐn)、筆力遒勁、莊重醒目、嚴(yán)肅且富有現(xiàn)代感。黑體還分為特粗黑、粗黑、大黑、中黑、細(xì)黑、中等線、細(xì)等線等。其中特粗黑、粗黑、大黑、中黑適用于編排標(biāo)題，細(xì)黑、中等線、細(xì)等線適用于編排正文。常見黑體字如圖3-1-3所示。第一節(jié)版式設(shè)計中文字的編排（3）楷體。楷體是在楷書基礎(chǔ)上發(fā)展出來的一種字體，與手寫楷書字體相似，其特點是：流暢和諧、富有韻味。它通常適用于正文及說明性文字的編排?？w字如圖3-1-4所示。第一節(jié)版式設(shè)計中文字的編排（4）書法體。書法體是用手寫書法字體加工成的計算機使用字體，包括毛澤東字體、瘦金書、雕刻體、魏碑、舒體、琥珀體、彩云體、竹節(jié)體等，其中幾種書法體字如圖3-1-5所示。第一節(jié)版式設(shè)計中文字的編排（5）藝術(shù)體。近年來，字體設(shè)計者還將POP廣告字體、異型字等藝術(shù)字體放進(jìn)字體庫中，從而使版式設(shè)計者能夠更便捷地設(shè)計出符合版面需要的文字。幾種藝術(shù)體字如圖3-1-6所示。第一節(jié)版式設(shè)計中文字的編排2.字體選用在同一版面中，字體的種類不宜過多。選用字體時，字體之間要保持風(fēng)格一致。同一版面中有多種不同層級的信息時，最多使用2~3種不同類型的字體。信息之間可以通過變化文字的字號、顏色以及筆畫粗細(xì)來加以區(qū)別。使用粗體字使文字信息醒目的版式設(shè)計實例如圖3-1-7所示，該版面字體選用的是醒目規(guī)范的粗黑體，可使瀏覽者第一時間看到版面的文字信息。圖3-1-8所示的版面字體選用的是富有藝術(shù)性的書法體，版面充滿了人文色彩。第一節(jié)版式設(shè)計中文字的編排第一節(jié)版式設(shè)計中文字的編排二、字號1.字的大小（1）號數(shù)制。號數(shù)制是我國傳統(tǒng)計算漢字活字大小的標(biāo)準(zhǔn)，號數(shù)有一號、小一、二號、小二、三號、小三、四號、小四等。號數(shù)越大，字越小。號數(shù)制的優(yōu)點是使用簡單、方便，使用時指定字號即可，無須關(guān)心字的實際尺寸。號數(shù)制的缺點是字大小受號數(shù)的限制，有時不能滿足版式設(shè)計需要，不在號數(shù)范圍內(nèi)的字的大小無法用號數(shù)來表示；號數(shù)不能直接表示字的實際尺寸；字號之間沒有大小上的倍數(shù)關(guān)系，折算起來不方便。號數(shù)制是目前常用的表示漢字規(guī)格的標(biāo)準(zhǔn)。第一節(jié)版式設(shè)計中文字的編排（2）點數(shù)制。點數(shù)制是國際上通用的計算活字大小的標(biāo)準(zhǔn)。這里的“點”不是計算機字形的點陣，而是計量字大小的單位，一般用pt表示，俗稱“磅”。使用點數(shù)制時，字的大小與字號之間的關(guān)系如圖3-1-9所示。第一節(jié)版式設(shè)計中文字的編排2.字號選用原則版面正文的字的大小應(yīng)該設(shè)定在一定的范圍之內(nèi)。圖3-1-10所示的報紙版面，就是通過變化字的大小來控制版面的閱讀節(jié)奏的。第一節(jié)版式設(shè)計中文字的編排三、文字編排1.字距和行距字距和行距對整個版面的視覺效果有極大的影響。正文文字的字距一般默認(rèn)設(shè)定為0，設(shè)計師在對版面文字進(jìn)行編排時，可以通過調(diào)整字距打造版面的節(jié)奏感，以產(chǎn)生豐富視覺的效果。實際版式設(shè)計時，還可以根據(jù)需要對部分文字的字距進(jìn)行調(diào)整，以增加文字的視覺沖擊力。字號和字距的設(shè)定需要結(jié)合字體特點來考慮，以達(dá)到版面平衡的視覺效果。第一節(jié)版式設(shè)計中文字的編排行距的設(shè)定應(yīng)視版式設(shè)計的具體情況而定，一般情況下文字行距默認(rèn)在1/2~1個字高之間。如果文字的行距適當(dāng)，則文字識別度高；小行距的文字通常不如大行距的文字易讀，但能節(jié)省很多版面空間。標(biāo)準(zhǔn)行距版面如圖3-1-11所示。第一節(jié)版式設(shè)計中文字的編排為了便于閱讀，一般行距要大于字距?，F(xiàn)代版式設(shè)計時，設(shè)計者也可以采用行距等于字距，行距小于字距，變化文字大小、行距、色彩等的設(shè)計方法使版面視覺效果豐富有趣。雜志內(nèi)頁中，標(biāo)題字有時也會采用加大字距的設(shè)計以吸引瀏覽者的注意力，但采用這種版式設(shè)計的部分不宜過多。特殊行距版面如圖3-1-12所示。第一節(jié)版式設(shè)計中文字的編排2.對齊方式（1）兩端對齊。在對文字較多的文章排版時，文字如果自動換行，會經(jīng)常出現(xiàn)標(biāo)點符號在行首、行末空半格等問題。針對這些問題，排版時可在排版軟件的對齊方式中選擇兩端對齊。圖3-1-13所示為常見的文字兩端對齊的版面。通常出版物的正文都采用這種對齊方式，以使整體文本形態(tài)規(guī)矩、嚴(yán)謹(jǐn)，方便瀏覽者閱讀。第一節(jié)版式設(shè)計中文字的編排第一節(jié)版式設(shè)計中文字的編排（2）居中對齊。居中對齊通常用在標(biāo)題行中，因為標(biāo)題文字較少，又有統(tǒng)領(lǐng)全文的作用，所以一般選用較大字號加粗排列在整段文字最上方。對詩歌進(jìn)行排版時，大多也選擇文字居中對齊。總的來說，居中對齊這種對齊方式適合較短小的文字內(nèi)容，如標(biāo)題短語和短篇文字。文字居中對齊能形成對仗感。圖3-1-14所示為文字居中對齊的版面。第一節(jié)版式設(shè)計中文字的編排（3）左對齊。左對齊是以整行文字的左邊為基準(zhǔn)進(jìn)行對齊的方式，每一個字符和下一行都對齊。左對齊符合中國人的閱讀習(xí)慣，給人以優(yōu)美、愉悅、流暢之感，適用于篇幅短小、又需要著重突出的文字內(nèi)容，是現(xiàn)代版式設(shè)計者常用的文字對齊方式。圖3-1-15所示為文字左對齊的版面。第一節(jié)版式設(shè)計中文字的編排（4）右對齊。右對齊是以整行的右邊為基準(zhǔn)進(jìn)行對齊的方式，每一個字符和下一行都對齊。這種文字排列方式一般用在整個版面的右下角的文字內(nèi)容的編排，起到收尾和平衡版面的作用。圖3-1-16所示為文字編排使用右對齊的版面。第一節(jié)版式設(shè)計中文字的編排3.豎排版、橫排版與自由排列傳統(tǒng)上中文一般采用豎排版，匾額、招牌等文字從右向左橫排的情形，也是一字一行的豎排版。圖3-1-17所示的版面，部分文字采用了豎排版。第一節(jié)版式設(shè)計中文字的編排圖3-1-18所示的兩幅作品，文字排列打破了橫排或豎排傳統(tǒng)，采用了自由排列的方式，配合色彩和文字大小的變化以及筆畫的轉(zhuǎn)折，展現(xiàn)出了豐富、自由的版面風(fēng)格。第一節(jié)版式設(shè)計中文字的編排四、文字設(shè)計1.設(shè)計標(biāo)題文字（1）標(biāo)題字體的選擇。標(biāo)題是版面的統(tǒng)領(lǐng)性文字，是瀏覽者閱讀文字的起點，設(shè)計合理的標(biāo)題字形，具有美觀、直觀、烘托主題等特點。標(biāo)題要求字號在版面中最大，甚至可以單獨構(gòu)成版面。如圖3-1-19所示，該報紙版面中，報紙名稱采用藍(lán)色粗體字，非常大氣，可給瀏覽者以產(chǎn)品可信度高的感覺。第一節(jié)版式設(shè)計中文字的編排高質(zhì)量的字形處理會讓瀏覽者眼前一亮，并能給瀏覽者以該產(chǎn)品內(nèi)容豐滿、有文化內(nèi)涵的感覺。如圖3-1-20所示，封面標(biāo)題的放大、變形，與其他文字形成對比，整個版面均衡對稱，色彩統(tǒng)一，文字可識別性強，整個版面文字排列保證了閱讀的整體感，標(biāo)題設(shè)計非常成功?？鋸埓竽懙奈淖衷O(shè)計，會增加閱讀的趣味性?？鋸埖臉?biāo)題文字設(shè)計如圖3-1-21所示，標(biāo)題設(shè)計采用了圓潤的字體，很好地配合了版面主圖，使版面看起來輕松活潑。第一節(jié)版式設(shè)計中文字的編排?圖3-1-20標(biāo)題設(shè)計實例?圖3-1-21夸張的標(biāo)題文字設(shè)計第一節(jié)版式設(shè)計中文字的編排（2）標(biāo)題的位置。標(biāo)題在版式設(shè)計時可做居中、橫向、豎向或邊置等編排處理，也可直接插入字群中，如圖3-1-22所示。第一節(jié)版式設(shè)計中文字的編排（3）標(biāo)題的藝術(shù)設(shè)計?，F(xiàn)代版式設(shè)計中，穿插、疊加、合并、模糊、隱藏、填充、相接、穿透、聯(lián)合、減法、剖切、重合、大小對比、空間應(yīng)用等藝術(shù)設(shè)計方法均可應(yīng)用于標(biāo)題設(shè)計中，如圖3-1-23、圖3-1-24所示。第一節(jié)版式設(shè)計中文字的編排第一節(jié)版式設(shè)計中文字的編排2.圖形化文字借用圖形色彩斑斕、形式靈活多變、造型直觀能夠吸引人眼球的特性，在版式設(shè)計時圖形化處理文字可使文字具有更強的表現(xiàn)力和藝術(shù)感。對于漢字而言，使用書法字、拆分文字筆畫、只顯示局部文字等是常用的設(shè)計手法；而字母或英文的流線感較強，除了可對文字進(jìn)行圖形化處理外，也可以將文字按照一定的形狀排列，或者將文字以某種圖形的外形排列，以打造文字的造型感。第一節(jié)版式設(shè)計中文字的編排圖3-1-25所示的設(shè)計實例，設(shè)計師將圖形和文字有機地結(jié)合，將文字巧妙地替換、借用，使圖形化的文字產(chǎn)生了強烈的視覺反差，增強了文字的表現(xiàn)力。在圖3-1-26中，標(biāo)題文字借圖形素材表現(xiàn)，充滿親和力，版面中文字與圖形統(tǒng)一成整體，識別性強，是很好的廣告版面。第一節(jié)版式設(shè)計中文字的編排第一節(jié)版式設(shè)計中文字的編排文字和圖形結(jié)合也是常用的一種版式設(shè)計手段，分為文字組合成圖形和圖形組合成文字兩種。文字組合成圖形的版面如圖3-1-27所示。圖形組合成文字的效果如圖3-1-28所示。第二節(jié)版式設(shè)計中圖片的編排第二節(jié)版式設(shè)計中圖片的編排為了更好地進(jìn)行視覺傳達(dá)，各類報紙、廣告、包裝、雜志及網(wǎng)絡(luò)中都充滿了各種各樣的圖片。但是，沒有創(chuàng)意的圖片很難抓住人們的眼球。因此，版式設(shè)計中圖片的編排對版面效果有非常大的影響。圖3-2-1所示為以圖片為主的版面。第二節(jié)版式設(shè)計中圖片的編排一、圖片的位置圖片的位置直接關(guān)系到版面的布局。恰到好處地編排圖片，有助于提高版面的視覺沖擊力。版面中的左右上下及對角線的四角都是視線的焦點。在這些靠近版面邊角的地方恰到好處地放置圖片，可提高版面的視覺沖擊力，如圖3-2-2所示。圖片居中放置也是常用的版式設(shè)計手段。圖片居中放置時，圖片將作為版面的主體，因此，圖片在色彩、形式、大小等方面要醒目、表現(xiàn)主題，如圖3-2-3所示。第二節(jié)版式設(shè)計中圖片的編排第二節(jié)版式設(shè)計中圖片的編排第二節(jié)版式設(shè)計中圖片的編排二、圖片的面積圖片面積的大小直接關(guān)系到版面的視覺效果和情感的表達(dá)。一般來說，重要的、吸引瀏覽者的圖片要放大，次要的圖片要縮小，以使版面主次分明。這也是版式設(shè)計的基本原則。1.大圖片圖片面積大，容易引人注目，感染力強，能給人以愉悅感。大圖片通常用來展現(xiàn)細(xì)節(jié)，如人物表情、手勢、某個對象的局部特寫等，它能迅速傳遞圖片信息，使人產(chǎn)生親切感，如圖3-2-4所示。第二節(jié)版式設(shè)計中圖片的編排第二節(jié)版式設(shè)計中圖片的編排2.小圖片將小圖片插入字群中可使版面顯得簡潔而精致，有點綴和呼應(yīng)版面主題的作用。但同時也容易給人拘謹(jǐn)、不靈動的感覺。在進(jìn)行版式設(shè)計時，版面中若只有大圖片而無小圖片或文字，版面就會顯得空洞；但若只有小圖片而無大圖片，版面又會缺乏生氣，顯得呆板。只有合理的穿插、組合大小圖片才能使版式設(shè)計恰到好處，如圖3-2-5所示。第二節(jié)版式設(shè)計中圖片的編排第二節(jié)版式設(shè)計中圖片的編排三、圖片的數(shù)量一個版面中圖片數(shù)量的多少，并不是設(shè)計者隨意決定的，而是版面的內(nèi)容決定的。圖片的數(shù)量多少，會影響到瀏覽者的閱讀體驗。如圖3-2-6所示，相對于只有一張圖片的版面，有兩張圖片的版面較為活躍，同時還出現(xiàn)了對比的格局。版面圖片增加到三張及以上，就能營造出很熱鬧的版面氛圍，普及性的、熱鬧的和新聞性強的讀物適合在版面中放置多張圖片，有多張圖片的版面如圖3-2-7所示。第二節(jié)版式設(shè)計中圖片的編排第二節(jié)版式設(shè)計中圖片的編排第二節(jié)版式設(shè)計中圖片的編排四、圖片的形狀1.方形方形圖片的圖形是以直線邊框來規(guī)范和限制的，是一種最常見、最簡潔的圖片形態(tài)。配置方形圖片的版面有穩(wěn)重感、嚴(yán)謹(jǐn)感和靜止感，如圖3-2-8所示。第二節(jié)版式設(shè)計中圖片的編排2.三角形三角形圖片分為正三角圖片和倒三角圖片，這兩種圖片給人的感受是完全不同的。正三角形圖片能讓人聯(lián)想到山峰、金字塔等，能夠給人以穩(wěn)定的感覺，在版式設(shè)計中，正三角形的版式設(shè)計可使版面更穩(wěn)定、更安全，讓人產(chǎn)生信賴；倒三角形圖片則給人以動感和不穩(wěn)定感。圖3-2-9所示為三角形圖片在版式設(shè)計中的應(yīng)用。第二節(jié)版式設(shè)計中圖片的編排3.圓形版面中的單個圓形圖片會有極強的集中視線的效果，如圖3-2-10所示。同等大小和色相的兩個或兩個以上圓形圖片能夠引導(dǎo)人的視線，如圖3-2-11所示。第二節(jié)版式設(shè)計中圖片的編排五、經(jīng)特殊處理的圖片的類型1.退底圖退底圖就是將圖片中的背景去掉，使圖中主體單獨呈現(xiàn)出來的一種圖片。退底圖自由而突出，更具個性，給人的印象更深刻。使用退底圖的版面顯得輕松、精致，如圖3-2-12、圖3-2-13所示。第二節(jié)版式設(shè)計中圖片的編排第二節(jié)版式設(shè)計中圖片的編排2.化網(wǎng)圖化網(wǎng)圖是指為了達(dá)到某種效果將完整的圖片進(jìn)行分層處理而形成的圖片，如圖3-2-14所示。第二節(jié)版式設(shè)計中圖片的編排3.特殊圖特殊圖是指為了達(dá)到某種效果將圖片組合、創(chuàng)造性加工處理而形成的新的圖片。使用這種特殊圖的版面新穎、獨特，如圖3-2-15所示。第二節(jié)版式設(shè)計中圖片的編排六、圖片的組合1.塊狀組合塊狀組合是將多幅圖片用水平線、垂直線分割，使圖片在版面中整齊有序地排列成塊狀，這種圖片組合方式給人以整體感、嚴(yán)肅感、理性感和秩序感，如圖3-2-16所示。第二節(jié)版式設(shè)計中圖片的編排2.散點組合散點組合是將圖片分散排列在版面的各個部位，使版面充滿輕快自由之感。圖片編排使用散點組合時應(yīng)注意圖片的大小、圖片的主次等，同時還應(yīng)考慮圖片的疏密、均衡、視覺方向等，如圖3-2-17所示。第二節(jié)版式設(shè)計中圖片的編排3.組合形成新圖像很多耐人尋味的趣味版面是用將圖片組合成新圖像的方式設(shè)計而成的。組合形成新圖像是指對多張照片進(jìn)行剪切、調(diào)色等處理，使它們巧妙組合在一起并形成一幅新的、引人入勝的新圖像的圖片組合方式，這是一種很好的圖像設(shè)計手段。這種處理方式需要設(shè)計師有充足的符合創(chuàng)意條件的資料，并具備很好的圖像處理能力，如圖3-2-18所示。第三節(jié)版式設(shè)計中的圖文混排第三節(jié)版式設(shè)計中的圖文混排文本繞圖是讓文字隨著圖片固有的曲線呈一定方向排列開來，圖片與文字有機地融為一體，產(chǎn)生流動感，這是一種使用方便且具有較強設(shè)計感的圖文排版方式。閱讀使用這種排版方式的版面時，瀏覽者的頭、眼會隨著文本輕微繞動，容易產(chǎn)生愉悅感。使用文本繞圖排版方式的版面如圖3-3-1所示。需要注意的是，并不是所有版面都適合使用文本繞圖的排版方式。一、文本繞圖第三節(jié)版式設(shè)計中的圖文混排為了使版面看起來輕松自然，設(shè)計師往往以美觀為前提將圖片隨意地散放在版面各處，這時文字就要根據(jù)圖片的位置進(jìn)行穿插編排，如圖3-3-2所示。二、圖片散點穿插第三節(jié)版式設(shè)計中的圖文混排第三節(jié)版式設(shè)計中的圖文混排大面積單純色彩的圖片很適合作文字的背景圖片，在這樣的版面中圖片的張力可以不受文字的影響繼續(xù)保持增強版面感染力的作用，文字和圖片融為一體可帶給瀏覽者自然、整體的閱讀感受，如圖3-3-3所示。三、圖片作文字背景第三節(jié)版式設(shè)計中的圖文混排經(jīng)過巧妙的設(shè)計，可將原本單調(diào)的文字和圖片結(jié)合在一起，以體現(xiàn)版式設(shè)計的創(chuàng)意性。圖3-3-4所示的版面，就是將文字與圖片巧妙組合，文字變成了圖片必不可少的一部分，版面自然有趣，讓人過目不忘。四、圖文巧妙結(jié)合第三節(jié)版式設(shè)計中的圖文混排圖文巧妙結(jié)合使版面有了更深的內(nèi)涵，是更高級的圖文編排方式，是版面形式與內(nèi)容相統(tǒng)一的完美體現(xiàn)。圖3-3-5所示的版面，設(shè)計者將文字巧妙地編排，使文字組成了一個完整生動的圖像，版面生動有視覺沖擊力，體現(xiàn)了設(shè)計者較高的美術(shù)功底和審美情趣。PART04版面的結(jié)構(gòu)設(shè)計與視覺流程第一節(jié)版面的結(jié)構(gòu)設(shè)計第二節(jié)版面的視覺流程第一節(jié)版面的結(jié)構(gòu)設(shè)計第一節(jié)版面的結(jié)構(gòu)設(shè)計一、網(wǎng)格1.分欄網(wǎng)格分欄網(wǎng)格是版式設(shè)計中最常用的一種網(wǎng)格，主要分為對稱式分欄網(wǎng)格與非對稱式分欄網(wǎng)格。利用分欄網(wǎng)格可對版面中的文字、圖片等元素進(jìn)行有序排列，使版面清晰、統(tǒng)一，具有節(jié)奏感。分欄網(wǎng)格結(jié)構(gòu)中，欄跟欄之間的間距是欄空，也叫做欄間距。欄間距對版面中的文字、圖片起到分隔作用，欄間距的設(shè)置取決于開本和字號。如圖4-1-1所示，欄間距為版面中的內(nèi)容創(chuàng)造了視覺上的停頓，也就是留白。第一節(jié)版面的結(jié)構(gòu)設(shè)計第一節(jié)版面的結(jié)構(gòu)設(shè)計（1）對稱式網(wǎng)格。采用對稱式網(wǎng)格編排的版面，若為單欄，則左右兩個版面的頁面結(jié)構(gòu)完全相同，互為鏡像，有相同的頁邊距、網(wǎng)格數(shù)量和版面分區(qū)。對稱式網(wǎng)格主要分為單欄對稱式網(wǎng)格、雙欄對稱式網(wǎng)格及多欄對稱式網(wǎng)格。1）單欄對稱式網(wǎng)格。單欄對稱式網(wǎng)格適合用于純文字編排，良好的單欄版面會給人以冷靜、嚴(yán)肅的感覺，也會使人感到呆板、無趣，在使用這種網(wǎng)格時，可通過調(diào)整字體、設(shè)計底紋等方法使版面生動起來，如圖4-1-2所示。第一節(jié)版面的結(jié)構(gòu)設(shè)計第一節(jié)版面的結(jié)構(gòu)設(shè)計2）雙欄對稱式網(wǎng)格。雙欄對稱式網(wǎng)格是將版面從中間分割為兩個部分的網(wǎng)格類型，它能夠很好地平衡版面。雙欄對稱式網(wǎng)格適用于文學(xué)類書籍、雜志內(nèi)頁正文的編排，采用該種網(wǎng)格進(jìn)行圖文編排時，也可在版面左邊放置文字、右邊放置圖片，以增強版面的變化性，如圖4-1-3所示。第一節(jié)版面的結(jié)構(gòu)設(shè)計3）多欄對稱式網(wǎng)格。多欄對稱式網(wǎng)格則是較為靈活的網(wǎng)格類型，可以根據(jù)文字的字號等靈活設(shè)置欄數(shù)。多欄對稱式網(wǎng)格適用于文字多且密集、開本大的版面的編排，最常見的就是用于報紙版面的編排，設(shè)計者可以根據(jù)正文內(nèi)容調(diào)整欄的寬度，如圖4-1-4所示。第一節(jié)版面的結(jié)構(gòu)設(shè)計（2）非對稱式網(wǎng)格。采用非對稱式網(wǎng)格編排，左右兩個版面采用同一種編排方式，但不像采用對稱式網(wǎng)格編排的版面那樣對稱，設(shè)計者可以根據(jù)版面的具體需要，靈活調(diào)整欄寬，使整個版面更豐富、靈活。非對稱式網(wǎng)格主要分為非對稱欄狀網(wǎng)格和非對稱單元格網(wǎng)格。1）非對稱欄狀網(wǎng)格。采用非對稱欄狀網(wǎng)格編排，雖然左右兩個版面的網(wǎng)格欄數(shù)基本一致，但并不像采用對稱式網(wǎng)格編排的版面一樣，左右兩個版面呈鏡像對稱，并且采用非對稱欄狀網(wǎng)格編排，左右兩個版面的頁邊距也有可能是不同的，如圖4-1-5所示。第一節(jié)版面的結(jié)構(gòu)設(shè)計第一節(jié)版面的結(jié)構(gòu)設(shè)計2）非對稱單元格網(wǎng)格。采用非對稱單元格網(wǎng)格編排是版式設(shè)計中較為基礎(chǔ)的一種編排方式，設(shè)計者可以根據(jù)版面的需求來調(diào)整文字和圖片的大小及位置，將文字或圖片編排在一個或幾個單元格中，也可以將單元格合并來編排文字或圖片，如圖4-1-6所示。第一節(jié)版面的結(jié)構(gòu)設(shè)計2.模塊網(wǎng)格模塊網(wǎng)格是將版面分割成數(shù)個板塊或區(qū)域，這種網(wǎng)格多用于布局比較復(fù)雜的版面中。采用該種網(wǎng)格編排，可以將多個模塊快速拼裝在一起，為版面提供靈活的內(nèi)容布局方式，如圖4-1-7所示。第一節(jié)版面的結(jié)構(gòu)設(shè)計3.基線網(wǎng)格基線網(wǎng)格是版式設(shè)計的基礎(chǔ)，能夠使版面中的元素實現(xiàn)標(biāo)準(zhǔn)對齊，它能夠提供非常準(zhǔn)確的基準(zhǔn)，輔助編排文字信息、形成規(guī)范的版面，如圖4-1-8所示。值得注意的是，基線網(wǎng)格的欄間距要根據(jù)字號的變化相應(yīng)地增大或減小。第一節(jié)版面的結(jié)構(gòu)設(shè)計二、滿版采用滿版式設(shè)計的版面，主要用圖片傳遞信息，圖片充滿整個版面，在視覺傳遞上有直觀、表現(xiàn)力強的特點。在版式設(shè)計時可根據(jù)版面的需要，將文字的位置編排在版面的上下、左右、中心點上，使版面層次清晰，傳遞信息準(zhǔn)確明了。滿版的版面給人以大方、直白的感覺，在視覺上有非常強的感染力，可快速吸引人們的注意力，是雜志廣告內(nèi)頁、招貼畫等產(chǎn)品主要的版式設(shè)計方法，如圖4-1-9所示。第一節(jié)版面的結(jié)構(gòu)設(shè)計第一節(jié)版面的結(jié)構(gòu)設(shè)計三、分割分割是指在版面中以設(shè)計效果為目的進(jìn)行的區(qū)域劃分，是版面結(jié)構(gòu)設(shè)計常用方法之一。1.水平分割水平分割是將整個版面分為上下兩個或多個部分，在分割好的某部分版面上編排圖片，在其他部分版面上編排文字。有圖片的部分版面充滿活力，而有文字的部分版面則顯得理性、靜止，如圖4-1-10所示。第一節(jié)版面的結(jié)構(gòu)設(shè)計2.垂直分割垂直分割是把版面分割為左右兩個部分，分別在版面左右兩邊編排文字或圖片。采用這種分割方式的版面，當(dāng)版面左右兩邊形成強弱對比時，會造成整個版面視覺上不平衡，不如采用上下分割的版面自然。此時，若將分割線虛化處理，或使文字左右重復(fù)或者穿插，在視覺上就會自然得多，如圖4-1-11所示。第一節(jié)版面的結(jié)構(gòu)設(shè)計第一節(jié)版面的結(jié)構(gòu)設(shè)計3.自由分割自由分割是無規(guī)則、不受限制地分割版面的一種方式，它不同于按數(shù)學(xué)規(guī)則分割，采用自由分割的版面可給人活潑、不受約束的感覺。版面采用自由分割編排時應(yīng)注意圖片大小、圖文的搭配，同時還應(yīng)考慮版面的疏密、均勻以及視覺效果等。自由分割的版面看似構(gòu)圖隨意、分散，其實包含著設(shè)計者的精心構(gòu)思與巧妙布置，整個版面要氛圍統(tǒng)一、色彩統(tǒng)一，如圖4-1-12所示。第一節(jié)版面的結(jié)構(gòu)設(shè)計第一節(jié)版面的結(jié)構(gòu)設(shè)計自由分割式版式設(shè)計將文字和圖片分散排列在版面上，視覺上雖然分散，但整個版面仍能給人以統(tǒng)一、完整的感覺。因此，進(jìn)行總體版式設(shè)計時，應(yīng)注重統(tǒng)一版面氛圍，要對色彩或圖形進(jìn)行相似處理，注重版面節(jié)奏、均衡、疏密等，避免雜亂無章，做到“形散而神不散”；同時，還要突出主題，版式設(shè)計要符合視覺流程規(guī)律，這樣才能獲得最佳的設(shè)計效果，如圖4-1-13所示。第二節(jié)版面的視覺流程第二節(jié)版面的視覺流程一、單向視覺流程1.水平視覺流程水平視覺流程版面是指按照人的一般閱讀習(xí)慣將圖片、文字從左至右或者從右至左排列的版面，如果版面左右兩端距離較短，瀏覽者的視線會沿版面水平方向左右移動，如圖4-2-1所示。第二節(jié)版面的視覺流程2.垂直視覺流程垂直視覺流程版面是指將圖片、文字等素材豎向排列，引導(dǎo)瀏覽者自上向下閱讀的版面。瀏覽者的視線會沿版面垂直方向上下移動，如圖4-2-2所示。第二節(jié)版面的視覺流程3.傾斜視覺流程傾斜視覺流程版面是指將版面主體形象或多幅圖做傾斜編排的版面，這種版面充滿動感和不穩(wěn)定感，能快速吸引瀏覽者的注意力，如圖4-2-3所示。第二節(jié)版面的視覺流程二、曲線視覺流程1.弧線視覺流程弧線視覺流程版面具有流動、動感、活躍的特點，弧線飽滿而富有張力，可以將瀏覽者視線穩(wěn)固在弧線中心位置，如圖4-2-4所示。第二節(jié)版面的視覺流程2.回旋視覺流程回旋視覺流程版面是指版面元素按“S”形排列的版面，這種版面舒緩、有韻律美，一般具有很好的版面層次感，如圖4-2-5所示。第二節(jié)版面的視覺流程三、重心視覺流程重心視覺流程版面是指表達(dá)重心是視覺中心的版面。視覺中心有穩(wěn)定版面的效果，版式設(shè)計時，可根據(jù)版面內(nèi)容主題來決定視覺中心的位置，以更好地傳遞版面信息，如圖4-2-6所示。第二節(jié)版面的視覺流程四、導(dǎo)向視覺流程1.指示導(dǎo)向視覺流程指示導(dǎo)向視覺流程版面是指具有導(dǎo)向性元素，可使瀏覽者按照導(dǎo)向閱讀的版面。如圖4-2-7所示，版面中的箭頭就起到了引導(dǎo)視覺，使瀏覽者沿著箭頭所指方向閱讀的作用。如圖4-2-8所示，鍋中番茄汁就是導(dǎo)向性元素，它的流向可引導(dǎo)瀏覽者的瀏覽方向。第二節(jié)版面的視覺流程第二節(jié)版面的視覺流程2.交叉導(dǎo)向視覺流程交叉導(dǎo)向視覺流程版面是指通過設(shè)計水平、垂直或者傾斜方向的圖形交叉以使瀏覽者視線集中在交叉點的版面，如圖4-2-9所示。第二節(jié)版面的視覺流程五、散點視覺流程散點視覺流程一般用于版面元素較多時，散點視覺流程版面是指將較多的版面元素用散點組合的排列方式進(jìn)行編排的版面，這種版面具有較強的親和力。如圖4-2-10所示，隨機擺放的版面元素能給瀏覽者以輕松、愉快的感覺，角落里的版面元素也能給瀏覽者驚喜。第二節(jié)版面的視覺流程六、反復(fù)視覺流程反復(fù)視覺流程版面是指將相同、相似的視覺元素進(jìn)行有規(guī)律、有秩序、有節(jié)奏地排列的版面，這種視覺流程可以增加畫面的節(jié)奏感與韻律感。如圖4-2-11所示，將一個圖案或圖形進(jìn)行重復(fù)排列，增強了版面主體的可識別性和版面的生動感，既能強調(diào)主題，加深瀏覽者的印象，又能使版面呈現(xiàn)較好的視覺效果。第二節(jié)版面的視覺流程PART05版式設(shè)計應(yīng)用第一節(jié)名片版式設(shè)計第二節(jié)ＤＭ廣告版式設(shè)計第三節(jié)報紙版式設(shè)計第四節(jié)招貼廣告版式設(shè)計第五節(jié)書籍版式設(shè)計第六節(jié)網(wǎng)頁界面版式設(shè)計第七節(jié)UI版式設(shè)計第一節(jié)名片版式設(shè)計第一節(jié)名片版式設(shè)計一、名片的概念名片又稱卡片，是標(biāo)示姓名，所屬組織、公司（單位）和聯(lián)系方法的紙片。雖然通過交換名片建立聯(lián)系的形式已逐步被用社交軟件聯(lián)系的形式取代，但是在部分場合，互換名片仍然是人與人之間互相認(rèn)識最快、最有效的方法。名片的版面組成一般包括企業(yè)名稱、地址、郵箱、姓名、職務(wù)、聯(lián)系方式等，如圖5-1-1所示。第一節(jié)名片版式設(shè)計第一節(jié)名片版式設(shè)計二、名片的尺寸名片按外形分類可分為標(biāo)準(zhǔn)名片、窄形名片、折疊名片、異形名片四大類，其中最常用的是標(biāo)準(zhǔn)名片和折疊名片。各類名片的尺寸如下：標(biāo)準(zhǔn)名片：方角名片尺寸為90mm×55mm（見圖5-1-2）；圓角名片尺寸為85mm×54mm。窄形名片：90mm×50mm、90mm×45mm。折疊名片：90mm×95mm、145mm×50mm。異形名片：形狀不固定，根據(jù)需要設(shè)計尺寸（見圖5-1-3）。在名片版式設(shè)計過程中，為了保證名片印刷成品的質(zhì)量，名片四周需要加上3mm的出血。第一節(jié)名片版式設(shè)計第一節(jié)名片版式設(shè)計第一節(jié)名片版式設(shè)計三、名片版式設(shè)計的程序1.確定持有者（1）了解名片持有者的身份、職業(yè)。（2）了解名片持有者所屬的企業(yè)及企業(yè)性質(zhì)、職能。（3）了解名片持有者及其所屬企業(yè)的業(yè)務(wù)范疇。第一節(jié)名片版式設(shè)計2.明確設(shè)計要求（1）具有視覺沖擊力和可識別性。（2）能顯示名片持有者的工作性質(zhì)和身份。

3.設(shè)計版面（1）設(shè)計名片版面構(gòu)圖。（2）設(shè)計名片版面標(biāo)題字體、正文字體等。（3）選擇名片版面色彩。第一節(jié)名片版式設(shè)計四、名片的版式名片的版面構(gòu)成元素相對簡單，其版式設(shè)計的主要目的是將名片持有者的姓名、職務(wù)、企業(yè)名稱及地址、聯(lián)系方式等信息清晰準(zhǔn)確地展示出來。名片的版式一般以橫版式及豎版式為主。橫版式是最常見、最穩(wěn)妥的名片的版式，采用這種版式會使人的視線從左向右移動，如圖5-1-4所示。第一節(jié)名片版式設(shè)計采用豎版式的名片也比較常見，采用這種版式容易集中人的視線，同時也方便人的視線從上向下移動，如圖5-1-5所示。圖5-1-5采用豎版式的名片版式分析：采用豎版式的名片，文字基本中央對齊，這張名片的字體顏色比較淡雅，降低了版面色彩對比度，顯得很和諧。第一節(jié)名片版式設(shè)計1.穩(wěn)定型構(gòu)圖穩(wěn)定型構(gòu)圖的特點是版面的主題及標(biāo)志在版面的中上部分，版面的下部分是輔助圖形或說明，標(biāo)志、主題、輔助圖形或說明各占一部分區(qū)域，如圖5-1-6和圖5-1-7所示。第一節(jié)名片版式設(shè)計圖5-1-7采用穩(wěn)定型構(gòu)圖的名片2版式分析：無論是采用橫版式的名片還是采用豎版式的名片，采用穩(wěn)定型構(gòu)圖都能使版面飽滿，給人穩(wěn)固的感覺。第一節(jié)名片版式設(shè)計2.中軸線型構(gòu)圖中軸線型構(gòu)圖是在版面中央設(shè)置一條中軸線，名片的主題、標(biāo)志、輔助說明以版面中軸線為基準(zhǔn)居中排列，如圖5-1-8和圖5-1-9所示。第一節(jié)名片版式設(shè)計第一節(jié)名片版式設(shè)計3.左右對分型構(gòu)圖左右對分型構(gòu)圖是一種標(biāo)志、文案左右對分的版面構(gòu)圖形式，這種版式設(shè)計方式可使標(biāo)志、文案被明顯區(qū)分開，如圖5-1-10所示。第二節(jié)ＤＭ廣告版式設(shè)計第二節(jié)ＤＭ廣告版式設(shè)計一、DM廣告的概念DM廣告直譯為“直接郵寄廣告”，即通過郵寄、贈送等形式，將宣傳品送到消費者手中。DM廣告本身不僅是廣告，也是媒體，是集廣告、媒體功能于一身的獨立廣告。不同類型的DM廣告如圖5-2-1所示。第二節(jié)ＤＭ廣告版式設(shè)計二、DM廣告的開本和尺寸DM廣告的開本、尺寸不定，一般最常用的開本是16開，單頁的尺寸通常是210mm×285mm，折頁的尺寸通常是210mm×190mm，其他大小的DM廣告的尺寸和外形在此基礎(chǔ)上變化。不同開本、尺寸的DM廣告如圖5-2-2所示。第二節(jié)ＤＭ廣告版式設(shè)計三、DM廣告版式設(shè)計的程序1.市場分析（1）徹底了解商品。（2）分析消費者的心理和習(xí)慣。（3）總結(jié)出消費者更容易接受的DM廣告的形式。第二節(jié)ＤＭ廣告版式設(shè)計2.確定創(chuàng)意（1）收集資料，獲取內(nèi)部及外部素材。（2）集思廣益，選擇別致、新穎的創(chuàng)意，確保DM廣告有足夠的吸引力和保存價值，以使消費者不舍得丟棄。（3）確定形式，DM廣告一般沒有固定的形式，可根據(jù)需要靈活設(shè)計。第二節(jié)ＤＭ廣告版式設(shè)計3.設(shè)計構(gòu)思（1）確定DM廣告的開本、尺寸。（2）選擇合理的折疊方式。（3）為DM廣告構(gòu)思一個具有感染力的主題口號。4.組織素材并進(jìn)行設(shè)計（1）選擇圖片并進(jìn)行搭配。（2）選擇合適的色彩，色彩選擇應(yīng)符合DM廣告主題，遵循色彩搭配的基本原則。第二節(jié)ＤＭ廣告版式設(shè)計四、DM廣告的版式1.滿版式滿版式是指圖片充滿版面的版式，采用這類版式的版面有較強、較鮮明的視覺沖擊力。進(jìn)行滿版式DM廣告設(shè)計時，可以規(guī)則地網(wǎng)格式劃分版面，也可以不規(guī)則地劃分版面，如圖5-2-3所示。第二節(jié)ＤＭ廣告版式設(shè)計2.產(chǎn)品中心式DM廣告不像其他平面類產(chǎn)品有嚴(yán)格的設(shè)計規(guī)則，DM廣告設(shè)計的重點在于如何將產(chǎn)品的廣告效果最大化，以達(dá)到促進(jìn)產(chǎn)品銷售的目的，因此有很多DM廣告是用大幅面的照片充滿版面，并將產(chǎn)品居中放在版面的中心位置，以有的放矢地刺激目標(biāo)消費者，如圖5-2-4所示。第二節(jié)ＤＭ廣告版式設(shè)計3.視覺引導(dǎo)式視覺引導(dǎo)式強調(diào)均衡設(shè)計，視覺引導(dǎo)是其基本特征。視覺引導(dǎo)式版式通過引導(dǎo)瀏覽者的閱讀方向，傳遞重點的信息，區(qū)分版面的輕重信息，使瀏覽者能夠準(zhǔn)確關(guān)注版面重點信息，如圖5-2-5所示。第二節(jié)ＤＭ廣告版式設(shè)計4.組合式組合式是將圖片與文字進(jìn)行有效組合，從而表現(xiàn)出創(chuàng)意和強烈的視覺沖擊力的版式。圖片與文字組合的形式具有多樣性，如圖5-2-6所示。第二節(jié)ＤＭ廣告版式設(shè)計5.自由式自由式就是設(shè)計時根據(jù)版面的圖像與文字內(nèi)容以及版面需要，以美觀、醒目、主題突出為原則，靈活設(shè)計的版式，如圖5-2-7、圖5-2-8所示。第二節(jié)ＤＭ廣告版式設(shè)計第三節(jié)報紙版式設(shè)計第三節(jié)報紙版式設(shè)計報紙是一種平面媒體，報紙版式設(shè)計的目標(biāo)是使瀏覽者能夠在最短的時間內(nèi)獲得最多信息，形式必須服從于功能。簡潔體現(xiàn)了現(xiàn)代報紙版式設(shè)計的外在特點，它符合現(xiàn)代社會的生活節(jié)奏和現(xiàn)代的審美觀念；易懂體現(xiàn)了現(xiàn)代報紙版式設(shè)計的內(nèi)在特點，即從瀏覽者的角度出發(fā)，為瀏覽者服務(wù)，體現(xiàn)人性化。如圖5-3-1所示，這兩個版面簡潔、易懂的視覺化版式設(shè)計，符合瀏覽者的閱讀習(xí)慣，信息傳播效果顯著。一、報紙版式設(shè)計的概念第三節(jié)報紙版式設(shè)計第三節(jié)報紙版式設(shè)計報紙的開本主要有2開、4開兩種。我國2開報紙尺寸一般為780mm×550mm，其版心尺寸一般為350mm×490mm×2；它通常分為8個基本欄，采用橫排版與豎排版的內(nèi)容所占版面的比例約為8∶2。4開報紙的尺寸一般為540mm×390mm，其版心尺寸一般為490mm×350mm。二、報紙的開本第三節(jié)報紙版式設(shè)計報紙的生產(chǎn)由多道工序組成，包括策劃、編稿和組版三部分。策劃是指報紙形式和報紙內(nèi)容的策劃；編稿是指分析與選擇稿件、修改稿件和制作標(biāo)題；組版是指配置版面內(nèi)容和設(shè)計報紙版式。報紙的版式設(shè)計就屬于組版的范疇。1.安排稿件（1）確定稿件的內(nèi)容和字?jǐn)?shù)，判斷稿件新聞的重要程度。（2）分別確定稿件排版后所占版面面積、圖片的大小并分配好稿件和圖片的位置。（3）勾畫版面的草圖。三、報紙版式設(shè)計的程序第三節(jié)報紙版式設(shè)計2.美化版面（1）通過題文、圖文配合，以及長短塊、大小標(biāo)題、橫豎排列等設(shè)計進(jìn)行版面調(diào)整。（2）變化字體、字號、線條，使用花框、底紋、題花等進(jìn)行點綴。（3）運用色彩搭配和留白等設(shè)計方法對版面進(jìn)行外觀美化和修飾。第三節(jié)報紙版式設(shè)計報紙的版式設(shè)計一定要遵循“主次分明、條理清楚，既有變化，又有統(tǒng)一”的原則，要恰當(dāng)?shù)亓舭资睾?，靈活地運用灰色，通過對黑、白、灰的巧妙安排（主要指照片、題圖、插圖、底紋之間的色調(diào)搭配），打造張弛有度、疏密有致、有輕有重的版面節(jié)奏。四、報紙的版式第三節(jié)報紙版式設(shè)計1.長欄長欄是將基本欄整數(shù)倍合并的欄，如二合一、三合一等，如圖5-3-2和圖5-3-3所示。第三節(jié)報紙版式設(shè)計2.破欄破欄是在欄數(shù)有二欄以上的版面上，文字或圖表排列的寬度是一排整倍數(shù)于基本欄的欄，如五破三、三破二等，如圖5-3-4和圖5-3-5所示。第四節(jié)招貼廣告版式設(shè)計第四節(jié)招貼廣告版式設(shè)計招貼廣告又稱海報、宣傳畫，是現(xiàn)代廣告中使用最頻繁、最廣泛、最便利、最快捷和最經(jīng)濟(jì)的傳播手段之一，現(xiàn)代的招貼廣告不但具有使用價值——傳播信息，還具有極高的藝術(shù)欣賞價值和收藏價值?，F(xiàn)代招貼廣告最主要的特征是能在瞬間吸引瀏覽者并引起其心理上的共鳴，將信息迅速、準(zhǔn)確地傳遞給瀏覽者。創(chuàng)意是招貼廣告的生命和靈魂，是其核心所在，它能使招貼廣告主題突出并具有