版式設計應用第一節(jié)PPT（幻燈片）版式設計第二節(jié)名片版式設計第三節(jié)DM廣告版式設計第四節(jié)報紙版式設計第五節(jié)招貼廣告版式設計第六節(jié)網站界面版式設計第七節(jié)書籍版式設計學習目標掌握PPT（幻燈片）版式設計的程序及方法。掌握名片版式設計的程序及方法。掌握DM廣告版式設計的程序及方法。掌握報紙版式設計的程序及方法。掌握招貼廣告版式設計的程序及方法。掌握網站界面版式設計的程序及方法。掌握書籍版式設計的程序及方法。第一節(jié)PPT（幻燈片）版式設計一、PPT（幻燈片）的概念及組成

PPT即幻燈片，是PowerPoint的簡稱，是一種演示文稿圖形程序。PPT（幻燈片）應用很廣，如教學課件、工作匯報、企業(yè)宣傳、產品推介、婚禮慶典、項目競標、管理咨詢等。一套完整的PPT文件一般包含片頭動畫、PPT封面、目錄、過渡頁、圖表頁、圖片頁、文字頁、封底等，所采用的素材有文字、圖片、圖表、動畫、聲音、影片等。封面頁目錄頁過渡頁圖表頁1文字頁圖表頁2圖表頁3結束頁第一節(jié)PPT（幻燈片）版式設計二、PPT（幻燈片）的開本尺寸

PPT（幻燈片)一般用屏幕顯示，因此符合計算機屏幕顯示比例即可，默認比例為4：3，尺寸為寬度25.4cm，高度19.05cm?；脽羝叽邕€有如下幾種：PPT（幻燈片）頁面尺寸

三、PPT（幻燈片)的設計程序1.確定觀眾

(1)找準觀眾，并且對觀眾的基本情況進行定位。

(2)找準觀眾的關注點，了解觀眾關注的核心內容。

(3)考慮PPT（幻燈片）演示的場合。

2.制作母版頁面

(1)搜集資料，獲取內部及外部素材。

(2)根據需要設計母版頁面。3.整體構思

(1)根據具體內容確定總體頁數。

(2)字體設計，包括標題字體，內文字體等。

(3)結構設計，包括封面、引言、目錄、內容頁、總結、封底等。三、PPT（幻燈片)的設計程序

4.組織素材并進行設計

(1)根據內容確定圖片。

(2)組織數據。

(3)創(chuàng)建文字，一般在6行以內。

5．版式美化設計

(1)圖片。

(2)配色。

(3)形狀。

(4)文字。

6.動畫效果制作

7.演示四、PPT（幻燈片)的版式構圖

幻燈片的版式構圖通常有標準型，左、右翼型，中心型，交叉型，全圖型等。

1.標準型

標準型構圖方式是最常見的，是簡單而規(guī)則的版面構圖方式，自上而下的排列符合人們認識的心理順序和思維活動的邏輯順序，能夠產生良好的閱讀效果。版式分析：幻燈片為《新媒體藝術節(jié)活動》匯總材料封面，考慮到演示地點為官方正式場合，因此使用標準型版式構圖。版面大方、現代、富有科技感且讓人可以清晰地觀看。母版的設計為主辦方的標志在最上方，自上而下依次闡述主體及承辦單位名稱，最下方配有藍色漸變色條，象征豐富的新媒體活動及亮點，也是現代新媒體技術的發(fā)展方向。標準型構圖2.左、右翼型

左、右翼型構圖方式也是一種常見的版面構圖方式，將縱長形圖片放在版面的左側或右側，使之與橫向排列的文字形成有力的對比，符合人們的視線流動順序。版式分析：幻燈片為《Howtoheargodspeak》課程推廣封面，左翼型版式構圖，版面左側的人物圖片大膽裁剪，具有時尚感，右側標題文字采用斜線處理，英文字體簡潔，整體色彩協(xié)調、鮮亮，打造出現代、時尚、年輕、活力的產品風格。左翼型構圖版式分析：幻燈片是《普尚》風時裝設計的提案，版面以該系列時裝的傳統(tǒng)中式風格相同，將臉譜中的紅黑色系作為幻燈片的色系，背景是傳統(tǒng)的中國紋樣，中文字體部分也是中規(guī)中矩的黑體字，有的版面文字搭配黑底色做反白處理。整套幻燈片版面大方、厚重、清晰，將設計師的設計風格與表現形式利用版式設計語言很好地展現在受眾眼中。右翼型版式構圖設計運用非對稱的網格處理，實際上封面的主題是在居中位置，吸引觀眾的注意力。右翼型構圖3.中心型

