1、,版式,版式,版式設(shè)計(jì)又被稱為版面設(shè)計(jì)、編排設(shè)計(jì),概述,版面設(shè)計(jì)并非只用于書刊的排版當(dāng)中，網(wǎng)頁、廣告、海報(bào)等涉及到平面及影像的眾多領(lǐng)域都會(huì)用到版面設(shè)計(jì)。好的版面設(shè)計(jì)可以更好的傳達(dá)作者想要傳達(dá)的信息，或者加強(qiáng)信息傳達(dá)的效果，并能增強(qiáng)可讀性，使經(jīng)過版面設(shè)計(jì)的內(nèi)容更加醒目、美觀。版面設(shè)計(jì)是藝術(shù)構(gòu)思與編排技術(shù)相結(jié)合的工作，是藝術(shù)與技術(shù)的統(tǒng)一體。,版式設(shè)計(jì)的應(yīng)用類別,1.出版物版面設(shè)計(jì) 如報(bào)紙版面，雜志版面，書籍版面。 2.廣告版面設(shè)計(jì) 如報(bào)紙廣告，雜志廣告，燈箱廣告，路牌廣告。 3.促銷道具設(shè)計(jì) 如包裝，折疊廣告，POP廣告，產(chǎn)品目錄。,4.產(chǎn)品形象應(yīng)用識(shí)別設(shè)計(jì) 如名片，年報(bào)，畫冊(cè)。 5.多媒體網(wǎng)頁版

2、面設(shè)計(jì),VI設(shè)計(jì)，全稱為“視覺形象識(shí)別系統(tǒng)設(shè)計(jì)”，分為企業(yè)形象設(shè)計(jì)和品牌形象設(shè)計(jì)。,網(wǎng)頁設(shè)計(jì),版式設(shè)計(jì)對(duì)于平面設(shè)計(jì)是一門相對(duì)具有獨(dú)立性的設(shè)計(jì)藝術(shù)，研究平面設(shè)計(jì)的視覺語言和藝術(shù)風(fēng)格，是現(xiàn)代設(shè)計(jì)藝術(shù)的重要組成部分，是視覺傳達(dá)的重要手段。,版式設(shè)計(jì)的流程,1.信息的收集 2.信息的提煉 3.確定主風(fēng)格 4.圖文處理與編排,版式設(shè)計(jì)是按照一定的視覺表達(dá)內(nèi)容的需要和審美的規(guī)律，結(jié)合各種平面設(shè)計(jì)的具體特點(diǎn)運(yùn)用各種視覺要素，將各種文字、圖形及其他視覺形象元素加以組合編排，進(jìn)行表現(xiàn)的一種視覺傳達(dá)的設(shè)計(jì)方法。,優(yōu)秀版面的評(píng)價(jià)標(biāo)準(zhǔn),優(yōu)秀版面設(shè)計(jì)的核心標(biāo)準(zhǔn)傳播力 1.版面設(shè)計(jì)的功能性 主要通過把握視覺流程達(dá)到準(zhǔn)確傳

3、達(dá),快速傳達(dá). 2.版面設(shè)計(jì)的藝術(shù)性 可利用形式感法則與圖文的視覺情感達(dá)到定位傳達(dá)的目的. 3.版面設(shè)計(jì)的統(tǒng)一性 可利用網(wǎng)格系統(tǒng)達(dá)到印象傳達(dá),增強(qiáng)品牌記憶.,版式設(shè)計(jì)三大視覺要素,文字 圖形 色彩,1、文 字 主題內(nèi)容(標(biāo)題、正文、注解等)離不開文字，通過文字獲得主要信息。 設(shè)計(jì)者需掌握中外字體的一般常識(shí)，不同的字體給人的心理感受不一樣，美的字體能使讀者感到愉悅,幫助閱讀和理解。,圖片在版面設(shè)計(jì)中，占有很大的比重，視覺沖擊力比文字強(qiáng)85%。 但這并非語言或文字表現(xiàn)力減弱了，而是說圖片在視覺傳達(dá)上能輔助文字，幫助理解，更可以使版面立體、真實(shí)。,2、圖形或圖像,文字版中加入圖形圖片立即引起視覺流程

