編排設(shè)計(jì)-版面視覺(jué)元素PPT通用課件

1、編排設(shè)計(jì)四周課程 結(jié)構(gòu) 目的 方向課程安排第一周：1.課程介紹2.版面視覺(jué)元素 作業(yè)一 版面分析第二周：3.設(shè)計(jì)原理 作業(yè)二 海報(bào)編排第三周：4.空間構(gòu)成5.視覺(jué)流程 作業(yè)三 版面綜合編排第四周： 作業(yè)四 媒體互動(dòng)編排 藝術(shù) 設(shè)計(jì) 互動(dòng)思路 技巧配色 行為中國(guó)日本西方一 概論（一） 什么是編排設(shè)計(jì)？ 編：含有組織秩序、排列、制定的意思 排：是從排版、排字引用而來(lái) 原意：依照文案原稿把文字、線條、表格等元素 排列組合在版面上的方案和工藝過(guò)程。這種形式方案的設(shè)計(jì)又稱“版式設(shè)計(jì)”概念：在平面設(shè)計(jì)過(guò)程中，依據(jù)內(nèi)容、目標(biāo)功能系統(tǒng)的要求，把文字、插圖、圖表、飾邊、飾線、色塊等視覺(jué)元素，按照設(shè)計(jì)創(chuàng)意要求進(jìn)行

2、選擇加工，并應(yīng)用藝術(shù)形式手段，富造創(chuàng)性地把它們結(jié)合配置在特定版面上的過(guò)程。（二） 編排設(shè)計(jì)與純藝術(shù)創(chuàng)作在形式構(gòu)成上有本質(zhì)上的區(qū)別 a.平面設(shè)計(jì)師是為傳播信息而服務(wù)大眾的，必須站在大眾的立場(chǎng)上， 既科學(xué)又系統(tǒng)地服務(wù)于受眾，必須社會(huì)經(jīng)濟(jì)、科技、文化同步 b.既要運(yùn)用藝術(shù)手段結(jié)合當(dāng)今的審美進(jìn)行創(chuàng)造性設(shè)計(jì)、并且結(jié)合當(dāng) 今學(xué)科理論和科技手段完成設(shè)計(jì)作品的生產(chǎn)和傳播信息的任務(wù)和 目標(biāo)（三）編排設(shè)計(jì)的類別 從功能形態(tài)區(qū)分：廣告、包裝、書(shū)籍、報(bào)刊、實(shí)用印刷品 a. 廣告類：招貼、路牌、燈箱、霓虹燈、POP（店面廣告）、郵遞或 派發(fā)的廣告（小冊(cè)子或單張）、樣本、招牌、電視廣告和網(wǎng)業(yè)廣告 b. 包裝及書(shū)、報(bào)、刊：

3、各種類型的大、中、小包裝、配套包裝、系列 包裝、單個(gè)包裝等，各種大小報(bào)紙、雜志、書(shū)籍（封面、封套、扉 頁(yè)、內(nèi)頁(yè)）等 c. 實(shí)用印刷品類：掛歷、賀卡、請(qǐng)柬、獎(jiǎng)狀、徽章銘牌、藝術(shù)圖表、 名片、信封信等 從表現(xiàn)的形態(tài)區(qū)分：靜態(tài)和動(dòng)態(tài) a. 靜態(tài)：一切印刷品和平面設(shè)計(jì)作品 b 動(dòng)態(tài)：在目前指動(dòng)態(tài)轉(zhuǎn)換變換過(guò)程的霓虹燈、活動(dòng)路牌廣告、活動(dòng) POP廣告、影視廣告、網(wǎng)頁(yè)廣告等（四） 編排設(shè)計(jì)的風(fēng)格的歷史演變：1.活版印刷時(shí)代：金屬燭版術(shù)技術(shù)的突破字可縮小到適合人近距閱讀的大小（新5號(hào)或18級(jí)）使單位面積的信息量大增、版式傾于嚴(yán)謹(jǐn)規(guī)范2.20世紀(jì)的歐洲，英國(guó)的莫里斯倡導(dǎo)了一場(chǎng)工藝美術(shù)運(yùn)動(dòng)。在平面設(shè)計(jì)中，講究版面