中心型構圖方式將重要的元素擺放在版面相對中心位置，首先將人的注意力吸引，突出重點，其他元素在周邊的呼應，使版面平衡、穩(wěn)定。版式分析：幻燈片為《視覺傳達設計中的中國元素》課件的封面，使用中心型版式構圖，將主體的圖案和標題居中處理，四周只有底色，突出主題的地位。顏色是切合主題的中國色彩紅色系，高貴、傳統(tǒng)，底紋圖案為暗紅色襯托主題，并與主題白色形成鮮明的對比，具有強烈的視覺沖擊力。中國元素采用印章效果，也為幻燈片的封面增添了亮點。中心型構圖4.交叉型

交叉型構圖方式將圖片與標題進行疊置，既可交叉成十字形，也可做一定傾斜，增加版面的層次感。版式分析：幻燈片為某時裝品牌分析報告，頁面主要針對服裝面料進行分析，圖片居多，采用交叉型版式構圖設計，對圖片進行處理重組，打破循規(guī)蹈矩的方式，突出重點和主體，版面形成豐富的層次和對比。交叉型構圖（設計師：馬櫟）5.全圖型

全圖型構圖是依靠占據整個版面來提升視覺沖擊力，可以是整張人物形象圖片也可以是創(chuàng)意所需要的特寫場景，在圖片適當位置直接加入標題、說明文或標志圖形。版式分析：以單元格的形式占據版面的四周，主要是為了將標題文字加在中央適當的位置，可以提升版面的使用效率，多傳遞信息，也是一種不錯的全圖型構圖方式選擇。全圖型構圖第二節(jié)名片版式設計一、名片的概念及組成名片，又稱卡片，是標示姓名及其所屬組織、公司單位和聯(lián)系方法的紙片。名片是新朋友互相認識最快、最有效的方法。名片的版式組成一般包括企業(yè)名稱，個人的姓名、地址、職務、電話號碼、郵箱等。名片的版式組成二、名片的開本尺寸名片的外形可分為標準名片、窄形名片、折疊名片、異形名片四大類。標準名片：方角為90mm×55mm；圓角為85mm×54mm。窄形名片：90mm×50mm、90mm×45mm。折疊名片：90mm×95mm、145mm×50mm。異形名片：形狀不固定，根據需要進行設計其中最常用的是標準名片和折疊名片。在名片設計過程中，為了保證名片印刷成品的質量，設計時每邊需要加上3mm的出血。標準名片異形名片

三、名片的設計程序1.確定持有者

(1)了解名片持有者的身份、職業(yè)。

(2)了解名片持有者的所屬單位及其性質、職能。

(3)了解名片持有者及所屬單位的業(yè)務范疇。

2.構思

(1)構思是否具有視覺沖擊力和可識別性。

(2)構思是否能顯示媒介主體的工作性質和身份。

(3)構思是否新穎、特別。

(4)構思是否符合持有人的業(yè)務特性。3.設計定位

(1)設計構圖。

(2)字體設計，標題字體，內文字體等。

(3)色彩選擇四、名片的版式構圖

名片的構成要素相對簡單，主要目的在于將名片持有者的姓名及職務、單位及地址、通信方式、業(yè)務領域等信息清晰準確地顯示出來。名片的構圖一般以橫版式及豎版式居多，還包括穩(wěn)定型、中軸線型、不對稱軸線型、左右對分型、個性化等方式。其中，橫版式和豎版式構圖是基礎類型，其他幾種構圖方式均可以應用于橫版式和豎版式構圖中。四、名片的版式構圖

1.橫版式

橫版式構圖是最常見、最穩(wěn)妥的構圖形式，是一種強固構圖，這種構圖形式會使人的視線從上向下流動。版式分析：橫版式的名片居多，主題配有白色底紋襯托英文標題，由于名片為英文字母，所以顯得大方、簡潔。橫版式構圖四、名片的版式構圖

2.豎版式

豎版式構圖也比較常見，容易將人的視線集中，同時也方便視覺從上向下移動。版式分析：豎版式的名片也較多，文字基本中央對齊，值得一提的是，這張名片的顏色雖然采用補色紅和綠，但色調都比較暗，降低了對比度，顯得很和諧。豎版式構圖四、名片的版式構圖

3．穩(wěn)定型

穩(wěn)定型構圖的特點是畫面的主題及標志在畫面的中上部，下部是輔助說明文案，標志、主題、輔助圖形或說明文案各有區(qū)域分割。穩(wěn)定型構圖1四、名片的版式構圖

3．穩(wěn)定型版式分析：豎無論是橫版式還是豎版式，穩(wěn)固型名片都能充滿版面，給人穩(wěn)固的感覺。穩(wěn)定型構圖2四、名片的版式構圖

4.中軸線型

中軸線型構圖是在畫面中央設置一條中軸線,名片的主題、標志、輔助說明文案以中軸線為準居中排列。版式分析：中軸線型構圖也可以說是對稱型，一般是比較正規(guī)嚴肅的企業(yè)的名片設計。四、名片的版式構圖

5．不對稱軸線型

