版式設(shè)計案例

1、4專業(yè)限選課專業(yè)限選課 - - 版式設(shè)計版式設(shè)計layout design & 第1講.版式設(shè)計案例（流程流程核心任務(wù)核心任務(wù)）課程課程內(nèi)容內(nèi)容第2講.書籍宣傳冊dm廣告第3講.版式設(shè)計的原理（頁面構(gòu)成的理論頁面構(gòu)成的理論圖片的理論圖片的理論）課程課程內(nèi)容內(nèi)容第1講.版式設(shè)計案例（流程流程核心任務(wù)核心任務(wù)）定位：定位：風(fēng)格（主題）、開本、風(fēng)格（主題）、開本、p p數(shù)（頁數(shù)）數(shù)（頁數(shù)）在排版之前我們需要掌握哪些信息？在排版之前我們需要掌握哪些信息？素材：素材：圖片，文字，圖表，插圖圖片，文字，圖表，插圖beforestep1設(shè)計任務(wù)：設(shè)計任務(wù)：院刊院刊素材：素材：圖片，文字，圖表，插圖圖

2、片，文字，圖表，插圖定位：定位：風(fēng)格（主題）風(fēng)格（主題）: :學(xué)術(shù)、大氣、品味、嚴謹、生動學(xué)術(shù)、大氣、品味、嚴謹、生動開本：開本：學(xué)術(shù)型期刊雜志（學(xué)術(shù)型期刊雜志（200200* *270270）p p數(shù)（頁數(shù)）：數(shù)（頁數(shù)）：40-6040-60step1素材收集和設(shè)計定位素材收集和設(shè)計定位200mm*270mm40-60頁頁 結(jié)合媒體類型考慮開本類型的選擇 雜志開本a4.b4書籍 a5，b6文字型書籍a(chǎn)6b4(257*369)a4(210*297)210*285b6（128*182）a5（148*210）a6（105*148）雜志開本雜志開本書籍書籍文字型書籍院刊院刊4書籍結(jié)構(gòu)：書籍結(jié)構(gòu)：st

3、ep2書籍結(jié)構(gòu)設(shè)計書籍結(jié)構(gòu)設(shè)計step1素材收集和設(shè)計定位素材收集和設(shè)計定位封面封面 版權(quán)頁版權(quán)頁 扉頁扉頁 目錄目錄 正文正文封底封底封面封面 版權(quán)頁版權(quán)頁 扉頁扉頁 前言前言 卷首插圖卷首插圖 目錄目錄 正文正文 篇章頁篇章頁 正文正文 后記后記 附錄附錄 索引索引 版權(quán)頁版權(quán)頁書籍結(jié)構(gòu)：書籍結(jié)構(gòu)：封面封面版權(quán)頁版權(quán)頁扉頁扉頁目錄目錄圖圖正文正文正文正文正文正文封底封底書籍結(jié)構(gòu)：書籍結(jié)構(gòu)：封面封面版權(quán)頁版權(quán)頁扉頁扉頁目錄目錄圖圖正文正文正文正文正文正文封底封底1書籍版式設(shè)計書籍版式設(shè)計 書籍頁面版式各部位名稱欄題版心頁碼欄間距釘口欄切口地腳天頭頁面結(jié)構(gòu)：頁面結(jié)構(gòu)：6mm10mm14mm10

4、mm1：1.2：1.44：1.731：1.5：2：3頁面結(jié)構(gòu)：頁面結(jié)構(gòu)：6mm10mm14mm10mm3.風(fēng)格設(shè)計從封面入手4.內(nèi)頁風(fēng)格：統(tǒng)一和節(jié)奏step2書籍結(jié)構(gòu)設(shè)計書籍結(jié)構(gòu)設(shè)計（書籍結(jié)構(gòu)和頁面結(jié)構(gòu)）（書籍結(jié)構(gòu)和頁面結(jié)構(gòu)）step1素材收集和設(shè)計定位素材收集和設(shè)計定位step3風(fēng)格設(shè)計（主題）風(fēng)格設(shè)計（主題）1.設(shè)計主題決定風(fēng)格2.風(fēng)格設(shè)計由頁面結(jié)構(gòu)、圖片、文字、色彩構(gòu)成1.設(shè)計主題決定風(fēng)格2.風(fēng)格設(shè)計由頁面結(jié)構(gòu)、圖片、文字、色彩構(gòu)成3、風(fēng)格設(shè)計從封面入手4、內(nèi)頁風(fēng)格：統(tǒng)一和節(jié)奏1.設(shè)計主題決定風(fēng)格2.風(fēng)格設(shè)計由頁面結(jié)構(gòu)、圖片、文字、色彩構(gòu)成3.風(fēng)格設(shè)計從封面入手4.內(nèi)頁風(fēng)格：統(tǒng)一和節(jié)奏版

5、權(quán)頁版權(quán)頁扉頁扉頁目錄目錄圖圖正文正文正文正文1.設(shè)計主題決定風(fēng)格2.風(fēng)格設(shè)計由頁面結(jié)構(gòu)、圖片、文字、色彩構(gòu)成3.風(fēng)格設(shè)計從封面入手4.內(nèi)頁風(fēng)格：統(tǒng)一和節(jié)奏step2書籍結(jié)構(gòu)設(shè)計書籍結(jié)構(gòu)設(shè)計（書籍結(jié)構(gòu)和頁面結(jié)構(gòu)）（書籍結(jié)構(gòu)和頁面結(jié)構(gòu)）step1素材收集和設(shè)計定位素材收集和設(shè)計定位step3風(fēng)格設(shè)計（主題）風(fēng)格設(shè)計（主題）step4排版（靈活運用版式設(shè)計相關(guān)原理）排版（靈活運用版式設(shè)計相關(guān)原理）step2書籍結(jié)構(gòu)設(shè)計書籍結(jié)構(gòu)設(shè)計（書籍結(jié)構(gòu)和頁面結(jié)構(gòu)）（書籍結(jié)構(gòu)和頁面結(jié)構(gòu)）step1素材收集和設(shè)計定位素材收集和設(shè)計定位step3風(fēng)格設(shè)計（主題）風(fēng)格設(shè)計（主題）step4排版（靈活運用版式設(shè)計相關(guān)原