4、的變化 圖形的形式、大小、數(shù)量影響讀者注意力 主題借助圖形、圖片來增強(qiáng)文字說服力，提高閱讀興趣。,特寫圖像視覺沖擊力強(qiáng),以符號(hào)為圖形,以裝飾畫或油畫為圖形,色彩較之圖文對(duì)人的心理影響更為直接，具有更感性的識(shí)別性能。現(xiàn)代商業(yè)設(shè)計(jì)對(duì)色彩的應(yīng)用更上升至“色彩行銷”的策略，成為商品促銷、品牌塑造的重要手段。,3、色彩,各種色調(diào)給人的感覺不同，要做到色調(diào)與內(nèi)容的統(tǒng)一,色彩的漸變使版面和諧統(tǒng)一,運(yùn)用調(diào)和色來統(tǒng)一版面,奪目的色彩配以活潑的編排，讓人耳目一新,版式設(shè)計(jì)的基本原則有以下四個(gè)方面 主題與導(dǎo)讀 內(nèi)容與形式 強(qiáng)化整體布局 技術(shù)與藝術(shù),版式設(shè)計(jì)原則,鮮明主題的誘導(dǎo)力,目的：清晰的條理性，最佳形式感，最佳

5、訴求效果。 價(jià)值：吸引注意力，易解。,形式與內(nèi)容統(tǒng)一,前提：形式符合主題思想內(nèi)容。 錯(cuò)誤現(xiàn)象：形式脫離內(nèi)容，缺乏藝術(shù)表現(xiàn)，空洞和刻板。,強(qiáng)化整體布局 (圖與圖、圖與文)在編排結(jié)構(gòu)及色彩上做整體設(shè)計(jì)。 獲得整體性的方法： 1、加強(qiáng)整體的結(jié)構(gòu)組織方向視覺秩序，如水平結(jié)構(gòu)、垂直結(jié)構(gòu)、傾斜結(jié)構(gòu)、曲線結(jié)構(gòu)等。 2、加強(qiáng)文案的集合性，將文案中多種信息組合成塊狀，增強(qiáng)版面文字的條理性和清晰的導(dǎo)讀性。 3、加強(qiáng)展開頁的整體設(shè)計(jì)。無論是連頁、跨頁、折頁，或是展開頁的設(shè)計(jì)，均為同一視線下展示的版面，因此加強(qiáng)整體性可以獲得更加良好的視覺效果。,技術(shù)與藝術(shù)的統(tǒng)一 設(shè)計(jì)者應(yīng)結(jié)合現(xiàn)代各種工藝，進(jìn)行作品的創(chuàng)作，否則設(shè)計(jì)作品

6、將會(huì)在現(xiàn)行技術(shù)下無法實(shí)施。,版式設(shè)計(jì)的編排構(gòu)成,版式編排設(shè)計(jì)的基本要素：點(diǎn)、線、面的編排構(gòu)成,任何一種版式設(shè)計(jì)，在空間原理上均歸于點(diǎn)、線、面的分類。點(diǎn)、線、面是幾何概念，亦是版式設(shè)計(jì)的基本元素和主要的視覺語言形式。,點(diǎn)的編排構(gòu)成 版面中的點(diǎn)由于大小、形態(tài)、位置不同，所產(chǎn)生的視覺效果也不同。,線的編排構(gòu)成 線的編排構(gòu)成分為：實(shí)線、虛線、空間視覺流動(dòng)線。人們對(duì)線的概念都僅僅停留在版面中形態(tài)明確的線，對(duì)空間的視覺流動(dòng)線則忽略。,線構(gòu)成的招貼,線構(gòu)成的包裝,1、線具有分割作用,2、線具有引導(dǎo)視線的作用,3、線框的約束與強(qiáng)調(diào) 線框的限定，即使主體產(chǎn)生空間“場”的作用，同時(shí)也具有相對(duì)約束的功能。,線框的約

7、束與強(qiáng)調(diào),面的編排構(gòu)成 點(diǎn)的放大、點(diǎn)的密集或線的重復(fù)構(gòu)成面。另外，線的分割產(chǎn)生各種比例的空間，同時(shí)也形成各種比例關(guān)系的面。 面在版面中具有平衡，豐富空間層次，烘托及深化主題的作用。,點(diǎn)的密集成面,由文字組成面，與圖片形成對(duì)比,錯(cuò)落的面與線構(gòu)成版面的節(jié)奏,三維空間的編排構(gòu)成 生活中的三維空間是立體空間，看得見，摸得著，能深入。 而在平面編排中的三維空間，是在二維空間的平面上建立的近、中、遠(yuǎn)、立體的看見關(guān)系，可見摸不著，是假想空間，是通過借助多方面的看見關(guān)系來表現(xiàn)的，即：比例、動(dòng)靜圖象、肌理等看見因素。,1.比例關(guān)系的空間層次 面積大小的比例，既近大遠(yuǎn)小，產(chǎn)生近、中、遠(yuǎn)的空間層次，在編排中主題形象