不對稱軸線型構圖的特點是名片的主題、標志、輔助說明文案都排在縱線的一側，習慣上把主題、標志、輔助說明文案排在軸線的右邊，一律向左看齊，也可以反過來向右看齊，而畫面還形成一種平衡。版式分析：不對稱軸線型名片設計，增添了版面的活躍氣氛，一般可以作為娛樂休閑企業(yè)機構的名片設計。四、名片的版式構圖

6．左右對分型

左右對分型是一種標志、文案左右對分的構圖方式，從而使標志、文案具有明顯的區(qū)分度。版式分析：考慮到行業(yè)的屬性，要制造出文化氣息濃重的傳統(tǒng)視覺效果，因此所有元素都考慮到傳統(tǒng)的風格，構圖較有穩(wěn)妥的感覺，文字采用傳統(tǒng)的隸書變形，顏色采用傳統(tǒng)敦煌色系，配中國傳統(tǒng)筆墨手法做圓點。左右對分型構圖（設計師：陳慶柱）四、名片的版式構圖

7．個性化

個性化構圖是在規(guī)則構圖形式的基礎上增加獨特、另類、擁有自己特質的需要，獨具一格，打造一種與眾不同的效果。版式分析：工美校園電視臺名片，內容及構圖都比較新穎，將團隊成員作為文案內容，版式采用四周型設計，突出名片中心信息。個性化構圖第三節(jié)DM廣告版式設計一、DM廣告的概念

DM是英文DirectMailadvertising的省略表述，直譯為“直接郵寄廣告”，即通過郵寄、贈送等形式，將宣傳品送到消費者手中、家里或公司所在地。

DM廣告本身不僅是廣告，也是媒體，是兼具廣告、媒體于一身的獨立廣告。不像報刊、招貼等那樣會受到版面、印刷、紙張、媒體、規(guī)格的限制，DM廣告的版面大小、色彩、印刷、紙材都可以自由地設計選用，因此形式種類多樣，可以是產品傳單、產品折頁、宣傳小冊、請柬、卡片等形式。不同類型的DM廣告二、DM廣告的開本

DM廣告的開本大小不定，一般最常用的尺寸是16開，210mm×285mm，折頁的尺寸通常以210mm×190mm為主，具體尺寸和外形在此基礎上改變，形成差異，使人更容易接受。不同開本尺寸的DM廣告

三、DM廣告的設計程序1.市場分析

(1)徹底了解商品。

(2)分析消費者的心理習性和規(guī)律。

(3)分析DM廣告容易接受的設計形式。

2.精彩創(chuàng)意

(1)搜集資料，獲取內部及外部素材。

(2)集思廣益，選擇別致、新穎的創(chuàng)意，確保有足夠的吸引力和保存價值，從而使消費者不舍得放棄。

(3)確定設計形式，DM廣告一般少有固定的法則，可根據情況靈活設計。3.整體構思

(1)規(guī)格選取。

(2)折疊方式。

(3)主題口號。

4.組織素材并進行設計

(1)組織圖片并進行選擇配圖。

(2)考慮色彩印象，應符合主題和色彩搭配的基本要求。

第三節(jié)DM廣告版式設計四、DM廣告的版式構圖

在DM廣告的版面整體安排中，主要的部分必須突出表示，次要的部分則應充分起到襯托主題的作用，以烘托畫面氣氛。DM廣告的版式構圖方式較為多樣化，色彩和構圖相互依存，常見的有滿版式、產品中心式、視覺引導式、組合式、自由式等多種構圖方式。DM廣告版式構圖沒有固定的形式，主要根據具體的圖像與位置安排內容，以美觀、醒目、主題突出為原則，加以靈活運用。四、DM廣告的版式構圖

1.滿版式

滿版式構圖是構圖內容充滿版面，形成較強、較鮮明的視覺沖擊力。滿版式構圖中可以是規(guī)則的網格式劃分，也可以是不規(guī)則的畫面。版式分析：主體文字Iam1/38，班級共有人數38人，自己是1/38。班級標志字母“VR”，設計者將字母利用色彩構成原理無限復制旋轉，采用滿版式構圖，對比強烈，整個畫面顯得充滿活力。班級宣傳DM卡片滿版式構圖（設計師：陳陽）版式分析：主體文字兒童用品店玩具促銷宣傳廣告，內容表達明確、清晰，通過規(guī)則網格劃分，用圖片和文字充滿版面，有適當的留白，個別產品的圖片錯位擺放，形成節(jié)奏和韻律，也刺激兒童的眼球。兒童用品店玩具DM廣告滿版式構圖四、DM廣告的版式構圖

2.產品中心式