6、理）排版（靈活運用版式設(shè)計相關(guān)原理）n在(一定的視覺平面內(nèi))n將有限的形式要素(文字、圖形、和色彩等要素形成的點/線/面)n按照(具體的設(shè)計主題和視覺審美規(guī)律)n進行(視覺定位)n傳達清晰、明了的信息.用一句話概括版式設(shè)計載體限定設(shè)計主題視覺審美規(guī)律版式風(fēng)格版式設(shè)計的目的風(fēng)格（主題）、開本、p數(shù)（頁數(shù)）step2書籍結(jié)構(gòu)設(shè)計書籍結(jié)構(gòu)設(shè)計（書籍結(jié)構(gòu)和頁面結(jié)構(gòu)）（書籍結(jié)構(gòu)和頁面結(jié)構(gòu)）step1素材收集和設(shè)計定位素材收集和設(shè)計定位step3風(fēng)格設(shè)計（主題）風(fēng)格設(shè)計（主題）step4排版（靈活運用版式設(shè)計相關(guān)原理）排版（靈活運用版式設(shè)計相關(guān)原理）第2講.書籍宣傳冊dm廣告（設(shè)計欣賞設(shè)計欣賞）第第2 2

7、講講. .書籍書籍宣傳冊宣傳冊dmdm廣告廣告宣傳冊宣傳冊第第2 2講講. .書籍書籍宣傳冊宣傳冊dmdm廣告廣告宣傳冊宣傳冊第1講.版式設(shè)計的涵義（核心任務(wù)核心任務(wù) 流程流程案例案例）課程課程內(nèi)容內(nèi)容第2講.書籍宣傳冊dm廣告第3講.版式設(shè)計的原理（頁面構(gòu)成的理論頁面構(gòu)成的理論圖片的理論圖片的理論）1、版面、頁邊距、段落的組合方式的考慮 2、以圖先行3、在完全沒有圖像素材的情況下 4、掌握文章內(nèi)容的意圖（條理的？富于變化的？）part 1頁面構(gòu)成的理論2、以圖先行3、在完全沒有圖像素材的情況下4、掌握文章內(nèi)容的意圖（條理的？富于變化的？）鮮明呈現(xiàn)主張的雜志類頁面結(jié)構(gòu)富于變化讀者選擇閱讀內(nèi)容的

8、信息類清晰的條理化鮮明呈現(xiàn)主張的雜志類頁面結(jié)構(gòu)富于變化讀者選擇閱讀內(nèi)容的信息類清晰的條理化制作條件雜志的對頁采訪文章對頁以照片為主要圖片，用于人物介紹的照片兩張同時也要加入”從下一期開始進行連載“這樣的補充信息?？傆X得效果有點奇怪總覺得效果有點奇怪 制作條件雜志的對頁采訪文章對頁以照片為主要圖片，用于人物介紹的照片兩張同時也要加入”從下一期開始進行連載“這樣的補充信息。修改前修改前 修改后修改后 設(shè)定合適的頁邊距設(shè)定合適的頁邊距不要把重要的內(nèi)容放在頁面訂口處不要把重要的內(nèi)容放在頁面訂口處綜合同類性質(zhì)的要素綜合同類性質(zhì)的要素按照文字字號的大小來控制內(nèi)容先后順序按照文字字號的大小來控制內(nèi)容先后順序

9、制作條件玩具店宣傳單要求設(shè)計有趣味充滿活力8張商品圖片，黃色玩具熊特別推出。總覺得效果有點奇怪總覺得效果有點奇怪 制作條件玩具店宣傳單要求設(shè)計有趣味充滿活力8張商品圖片，黃色玩具熊特別推出。減少頁面空白來彰顯活力減少頁面空白來彰顯活力不要造成無意義的留白不要造成無意義的留白通過照片使頁面構(gòu)成具有一種節(jié)奏感通過照片使頁面構(gòu)成具有一種節(jié)奏感井然有序的頁面劃分井然有序的頁面劃分1根據(jù)版面率來調(diào)整頁面的效果天版面地大頁邊空白，降低版面率擴小頁邊空白，版面率就會提高 縮2根據(jù)圖版率來調(diào)節(jié)頁面的效果面的底色會改變圖版率帶給人的印象頁3有目的的留白設(shè)計 過留白來減輕頁面的壓迫感 通過留白使形式發(fā)生變化 通過留白來擴展頁面空間 通4調(diào)整內(nèi)容的區(qū)域合之后，將希望呈現(xiàn)的內(nèi)容就近安排 整通過邊框線或者底色來劃分頁面通5調(diào)整各項內(nèi)容的邊線一版面的位置統(tǒng)一圖片和文字的邊線 統(tǒng)一各圖片的邊線 統(tǒng)6統(tǒng)一各元素之間的間隔一圖片之間的間隔 統(tǒng)一文字之間的間距 統(tǒng)一圖片與文字的間隔距離 統(tǒng)對多頁印刷品中頁與頁之間關(guān)系的考慮 所有頁面中保持一