編排設(shè)計(jì)-版面視覺(jué)元素

編排設(shè)計(jì)-版面視覺(jué)元素編排設(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)原意：依照文案原稿把文字、線(xiàn)條、表格等元素排列組合在版面上的方案和工藝過(guò)程。這種形式方案的設(shè)計(jì)又稱(chēng)“版式設(shè)計(jì)”概念：在平面設(shè)計(jì)過(guò)程中，依據(jù)內(nèi)容、目標(biāo)功能系統(tǒng)的要求，把文字、插圖、圖表、飾邊、飾線(xiàn)、色塊等視覺(jué)元素，按照設(shè)計(jì)創(chuàng)意要求進(jìn)行選擇加工，并應(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ì)的類(lèi)別

從功能形態(tài)區(qū)分：廣告、包裝、書(shū)籍、報(bào)刊、實(shí)用印刷品a.廣告類(lèi)：招貼、路牌、燈箱、霓虹燈、POP（店面廣告）、郵遞或派發(fā)的廣告（小冊(cè)子或單張）、樣本、招牌、電視廣告和網(wǎng)業(yè)廣告b.包裝及書(shū)、報(bào)、刊：各種類(lèi)型的大、中、小包裝、配套包裝、系列包裝、單個(gè)包裝等，各種大小報(bào)紙、雜志、書(shū)籍（封面、封套、扉頁(yè)、內(nèi)頁(yè)）等c.實(shí)用印刷品類(lèi)：掛歷、賀卡、請(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ù)的突破字可縮小到適合人近距閱讀的大?。ㄐ?號(hào)或18級(jí)）使單位面積的信息量大增、版式傾于嚴(yán)謹(jǐn)規(guī)范2.20世紀(jì)的歐洲，英國(guó)的莫里斯倡導(dǎo)了一場(chǎng)工藝美術(shù)運(yùn)動(dòng)。在平面設(shè)計(jì)中，講究版面編排，強(qiáng)調(diào)版面的裝飾性，采用對(duì)稱(chēng)結(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è)性，吸引視線(xiàn)D.強(qiáng)化重點(diǎn)，便于記憶E.形成意境，動(dòng)人情感F.反映潮流，創(chuàng)造新的編排設(shè)計(jì)（六）編排設(shè)計(jì)的學(xué)習(xí)A.通過(guò)對(duì)版面視覺(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)重飽滿(mǎn)，豎矩形框架挺拔莊重，窄長(zhǎng)的矩形框架秀氣時(shí)尚安排主次，主題性強(qiáng)的信息內(nèi)容頗為適合正方形：蘊(yùn)涵一種中庸的性格，具有單純、平易的性格和所謂“無(wú)等級(jí)”印象適用于表現(xiàn)裝飾性和小品的題材異形：（圓形、三角形、梯形、不等邊形、星狀形等）具有輕快活潑、動(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)重飽滿(mǎn)，豎矩形框架挺拔莊重，窄長(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)用好字與字的空間處理

兩類(lèi)字體：再造字體、印刷字體再造字體：是依據(jù)具體設(shè)計(jì)創(chuàng)意要求而特別進(jìn)行構(gòu)思設(shè)計(jì)繪寫(xiě)的字體印刷字體：是注重閱讀功能，傳遞字符信息為主要目的的

再造字體印刷字體母常用字體：宋體、黑體、等線(xiàn)體、圓體、綜藝體、楷體、行書(shū)體等在選擇字體時(shí)，要考慮的因素：1）字體的清晰度、閱讀率2）字體造型與傳達(dá)內(nèi)容和版面整體效果相配

2、文字的組合

文文

設(shè)計(jì)師要掌握和運(yùn)用好兩類(lèi)字體：再造字體、印刷字體再造字體：是依據(jù)具體設(shè)計(jì)創(chuàng)意要求而特別進(jìn)行構(gòu)思設(shè)計(jì)繪寫(xiě)的印刷字體：是注重閱讀功能，傳符信息為主要目的的文字文字的組合設(shè)計(jì)師要掌握和運(yùn)用好兩類(lèi)字體：再造字體、印刷字體設(shè)計(jì)師要掌握兩類(lèi)字體印刷字體文字的組合文字的組合設(shè)計(jì)師要掌握和運(yùn)用好設(shè)計(jì)師要掌握和運(yùn)用好文字的組合文字的組合設(shè)計(jì)師要掌握和運(yùn)用好好

組合文字時(shí)，要考慮的因素：字體的結(jié)構(gòu)、筆畫(huà)造型、大小、字距、行距形成編排構(gòu)成里的點(diǎn)、線(xiàn)、面

（1）標(biāo)題標(biāo)題字體和正文、圖片的反差比叫跳躍率高跳躍率：活潑、醒目、有力中跳躍率：調(diào)和、不失變化低跳躍率：柔和、雅致高跳躍率高跳躍率中跳躍率低跳躍率低跳躍率（2）正文和前文正文與前文，均以“字幅”“面”的形態(tài)出現(xiàn)前文：比正文字體大些，可選用稍為突出的字體（中黑體）

以清晰度易讀為準(zhǔn)正文：多選用宋體、幼圓體、明朝體、楷書(shū)體英文多用無(wú)飾線(xiàn)類(lèi)字體

1）橫排字幅可加強(qiáng)橫行的韻律，使字型扁些豎排字幅可加強(qiáng)垂直閱讀的行的視覺(jué)秩序，使字型扁些，更富有時(shí)代感2）行的編排，從易讀性出發(fā)，通常豎排以15-25字，橫排以18-25字為宜行距：行與行之間的距離一般以半個(gè)字身或一個(gè)字身為宜3）字幅是正文編排組合的方式。文字設(shè)計(jì)的技巧：1)齊頭齊尾——嚴(yán)整舒服2)齊頭不齊尾（齊尾不齊頭）——輕松活潑，易于其他構(gòu)圖呼應(yīng)3)居中編排（對(duì)稱(chēng)）——優(yōu)雅、莊重4)沿圖編排——自由輕松、隨意活潑5)其他——活躍a文字排成圖形b文圖穿插c不規(guī)則編排d字作圖形表達(dá)e文字的疊印1)齊頭齊尾——嚴(yán)整舒服2)齊頭不齊尾（齊尾不齊頭）——輕松活潑，易于其他構(gòu)圖呼應(yīng)3)居中編排（對(duì)稱(chēng)）——優(yōu)雅、莊重4)沿圖編排——自由輕松、隨意活潑4)沿圖編排——自由輕松、隨意活潑4)沿圖編排——自由輕松、隨意活潑5)a文字排成圖形4)沿圖編排——自由輕松、隨意活潑5)a文字排成圖形c不規(guī)則編排5)a文字排成圖形b文圖穿插d字作圖形表達(dá)e文字的疊印5c不規(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字）橫式2欄——方便有活力橫式34欄——圖文交錯(cuò)顯得活潑有力，適合年輕人的口味橫式5欄——新聞報(bào)道的感覺(jué)在具體編排中，要注意畫(huà)面元素的主次、節(jié)奏、呼應(yīng)、均衡關(guān)系。

分割版面，要注意：篇幅內(nèi)欄的間距篇幅與篇幅的之間的間距它們之間的比較即“面”與“面”的比較版面視覺(jué)元素(二)圖形