DM廣告的設計形式不像其他平面類產品有嚴格的規(guī)則，重點在于如何將產品的廣告效果最大化，以達到促銷的目的，因此有很多DM廣告單用大幅面的照片充滿版面，而將產品居中在版面的中心位置，有的放矢地刺激目標對象。版式分析：以圖片為主形成滿版式，為版面創(chuàng)造一種環(huán)境氣氛，產品在很接近中央的位置，突出重點，使產品顯得更加優(yōu)雅、高貴。產品中心式構圖（設計師：陳陽）四、DM廣告的版式構圖

3.視覺引導式

視覺引導式構圖基本以均衡設計為主，視覺引導是其基本特征。通過引導人們閱讀順序，傳達信息的重點，區(qū)分頁面的輕重關系，使人們能夠準確關注設計重點。版式分析：以圖片、色塊、性狀等指向文字，用文字引導信息，自上而下地引導主題，相輔相成，重點突出，主題明確。視覺引導式構圖（設計師：陳陽）四、DM廣告的版式構圖

4.組合式

組合式構圖是將圖像和文字進行有效組合，要表現出新穎的創(chuàng)意和強烈地視覺沖擊力，組合形式多樣。版式分析：文化類卡片采用傳統(tǒng)紋樣的組合式設計，烘托出該卡片的文化特色，紅色是中國傳統(tǒng)色，與黑色搭配，是傳統(tǒng)組合。圖形與圖形的組合，顏色的組合，文字與圖形的組合，都是此卡片的亮點。組合式構圖（設計師：陳陽）四、DM廣告的版式構圖

5.自由式

自由式構圖就是根據具體的圖像與文字內容以及版面需要，以美觀、醒目、主題突出為原則，靈活運用。版式分析：文化類同是餐飲類卡片，目的在于抓住品牌的賣點，推廣品牌，所以自由式設計效果會更好。自由式構圖1（PIZZA店）自由式構圖2（火鍋店）第四節(jié)報紙版式設計一、報紙版式設計的概念及組成

現代社會是信息爆炸的社會，是各種傳媒競爭白熱化的社會，報紙僅是一種平面媒體形式，使讀者能夠在最短的時間內獲得最多的信息，“形式必須服從于功能”，因此“簡潔、易懂”是現代報紙設計最為突出的特點。簡潔體現了現代設計的外在特點，符合現代社會的生活節(jié)奏和現代的審美觀念；易讀體現了現代設計的內在特點，即從人的因素出發(fā)，為讀者服務，體現人性化的特征。一、報紙版式設計的概念及組成

報紙版式設計離不開版面構成要素，包括報頭、報眼、版心、報線、報眉、中縫、頭條、導讀等。報紙版面構成要素二、報紙的開本

目前各國報紙的幅面主要有對開、四開兩種。我國的報紙幅面為780mm×550mm，版心尺寸為350mm×490mm×2，通常分為8欄，橫排與豎排所占的比例約為8：2。四開報紙的幅面尺寸為540mm×390mm，版心尺寸為490mm×350mm。

三、報紙的設計程序1.安排稿件

(1)根據稿件的內容和字數以及稿件的新聞性和重要程度劃分文章主次。

(2)確定文稿、圖片的大小以及所處的位置。

(3)勾畫版面的草圖。

2.美化版面

(1)通過題文、圖文配合，以及長短塊、大小標題、橫豎排進行安排調整。

(2)進行對字體、字號、線條的變化和花框、底紋、題花的點綴。(3)色彩運用和空白處理等方法進行外觀美化和修飾。

報紙的生產由多道工序組成，包括策劃、編稿和組版三部分。

策劃是指報紙的策劃和報道的策劃；編稿是指分析與選擇稿件、修改稿件和制作標題；組版是指配置版面內容和設計報紙版面。報紙的版式設計就屬于組版的范疇。四、報紙的版式構圖

報紙的版面在設計中一定要遵循“主次分明、條理清楚、既有變化，又有統(tǒng)一”的原則，恰當地留白守黑，靈活地運用灰色，通過對黑、白、灰的巧妙安排（主要指照片、題圖、插圖、底紋之間的色調關系），從而形成一種張弛有度、疏密有致、有輕有重的節(jié)奏。四、報紙的版式構圖1.長欄

長欄的寬度為基本欄的整數倍，如二合一、三合一。版式分析：報紙為通版設計，內容為時尚服裝類報紙，為偶數欄，有些配圖占兩欄。長欄設計1（設計師：劉柳）版式分析：《人民日報》是一份很正式的黨報，欄數為奇數欄，文字整體編排，配圖也嚴格按照文字欄數劃分版面。

報紙為頭版面，用色也是很正式的紅色，字體為黑體字，嚴肅、莊重。長欄設計22.變欄