4、編排，強(qiáng)調(diào)版面的裝飾性，采用對(duì)稱結(jié)構(gòu)，形成嚴(yán)謹(jǐn)、樸素、莊重的風(fēng)格，莫里斯的古典主義風(fēng)格開(kāi)創(chuàng)了版式設(shè)計(jì)的先導(dǎo) 3.20世紀(jì)20-50年代，瑞士派排版設(shè)計(jì)，主張版面嚴(yán)格的秩序作為現(xiàn)代主義文化傳播典范，追求簡(jiǎn)練、功能性和效率成為這一時(shí)期排版的風(fēng)格4.20世紀(jì)60年代，照相制版技術(shù)的全面普及，金屬拼版工藝逐漸被淘汰。 5. 20世紀(jì)80年代，照相植字、電子分色和（早期）電腦排版等技術(shù)的應(yīng)用 （五） 編排設(shè)計(jì)的任務(wù) A.組成要素，設(shè)計(jì)形象式樣 B.形成秩序，便于閱讀 C.創(chuàng)造個(gè)性，吸引視線 D.強(qiáng)化重點(diǎn)，便于記憶 E.形成意境，動(dòng)人情感 F.反映潮流，創(chuàng)造新的編排設(shè)計(jì)（六） 編排設(shè)計(jì)的學(xué)習(xí) A.通過(guò)對(duì)版

5、面視覺(jué)元素、編排形式因素及形式原理的研究及練習(xí)，掌 握版面編排設(shè)計(jì)的基本技巧 B.通過(guò)對(duì)版面編排設(shè)計(jì)的了解，分析其方法、技巧和 形式風(fēng)格變化，為編排設(shè)計(jì)形式的創(chuàng)意打下基礎(chǔ)形與態(tài)的研究 為品牌建設(shè)打下基礎(chǔ) 二 版面視覺(jué)元素 (一) 框架(二) 文字(三) 圖形(一) 框架所謂框架：指編排設(shè)計(jì)的畫(huà)面空間（平面、立體的表面）應(yīng)用角度，框架分為：矩形、正方形和異形矩形：具有明顯的方向性特征，橫矩形框架穩(wěn)重飽滿，豎矩形框架挺 拔莊重，窄長(zhǎng)的矩形框架秀氣時(shí)尚 安排主次，主題性強(qiáng)的信息內(nèi)容頗為適合正方形：蘊(yùn)涵一種中庸的性格，具有單純、平易的性格和所謂“無(wú)等級(jí)” 印象 適用于表現(xiàn)裝飾性和小品的題材異形：（圓形

6、、三角形、梯形、不等邊形、星狀形等） 具有輕快活潑、動(dòng)感強(qiáng)、形象個(gè)性鮮明的特點(diǎn)適度的比例尺度讓人產(chǎn)生和平、安定、和諧悅目的感覺(jué)定量意義上的比例尺度有以下幾種：黃金比例：1：1.618 （公認(rèn)的完美比例，具備和諧統(tǒng)一、整體而不乏變化。）模數(shù)比例：（屬漸變式良好比例，既前面兩組數(shù)值的總和為第三組的數(shù)值，且 越往后越接近黃金比例：0-1-1-2-3-5-8-13-21）1：1比例：（具單純、無(wú)方向、無(wú)等級(jí)、小品性格）1：3比例：（具方向感、秀氣、優(yōu)雅、但缺乏莊重、力量）版面視覺(jué)元素(二) 文字 你喜歡哪種文字？文字實(shí)驗(yàn)框架 框架框架 框架文字實(shí)驗(yàn)具有明顯的方向性特征，橫矩形框架穩(wěn)重飽滿，豎矩形框架挺

7、拔莊重，窄長(zhǎng)的矩形框架秀氣時(shí)尚安排主次，主題性強(qiáng)的信息內(nèi)容頗為適合正方形：蘊(yùn)涵一種騎墻中庸的性格，具有單純、平易的性格和所謂“無(wú)等級(jí)”印象適用于表現(xiàn)裝飾性和小品的題材異形：（圓形、三角形、梯形、不等邊形、星狀形等） 具有輕快活潑、動(dòng)感強(qiáng)、形象個(gè)性鮮明的特點(diǎn)(二) 文字 1、字體 設(shè)計(jì)師要掌握和運(yùn)用好字與字的空間處理 兩類字體：再造字體、印刷字體 再造字體：是依據(jù)具體設(shè)計(jì)創(chuàng)意要求而特別進(jìn)行構(gòu)思設(shè)計(jì)繪寫(xiě)的字體 印刷字體：是注重閱讀功能，傳遞字符信息為主要目的的 再造字體 印刷字體母常用字體：宋體、黑體、等線體、圓體、綜藝體、楷體、行書(shū)體等 在選擇字體時(shí)，要考慮的因素：1）字體的清晰度、閱讀率2）字