8、或標(biāo)題文字放大，次要形象縮小，來建立良好的主次，強(qiáng)調(diào)的空間層次關(guān)系，以增強(qiáng)版面的節(jié)奏和明快。,比例關(guān)系的空間層次,2.位置關(guān)系的空間層次 前后疊壓的位置關(guān)系所構(gòu)成的空間層次。將圖像或文字做前后疊壓排列，產(chǎn)生強(qiáng)節(jié)奏的三度空間層次。 版面上、下、左、右中位置產(chǎn)生的空間層次，最佳視域?yàn)橐曈X中心位置，并產(chǎn)生視覺焦點(diǎn)。疏密的位置關(guān)系產(chǎn)生空間層次，在前后疊壓關(guān)系或版面上下左右位置關(guān)系中，做疏密、輕重、緩急的位置編排，所產(chǎn)生的空間層次富于彈性，同時(shí)也產(chǎn)生緊張或舒適的心理感受。,最佳視覺：視覺中心位置 其次：上部 、左側(cè) 、右側(cè)、下部,無論是有色或無色設(shè)計(jì)的版面，均為黑、白、灰的三色空間層次。黑與白為對(duì)比極色

9、，最單純，最強(qiáng)烈，醒目，最能保持遠(yuǎn)距離視覺效果；灰色能概括一切中間色，且柔和而協(xié)調(diào)。 三色近中遠(yuǎn)空間位置，依版面具體的明暗調(diào)關(guān)系而定，版式設(shè)計(jì)強(qiáng)調(diào)色彩的調(diào)性，一幅優(yōu)秀的作品，色調(diào)應(yīng)該非常明快，或高調(diào)、低調(diào)、灰調(diào)，或?qū)Ρ葟?qiáng)烈，或?qū)Ρ热岷?，反之則亂糊不清。,3、黑、白、灰關(guān)系的空間層次,動(dòng)使版面充滿活力，獲得更高的注目度，靜使版面冷靜，含蓄，具有穩(wěn)定的因素，兩者在版面的組織上，以動(dòng)為靜，動(dòng)為前，靜為后，彼此以動(dòng)靜的對(duì)比關(guān)系建立空間感。,4、動(dòng)靜關(guān)系，圖象肌理關(guān)系產(chǎn)生空間層次,自由構(gòu)成 圖或文字 、點(diǎn)或線的構(gòu)成關(guān)系都充斥著隨機(jī)無序、無主次、無中心、相互矛盾、相互排斥，以及極端的耗散編排。 這種風(fēng)格帶

10、給我們更輕松、自由、活力的人性化設(shè)計(jì)，也是時(shí)尚前衛(wèi)的標(biāo)志。,圖形的編排構(gòu)成,圖版率,圖版率是指版面相對(duì)于文字，圖（圖片或照片）所占據(jù)的面積比叫做圖版率，即：圖所占版面的比例。 用%表示，如版面全是文字，圖版率為0%，相反全是圖形畫面，圖版率為100%。 圖版率低，減少閱讀興趣 圖版率高，增強(qiáng)閱讀活力,5.2 角版、挖版、出血版,1、角版 角版也稱為方形版，即畫面被直線方框所切割，這是最常見、最簡潔大方的形態(tài)。 角版圖有莊重、沉靜與良好的品質(zhì)感，在較正式文版或宣傳頁設(shè)計(jì)中應(yīng)用較多。 角版理性，使版面緊湊。,2、挖版 挖版圖也稱退底圖，即將圖片中精彩的圖像部分按需要剪裁下來。 挖版圖形自由而生動(dòng)，

11、動(dòng)態(tài)十足，親切感人，給人印象深刻。 借簡潔、單純形態(tài)，去追求鮮明而強(qiáng)烈甚至是張揚(yáng)到極致的藝術(shù)效果。 挖版打破約束，活潑自由。,3、出血版 出血版，即圖形充滿或超出版頁，無邊框的限制，有向外擴(kuò)張和舒展之勢(shì)。 出血版由于圖形的放大，局部圖形的擴(kuò)張性使人產(chǎn)生緊迫感，并有很高的圖版率，一般用于傳達(dá)抒情或運(yùn)動(dòng)的版面。 情感得以更好地宣泄，動(dòng)態(tài)得到更好地舒展。,4、角版、挖版、出血版的組合運(yùn)用 角版沉靜，挖版活潑，出血版舒展、大氣。設(shè)計(jì)中，圖形的三種處理方式都可以穿插靈活運(yùn)用，單一的編排方式，版面顯得呆板而松散無序。,視覺度,視覺度是指文字和圖版在版面中產(chǎn)生的視覺強(qiáng)弱度。 版面的視覺度和圖版率一樣關(guān)系到版