變欄的寬度為基本欄的非整數倍，如五化三、三化二。版式分析：一份關于舞蹈的文藝報紙的版面，欄數明顯不固定，版面也比較靈活，有舞蹈中跳躍的感覺。變欄設計1變欄設計2版式分析：一份針對學生英語學習的學習報紙的一張版面，雖然也有明確的分欄，但是由于英語習題的需要，板塊部分出現變欄的現象，但不影響整體版面規(guī)律，配圖也與文章版塊匹配。版面中用色為粉色底色和灰色底色，不影響英語文字的清晰性。第五節(jié)招貼廣告版式設計一、招貼設計的概念及特點

招貼又稱海報及宣傳畫，是現代廣告中最頻繁、最廣泛、最便利、最快捷和最經濟的傳播手段之一，現代的招貼設計不但具有傳播的使用價值，還具有極高的藝術欣賞性和收藏性。

現代招貼最主要的特征之一是在瞬間吸引眼球并引起心理上的共鳴，將信息迅速準確地傳達給讀者。同時，創(chuàng)意就是招貼的生命和靈魂，是核心所在，能使招貼的主題突出并具有深刻的內涵。一、招貼設計的概念及特點

招貼按內容主要分為商業(yè)招貼和文化招貼兩大類型。商業(yè)招貼主要以促銷商品、滿足消費者的需要等內容為題材，被廣泛地應用。文化招貼以社會公益性問題為題材，如環(huán)保、戒煙等內容。無論是商業(yè)招貼還是文化招貼，都應該具有招貼本身的廣泛、迅速、準確、簡捷地向大眾傳播信息的共性。文化招貼商業(yè)招貼二、招貼設計的開本

在國外，招貼的大小有標準尺寸。按英制標準，招貼中最基本的一種尺寸是30英寸×20英寸(508mm×762mm)，相當于國內對開紙大小，依照這一基本標準尺寸，又發(fā)展出其他標準尺寸：30英寸×40英寸、60英寸×40英寸、60英寸×120英寸、10英寸×6.8

英寸和10英寸×20英寸。二、招貼設計的開本在國外，大尺寸招貼是由多張紙拼貼而成，如最大標準尺寸10英尺×20英尺是由48張30英寸×20英寸的紙拼貼而成的，相當于我國24張全開紙大小。專門吸引步行者看的招貼一般貼在商業(yè)區(qū)、公共汽車候車亭和高速公路等區(qū)域，并以60英寸×40英寸大小的招貼為多。商業(yè)戶外大幅面招貼二、招貼設計的開本貼在公共信息墻和廣告信息場所的招貼（如倫敦地鐵車站的墻上）以30英寸×20英寸的招貼和30英寸×40英寸的招貼為主。招貼多數是用制版印刷方式制成的，在公共場所和商店內外張貼，所以尺寸可以根據所張貼處的面積及需要制定，在設計時應注意圖片分辨率，噴繪要求72dpi，印刷要求300dpi，以保證圖片的質量。公益室內中型招貼

三、招貼設計的程序1.分析規(guī)劃

(1)確定類別和表達內容。

(2)進行社會調查與市場調研。

(3)制訂計劃。

2.確定方案

(1)創(chuàng)意構思。

(2)選擇元素符號。

(3)確定最佳方案。

3.制作與完善成品

四、招貼的版式構圖

關于招貼設計的構圖方式要把握幾點法則，即簡潔、夸張、沖突、直率。簡潔對所有媒體來說都需要，但招貼更需要簡潔，主題需要做到突出、焦點集中、內容豐富。運用夸張、幽默、特寫等表現手段來揭示主題，明確消費者的心理需求。招貼的版式構圖分為以下幾種類型。四、招貼的版式構圖1.線條型

在線條型構圖中，水平的線條給人開闊、平靜的感覺；垂直的線條給人嚴肅、莊重、靜寂的感覺。版式分析：簡潔的英文字母構成招貼的橫線條式構圖版式，給人以靜的感覺，色彩使用漸變色最終與背景一起消失，同時給人以想象的空間。橫線式構圖版式分析：作品一系列3張以火柴為元素，分別組成了房子、床和窗簾。借用生動的形象為人們展示出身邊的一些物品其實都是可以引燃的。告誡人們危險就在身邊，防范引燃要從身邊的小事開始注意。

作品中借用的形象在畫面中形成垂直線條的視覺效果，作品1和作品2采用上下構圖并合理地在畫面中留白，主體在作品底部使招貼具有穩(wěn)重感，圖形底部部分留白使其在穩(wěn)重的同時具有透氣性，上部橫排字體起到畫龍點睛的作用，在點名主題的同時均衡畫面的平衡感。

作品3采用左右對稱結構，使畫面具有強大的沖擊力，中間的豎排字體，在點明主體的同時起到分割線的作用，增強畫面形式感。豎線式構圖（設計者：尹源）四、招貼的版式構圖2.三角型

三角型構圖給人堅實、穩(wěn)定的感覺，延展還包括梯形等構圖形式，都可以起到支撐畫面的作用。版式分析：在當今文化國際化的同時，文化也有被同化的趨勢。我國是個文化進口大國，在吸收國外先進文化的同時，請不要把本國的本土文化遺忘掉。

