版式設(shè)計分析.ppt

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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