12、面的生動(dòng)性、記憶性和閱讀性。,圖形的面積與張力,版面中，圖形面積的大小不僅影響版面的視覺效果，而且直接影響情感的傳達(dá)。,1、大圖形產(chǎn)生量感和張力 量感是指圖片放大后版面即產(chǎn)生一種飽滿的心理量感，以及增強(qiáng)圖片的擴(kuò)張力度。 大圖形面積注目度高，感染力強(qiáng)，能給人舒服愉快之感。 大圖形引導(dǎo)版面中心，成為視覺焦點(diǎn)。,2、小圖形精密而沉靜 將小圖形插入字群中，顯得簡潔而精致，有點(diǎn)綴和呼應(yīng)版面的作用。但同時(shí)也給人拘謹(jǐn)、靜止、趣味弱的感覺。,3、大小圖形比，增強(qiáng)對(duì)比度 版面如果只有相似的大圖或完全是相似的小圖構(gòu)成，版面會(huì)顯得平淡。 只有加強(qiáng)圖片的大小比例，增強(qiáng)對(duì)比度，版面才有張力與活力。,圖片跳躍率：版面中，

13、最大圖片的面積與最小圖片的面積比率稱為圖片跳躍率。,延續(xù)頁面的整體設(shè)計(jì),1、左右頁的整體設(shè)計(jì)。 展開頁的整體設(shè)計(jì)建立在形象的對(duì)比關(guān)系上。左右頁常以一大一小、一多一少、一動(dòng)一靜、一黑一白、一曲一直、局部與整體對(duì)比構(gòu)成，在對(duì)比中建立和諧的整體關(guān)系。,2、延續(xù)頁面的整體設(shè)計(jì) 除左右頁面的整體考慮外，還有整個(gè)折頁、整本手冊(cè)頁與頁之間、頁與整體之間的節(jié)奏關(guān)系、對(duì)比關(guān)系以及整本冊(cè)子風(fēng)格性等都得進(jìn)行整體設(shè)計(jì)把握。,整體節(jié)奏的把握,（2）文字、圖片的整體設(shè)計(jì),（3）延續(xù)頁面色調(diào)的整體設(shè)計(jì),（4）主要版式風(fēng)格的延續(xù),版面設(shè)計(jì)的編排形式法則,單純與秩序,對(duì)稱與均衡,對(duì)比與調(diào)和,節(jié)奏與韻律,虛實(shí)與留白,單純與秩序,

14、單純化的概念 1、基本形的簡練 2、編排結(jié)構(gòu)的簡明、單純。 運(yùn)用理性和邏輯思維，對(duì)圖文資料進(jìn)行大膽取舍，創(chuàng)建清晰的形式感。 單純化可使版面獲得完整、秩序、明了感和良好的視覺效果；反之，則雜亂不堪，造成視覺傳達(dá)的障礙。,對(duì)比與調(diào)和,1、對(duì)比 對(duì)比是將相同或相異的視覺元素作強(qiáng)弱對(duì)照編排所運(yùn)用的形式手法。 簡潔明快的對(duì)比關(guān)系是獲得強(qiáng)烈視覺效果的重要手段。,2、調(diào)和 （1）內(nèi)容與形式的調(diào)和 （2）版面各部位、各視覺元素之間尋求相互協(xié)調(diào)的因素，也是在對(duì)比的同時(shí)尋求調(diào)和。,對(duì)比強(qiáng)調(diào)差異，產(chǎn)生沖突； 調(diào)和尋求共同點(diǎn)，緩和矛盾。,明暗對(duì)比,疏密對(duì)比,面積對(duì)比,用統(tǒng)一的色線調(diào)和,用統(tǒng)一元素調(diào)和,用相似的形象和方