文字是主要構成元素，與本土文化有關的元素有序擺放在“本”字的范圍內，豐富畫面。三角型構圖1（設計師：何勁松）版式分析：公益招貼，利用一杯水里面的形式營造整個招貼的氣氛和寓意，整體的構圖形式采用三角型構圖的延展式構圖方式，杯子倒梯形的形狀充滿整個畫面，飽滿、充實地支撐整個畫面。三角型構圖2四、招貼的版式構圖3.圓型

圓型構圖具有時尚、內向、親切、圓滿甚至神秘的感覺。版式分析：這幅商業(yè)電影海報巧妙地使用圓形弧形造型，將圖片灌入造型中，并合理留白，在畫面的彩色中起到調和的作用，有張有弛，并形成一定的韻律。圓型構圖1版式分析：巧妙地將圖片放入圓形造型內，聚焦人的視覺，增強視覺沖擊力。圓型構圖24.曲線型

曲線型構圖具有強烈的不穩(wěn)定感，生動活潑。版式分析：這幅特殊并有代表性的材料，用擬人的手法來表現反映我們的世界已遭到了嚴重的破壞，通過白色泡沫和黑色垃圾袋的擬人的拼貼與手繪的結合，去展示我們的生活沒有那么美好，馬路上充滿了刺鼻的氣味，海洋里奄奄一息的動物……原來那么美好的世界將不復存在。向世人警示：我們生存的環(huán)境已經再也禁不起我們無休止的破壞與浪費，呼吁大家共同找回原來的世界，保護并珍惜資源。版式上有節(jié)奏感，擁有跳動的旋律。顏色的對比強烈，藍與黑、綠與白。曲線型構圖1版式分析：畫面用一只眼睛作為創(chuàng)意點，并且利用眼睫毛的曲線活躍了畫面的氣氛，是這幅招貼的經典所在。曲線型構圖25.個性化

因為招貼是在遠處發(fā)揮強烈的傳達作用，所以個性化招貼利用主題的創(chuàng)意點調動夸張、幽默、特寫、逆向思維等表現手段來揭示主題，并創(chuàng)造出超越一般構圖形式的視覺沖擊力。版式分析：畫面主體人物與房子背景的比例與真實相反，臉部運用夸張技法裝飾花紋，整個版面出現逆向思維模式，畫面產生視覺沖擊力。個性化構圖1版式分析：兩畫面主體物運用夸張的技法，形成對比，吸引受眾的眼球。達到個性化的表現效果。個性化構圖2第六節(jié)網站界面版式設計一、網站界面設計的概念及組成

網站界面是用戶和互聯(lián)網產生接觸的第一個窗口,對于互聯(lián)網產品的用戶體驗以及訪問量、注冊量、銷售額甚至成本等都有至關重要的影響。

網站界面設計是指在有限的屏幕空間里，將網頁中的文字、圖像、動畫、音頻、視頻等元素組織起來，按照一定的規(guī)律和藝術化的處理方式進行編排和布局，形成整體的視覺形象，達到有效傳遞信息的最終目的。第六節(jié)網站界面版式設計一、網站界面設計的概念及組成

網頁界面設計中所指的構圖方式，是將Head（題圖部分）、Body（主體）、Nav（導航）、Footer(頁腳/版權區(qū)域)在界面上進行組合，給人最直觀感受的頁面框架與構造，形成不同的風格。

網頁設計決定了網頁的設計風格和個性特征，并以視覺配置為手段影響著網頁頁面之間導航的方向性，以吸引讀者的注意，增強網頁內容的表達效果。二、網站界面設計的尺寸

網站界面設計的版面尺寸沒有固定的標準，它與顯示器的大小及分辨率有關，設計時要根據具體情況而定。一般分辨率在800像素×600像素的情況下，將網頁的寬度設置在778像素以內，就不會出現水平滾動條，高度則視版面和內容而定。

如果分辨率在1024像素×768像素的情況下，則將網頁的寬度保持在1000像素，如果滿框顯示的話，高度為612~615像素，就不會出現水平滾動條和垂直滾動條，高度則視版面和內容而定，為保證在任何屏幕下都能完全顯示，分辨率也可以設置寬度為1440像素，高度視網頁需要而定。

三、網站界面設計的程序1.分析定位

主要根據客戶的要求以及具體網站的性質來確定設計的風格，進行綜合分析之后確定設計思路。

2.設計構思

(1)構思設計網站的進入界面、首界面以及二級、三級界面。

(2)根據客戶所提供的圖片、文字、視頻等內容進行大致位置的規(guī)劃，設計版面布局。

3.方案設計

綜合考慮版式色彩、構圖等因素，制作出平面稿。

4.網頁切割