8、體造型與傳達(dá)內(nèi)容和版面整體效果相配 2、文字的組合 文文 設(shè)計(jì)師要掌握和運(yùn)用好兩類字體：再造字體、印刷字體再造字體：是依據(jù)具體設(shè)計(jì)創(chuàng)意要求而特別進(jìn)行構(gòu)思設(shè)計(jì)繪寫(xiě)的印刷字體：是注重閱讀功能，傳符信息為主要目的的文字文 字 的 組 合設(shè)計(jì)師要掌握和運(yùn)用好兩類字體：再造字體、印刷字體設(shè)計(jì)師要掌握兩類字體印刷字體文字的組合文字的組合設(shè)計(jì)師要掌握和運(yùn)用好設(shè)計(jì)師要掌握和運(yùn)用好文字的組合文字的組合設(shè)計(jì)師要掌握和運(yùn)用好好 組合文字時(shí)，要考慮的因素：字體的結(jié)構(gòu)、筆畫(huà)造型、大小、字距、行距形成編排構(gòu)成里的點(diǎn)、線、面 （1）標(biāo)題 標(biāo)題字體和正文、圖片的反差比叫跳躍率 高跳躍率：活潑、醒目、有力 中跳躍率：調(diào)和、不失

9、變化 低跳躍率：柔和、雅致高跳躍率高跳躍率中跳躍率低跳躍率低跳躍率（2）正文和前文 正文與前文，均以“字幅”“面”的形態(tài)出現(xiàn) 前文：比正文字體大些，可選用稍為突出的字體（中黑體） 以清晰度易讀為準(zhǔn) 正文：多選用宋體、幼圓體、明朝體、楷書(shū)體 英文多用無(wú)飾線類字體 1）橫排字幅可加強(qiáng)橫行的韻律，使字型扁些 豎排字幅可加強(qiáng)垂直閱讀的行的視覺(jué)秩序，使字型扁些，更富有 時(shí)代感 2）行的編排，從易讀性出發(fā)，通常豎排以15-25字，橫排以18-25字 為宜 行距：行與行之間的距離一般以半個(gè)字身或一個(gè)字身為宜 3）字幅是正文編排組合的方式。文字設(shè)計(jì)的技巧：1) 齊頭齊尾嚴(yán)整舒服2) 齊頭不齊尾（齊尾不齊頭）輕

10、松活潑，易于其他構(gòu)圖呼應(yīng) 3) 居中編排（對(duì)稱）優(yōu)雅、莊重4) 沿圖編排自由輕松、隨意活潑5) 其他活躍 a 文字排成圖形 b 文圖穿插 c 不規(guī)則編排 d 字作圖形表達(dá) e 文字的疊印1) 齊頭齊尾嚴(yán)整舒服2) 齊頭不齊尾（齊尾不齊頭） 輕松活潑，易于其他構(gòu)圖呼應(yīng) 3) 居中編排（對(duì)稱）優(yōu)雅、莊重4) 沿圖編排自由輕松、隨意活潑4) 沿圖編排自由輕松、隨意活潑4) 沿圖編排自由輕松、隨意活潑5) a 文字排成圖形4) 沿圖編排自由輕松、隨意活潑5) a 文字排成圖形 c 不規(guī)則編排5) a 文字排成圖形 b 文圖穿插 d 字作圖形表達(dá) e 文字的疊印5 c 不規(guī)則編排5)a 文字排成圖形 d 字作圖形表達(dá)3 欄 欄：以正文文字的排列長(zhǎng)度為基本單位，對(duì)版心進(jìn)行分割的編排版式 實(shí)質(zhì)是分割版面 講究天頭、地腳、切邊、訂口 欄有縱欄和橫欄 縱式2欄分成上下兩段，輕松易讀 縱式3欄16開(kāi)本以上的版式（版面的加大，欄數(shù)的增加，以 保持易讀性，使版面更活潑） 縱式4欄典型的雜志排版版式（適合多條目、多信息的編排 具有靈活自如，輕松活潑的性格 縱式5欄具有報(bào)紙的特征（典型間歇性閱讀（跳讀）的報(bào)刊 編排方式 橫式文字編排多為32開(kāi)書(shū)（不可超過(guò)40字