15、向調(diào)和,對(duì)稱與均衡,對(duì)稱與均衡是一對(duì)統(tǒng)一體，常表現(xiàn)為既對(duì)稱又均衡，實(shí)質(zhì)上都是求取視覺心理上的靜止和穩(wěn)定感。 關(guān)于對(duì)稱與均衡可以從兩方面來分析，即：對(duì)稱均衡與非對(duì)稱均衡。,絕對(duì)對(duì)稱,1、對(duì)稱均衡 對(duì)稱均衡是指版面中心兩邊或四周的形態(tài)具有相同的公約量而形成的靜止?fàn)顟B(tài)，也稱為絕對(duì)對(duì)稱均衡。 上下或左右基本相等而略有變化，又稱相對(duì)對(duì)稱均衡。,絕對(duì)對(duì)稱,絕對(duì)對(duì)稱均衡給人莊重、嚴(yán)肅之感，是高格調(diào)的表現(xiàn)，是古典主義版面設(shè)計(jì)風(fēng)格的表現(xiàn)，但處理不好容易單調(diào)、呆板。,相對(duì)對(duì)稱,2、非對(duì)稱均衡 非對(duì)稱均衡是指版面中等量不等形，而求取心理上“量”的均衡狀態(tài)。 非對(duì)稱均衡比對(duì)稱均衡更靈活生動(dòng)，富于變化，是較為流行的均衡

16、手段，具有現(xiàn)代感的特征。,節(jié)奏與韻律,“所有的藝術(shù)都在不斷地向著音樂的境界努力?！蔽譅柼?佩特 節(jié)奏與韻律來自音樂的概念，也是版式設(shè)計(jì)常用的形式。 節(jié)奏是均勻的重復(fù)，是在不斷重復(fù)中產(chǎn)生頻率節(jié)奏的變化，節(jié)奏是延續(xù)輕快的感覺。如舒緩的小夜曲，又如激烈的搖滾樂。,無論圖形、文字或色彩等視覺要素，在組織上合乎某種規(guī)律時(shí)所給予視覺和心理上的節(jié)奏感覺，即是韻律。 主要建立在以比例、輕重、緩急或反復(fù)、漸變?yōu)榛A(chǔ)的規(guī)律形式上。,畫面中的韻律感,節(jié)奏使版面生動(dòng)、活潑,虛實(shí)與留白,版面中的“虛”，可為空白，也可為細(xì)弱的文字、圖形或色彩，主要依具體版面而定。 為了強(qiáng)調(diào)主體，可有意將其它部分削弱為虛，甚至以留白來襯托

17、主體的“實(shí)”，所以留白是版面“虛”處理中一種特殊的手法。 版面中的虛實(shí)關(guān)系為以虛襯實(shí)，實(shí)由虛托。,虛實(shí)層次使版面豐富，空間使形象或內(nèi)容更突出,版面的設(shè)計(jì)觀念,強(qiáng)調(diào)創(chuàng)意,多維空間的復(fù)合構(gòu)成,強(qiáng)調(diào)個(gè)性風(fēng)格表現(xiàn),逆向視覺角度,網(wǎng)頁版面的互動(dòng)性,強(qiáng)調(diào)創(chuàng)意,平面設(shè)計(jì)中的創(chuàng)意表現(xiàn)為兩種：一是針對(duì)主題思想的象征、明喻、暗喻等思想創(chuàng)意；二是版面編排的設(shè)計(jì)創(chuàng)意。 將主題思想的設(shè)計(jì)創(chuàng)意與編排技巧結(jié)合表現(xiàn)，使創(chuàng)意思想得到更大的發(fā)揮，更佳的表現(xiàn)。,多維空間的復(fù)合構(gòu)成,多維空間表達(dá)為：在二維平面空間上表現(xiàn)立體的、矛盾的、時(shí)間的、虛幻的復(fù)合空間。 在信息高速發(fā)展的多元化時(shí)代，電子、科技、信息類的設(shè)計(jì)有著自身發(fā)展的特殊性，設(shè)計(jì)以追求閃爍的數(shù)字，多層次的視幻感、運(yùn)動(dòng)感、時(shí)空感來表達(dá)對(duì)未來科技發(fā)展的完全未知性，是有序的無序傳達(dá)。 世界是豐富、多元而混雜的，人們?cè)诒磉_(dá)自己思想情感時(shí)逐漸由理性向感性思維轉(zhuǎn)化，沖破約束向自由回歸。,7.4 逆向視覺角度,視覺角度是指物像在拍攝時(shí)攝影師所選取的拍攝角度。 逆向視覺角度、邊緣角度、奇異的空間層次和強(qiáng)烈的透視，使版面在眾多的平面設(shè)