確定平面設計方案后，將版面中的圖片進行合理切割，以保證網站瀏覽的速度。

5．網頁后臺制作當所有的設計程序完成之后，進行圖片鏈接及交互設計，最終完成網頁設計。四、網站界面版式構圖

網站界面版式設計上有很多種布局類型，如“T”字型、“國”字型、“口”字型、“三”字型布局以及其他一些個性化布局等。1.“T”字型

“T”字型布局頁面結構清晰，主次分明，頂部為橫條網站標志+廣告條，下方左面為主菜單，右面顯示內容的布局，整體效果類似英文字母“T”。版式分析：高檔女裝服飾網站，將內容分成整齊的版塊拼合成“T”字型，簡單而有規(guī)律，顯現品牌的高檔性，版面中用色是調和色，主圖采用黑白攝影圖像，全部顯示出網頁設計的低調、奢華的內涵?！癟”字型布局2.“國”字型

“國”字型也可以稱為“同”字型，其特點：網頁的最上面是網站的Logo（標志）、Banner（橫幅廣告條）和導航欄，中間是當前網頁的主要內容（通常被分成大小不等的三列，其中中間的一列用來放置當前網頁的主體內容），最下面是網站的版權聲明等信息。版式分析：采用“國”字型布局處理，既大方又得體，因此，很多官方正式網站都采用這種結構布局?！皣弊中筒季?.“口”字型

“口”字型布局中間是主要內容，頁面充實、內容豐富、信息量大，是綜合性網站常用的版式，特別之處是四周會有小圖標活躍氣氛。使用此類版式的有多維游戲娛樂性網站或藝術型網站。版式分析：紐約現代藝術博物館，藝術型網站，將界面劃分為大塊，配圖也很講究，主界面的導航充滿界面底部，并搭配紅色通版色條，整體簡潔、大方，富有現代感?！翱凇弊中筒季?.“三”字型

“三”字型這種布局多用于國外網站，國內用得不多，其特點是頁面上橫向的兩條色塊將頁面整體分割為4個部分，色塊中大多放廣告條。版式分析：“三”字型布局比較時尚、簡潔，本網站采用玫瑰色塊處理，鮮明、時尚?！叭弊中筒季?.斜線分割型

斜線或者說是斜著的物體，似乎天生有一種張力，在網頁設計中也是如此，而在這里所表現的為視覺的張力，是種視覺心理上的延伸力而非物理上的。當頁面過于平均，毫無亮點時，打破通體的平均尤為重要。打破平均的方式有很多，而斜線分割則是一種常用的方法。版式分析：北京工藝美術博物館的數字博物館，關于雜件類型的二級界面，為了全面、簡潔地展示產品，采用斜切構圖，和諧的對比色，大方、鮮明。斜線分割型布局（設計師：趙晶、陳逸墨、任媛媛、鄭旭、邵文、崔雪等）6.海報型

海報型布局就像平時見到的海報一樣，中間是一幅很醒目、設計非常精美的圖片，周圍點綴著一些圖片和文字鏈接。這種設計常用于一些時尚類和公司的首頁，非常吸引人。版式分析：巧妙地運用人腦的造型，并利用思維的隱形線，將界面設計成海報的形式，很巧妙。頁面布局像一張宣傳海報，以一張精美圖片作為頁面的設計中心。常用于時尚類站點，優(yōu)點顯而易見：漂亮，吸引人。海報型布局7.個性化

個性化頁面布局也是一些專題性網站的需要，是在規(guī)則布局的基礎上增加獨特、另類、獨具一格的元素，打造一種與眾不同的效果。版式分析：大膽運用幾何形，作為頁面的主要構成框架，配合相同幾何形底紋，整體簡潔、大方，是現代界面設計的趨勢。個性化布局1（設計師：孫銘潞）版式建議：政府網頁，其文字具有莊重和規(guī)范的特質，字體造型規(guī)整而有序，簡潔而大方。個性化布局2（設計師：劉豐源）版式建議：這是飲食類網站，構圖比較自由，目的在于展現食物的特性，激發(fā)人們的食欲。個性化布局3版式建議：個性類網站，整個版面有清新的感覺。將界面劃分為大塊，配圖也很有個性，并搭配灰色通版色條，整體淡雅、大方、現代、輕松。結合個人的性格特點及追求，別出心裁，給人一種強烈、獨特的印象。個性化布局4版式建議：個性類網站公司網頁，可根據行業(yè)性質、企業(yè)理念或產品特點，追求某種富有活力

的字體編排與設計。將公司產品的內容用有個性的造型及色塊進行裝飾，呈現在網頁界面上，營造活潑、可愛的風格。顏色整體選擇粉紅色系列，給人以清新、舒服的感覺。個性化布局5第七節(jié)書籍版式設計一、書籍設計的概念及組成

在書籍設計領域中，從書籍文稿到成書出版的整個設計過程稱為書籍裝幀設計，也是完成書籍形式從平面化到立體化的過程，它包含了藝術思維、構思創(chuàng)意和技術手法的系統(tǒng)設計。只完成封面或版式等部分設計的，稱作書籍封面設計。一、書籍設計的概念及組成書籍版式設計的構成要素包括很多方面：封套——外包裝，起保護書冊的作用。護封——裝飾與保護封面。封面——書的面子，分封面和封底。書脊——封面和封底當中書的脊柱。環(huán)襯——連接封面與書心的襯頁?？瞻醉摗灻摗b飾頁。資料頁——與書籍有關的圖形資料、文字資料。一、書籍設計的概念及組成書籍版式設計的構成要素包括很多方面：扉頁——書名頁——正文從此開始。前言——包括序、編者的話、出版說明。后語——跋、編后記。目錄頁——具有索引功能，大多安排在前言之后正文之前的篇、章、節(jié)的標題和頁碼等文字。版權頁——包括書名、出版單位、編著者、開本、印刷數量、價格等有關版權的頁面。書心——包括環(huán)襯、扉頁、內頁、插圖頁、目錄頁、版權頁等。二、書籍設計的開本

書籍設計的開本需要根據印刷品的特征及其用途決定，同時還受到紙張大小的制約。目前，常用的正文紙張為787mm×1092mm和850mm×1169mm兩種規(guī)格，前一種規(guī)格叫作小開本，后一種叫大開本。787mm×1092mm大紙張開切的開本尺寸二、書籍設計的開本

書籍設計的開本需要根據印刷品的特征及其用途決定，同時還受到紙張大小的制約。目前，常用的正文紙張為787mm×1092mm和850mm×1169mm兩種規(guī)格，前一種規(guī)格叫作小開本，后一種叫大開本。787mm×1092mm大紙張開切的開本尺寸

三、書籍設計的程序書籍裝幀設計是一項較為復雜的工作，大致可分為書籍裝幀設計前期工作、設計階段和書籍裝幀設計成型后期三個階段，程序大致分為以下幾個步驟。

1.書籍裝幀設計前期工作

書籍裝幀設計前期工作是指在設計師設計之前的確定目標、制定方案階段。

(1)確定基調和選題，分解信息。

(2)確定符號和形式，把握貫穿全書的視覺信息符號，可以是圖像、文字、色彩、結構、閱讀方式、材質工藝，并按照不同的內容賦予其合適的外觀。

三、書籍設計的程序2.設計階段

(1)根據確定好的是精裝書或者簡裝書，進行書籍封面設計(包括封底)，如果是精裝書籍還要對書籍的書脊、扉頁、序言和附錄、護封、腰封等進行設計。

(2)書籍內頁版式設計，設定版心后，對文字、插圖、裝飾圖案等元素進行編排設計。

3.書籍裝幀設計成型后期

(1)設計師將設計文件打樣檢查。

(2)交送印廠，印制。

(3)后期制作，確定裝訂形式，書籍成型。

四、書籍的版式構圖書籍不是一般的商品，而是一種文化，不同門類的書籍都會帶來不同的文化特色，同時利用設計營造不同的氛圍，因此在封面設計中，一根線、一行字、一個抽象符號或一兩塊色彩，都要具有一定的設計思想，既要有內容，同時又要具有美感，以達到雅俗共賞的效果。

書籍設計的構圖方式是一個綜合復雜的問題，不能用簡單的定律一概而論，要以切合書籍的主題為前提進行設計。下面就以幾本書籍版式設計精品為例，講解其設計要點。

1.文化創(chuàng)意類——《荏苒須臾》精裝書設計

作品說明：《荏苒須臾》書籍裝幀設計，凝聚設計師生活中的尋常物，引發(fā)出設計師對于時間這一抽象概念進行具象表述的方法。版式分析：封面的文字緊密編排，成為三條橫線，占據版面的上半部分，是一種很簡潔的方法，字體采用宋體字，每行中沒有行間距，體現出宋體字那種渾厚的感覺。字的顏色為黑色，書的版面為白色，形成黑白對比，設計很大膽，也帶有設計師自身的感情特色。《荏苒須臾》書籍裝幀設計（設計師：章韻如）《荏苒須臾》封面設計（設計師：章韻如）版式分析：內頁中圖片頁，將圖片調整成整齊一致的正方形格子，按照整齊的規(guī)律進行編排，并且形成通版，圖片為黑白圖片，與白色紙張形成對比，也是本書統(tǒng)一的風格。《荏苒須臾》內頁設計1（設計師：章韻如）《荏苒須臾》內頁設計2（設計師：章韻如）版式分析：內頁中文字頁，也是文字緊密編排，成為三條橫線，占據版面的上半部分，是一種很講究的平面設計方法，字體緊密編排，根據結構，每筆畫有疏有松，形成有韻律的留白，也形成一