版面編輯設(shè)計筆記作者:海明月光影 來源:/weicwyg/blog/item/75ebdcdc8397d7aacc11661d.html 發(fā)布時間:2010-01-26 08:57 版面編輯設(shè)計筆記_海明月光影_百度空間/weicwyg/blog/item/75ebdcdc8397d7aacc11661d.html 2010-01-20 14:00案例型排版設(shè)計，適合有一定基礎(chǔ)的設(shè)計人員。有興趣可以看下：一、版面編輯設(shè)計的形式原理統(tǒng)一與變化：1、調(diào)子的統(tǒng)一與變化：版面中的色彩關(guān)系可以體現(xiàn)版面的整體感覺，版面中的主色調(diào)與輔色形成統(tǒng)一而對立的感覺2、位置的統(tǒng)一與變化：版面中的很多元素在畫面穿插運用時，能夠在不同的位置上起到相互呼應(yīng)的作用，可使版面靈活地統(tǒng)一起來3、主與從：明確主與從，能弱化沖突，避免凌亂：能通過重點的強化，對比，集中，甚至其中的圖形的特定指向都能突出主體4、重點的強調(diào)：在一個統(tǒng)一的版面中，強化一個具體的點來形成劇烈的變化，就會突出重點，打破單調(diào)的氣氛，使畫面主次分明，活潑生動，也更容易給人留下印象。5、避免視覺混亂：人的視覺習(xí)慣放置主要與次要的物體，千萬不要使之沖突，例如蝸形中心周圍如果放上一個搶眼的物體會產(chǎn)生兩個視覺中心，導(dǎo)致視線模糊對稱與均衡：完全對稱一般會使人產(chǎn)生穩(wěn)定感，但過多的對稱會顯得呆感。均衡不受中軸線的限制，沒有對稱的結(jié)構(gòu)，從量的結(jié)構(gòu)上達到畫面力的平衡要點：不完全對稱的圖形居中排列會使畫面協(xié)調(diào)而且活潑。框的用處：強調(diào)突出，對稱結(jié)構(gòu)十字型的對稱構(gòu)圖很常見的理由是：能產(chǎn)生對稱感對比與調(diào)和：在對比的要素里面要注意對比的量不要超過三分之一。對比是活潑畫面，調(diào)和則是強調(diào)差異性。對比的形式：明暗的對比，大小的對比，色彩的對比，面積的對比。透明重疊會產(chǎn)生層次感。1、文字的對比與均衡：文字的對比有大小、粗細、明暗、疏密、質(zhì)感的對比來調(diào)節(jié)版面中的諸多關(guān)系。使得畫面增添更多的層次感和跳躍感。重疊文字的空隙，有對比之感，利用對比的底色來突出就能達到巧妙地突出效果2、圖版的對比與調(diào)和：圖版的大小對比，色彩對比，明暗對比，面積對比，曲線與直線對比等方法來使版面更加生動，協(xié)調(diào)出血的處理，文字的集中排放和大小的對比使得畫面主次分明。節(jié)奏與韻律：如果構(gòu)成的元素單純，所產(chǎn)生的節(jié)奏感就比較簡單，但元素復(fù)雜的話產(chǎn)生的效果則豐富。但這種變化要適度，對形狀、大小、位置、比例等均做出規(guī)律性的移動或增減。在造型藝術(shù)中，韻律是指基本單位略有調(diào)整地多次反復(fù)，在統(tǒng)一中施以變化。沿著對角線來排列圖形與文字，主要集中在黃金分割線附近。這種排列方式合乎形式美的特點比例與分割：比例是造型與構(gòu)圖的局部與局部之間、局部與整體之間的比重關(guān)系。黃金定律是最完美的比例。黃金比例也可以用于上下分割。上下左右的黃金分割的重心放置主體圖形會產(chǎn)生科學(xué)的比例。斜線黃金分割很常見。兩斜線的以對角線分割畫面，使得畫面能有完美呼應(yīng)。虛實與留白：虛與實體現(xiàn)了畫面中各個元素的前后、遠近、主次的關(guān)系。留白能使畫面更具通透感。空白多，就能給人以格調(diào)高雅的恬靜的感覺；空白少，則令人覺得比較熱鬧。出血的作用可以突出主體，而且有活躍版面，造成新穎的感覺。標(biāo)題和說明文字之間有一部分留白的處理，能使主次比較分明。畫面中如果圖形跟背景色不能自然的融合，可以考慮用漸變?yōu)樵兀褕D形與背景聯(lián)系起來。圖形留著一部分，以虛的方式配以文字，會使版面落落大方視覺流程與網(wǎng)格：1、集中與放射的作用：集中視線。向外擴散型的設(shè)計視覺沖擊力很強，向心型畫面顯沉穩(wěn)。2、細線的作用有：牽引視線，集合細線，融化分割3、呼應(yīng)之感：相同類似的圖形在畫面中會使視線連成一個呼應(yīng)感覺漸變也有引導(dǎo)視線之感，一般視覺感覺是偏向漸變隱退的一邊，明暗也是，向明的一方偏。二、版面編輯設(shè)計的構(gòu)成：點在版面上的處理：點可以點綴畫面，可以通過聚合、分散組合的方式來襯托畫面。輔助元素的使用：要注意主形態(tài)的特征才能結(jié)合字體的顛倒，變換排列，能使得畫面活潑自然。線在版面上的處理：不同的線的形態(tài)，可以分割文字或者鏈接各種視線組合，起到穩(wěn)定版面的作用。面在版面上的處理：面的呼應(yīng)使用有鏈接畫面的作用，還可以用模擬形態(tài)的畫面來活躍畫面。三角形畫面有固定版面，還有動態(tài)之感。特殊形態(tài)的處理：1、正三角形：給人以穩(wěn)定感覺。一般畫面是暗示三角形。倒三角有打破畫面呆板的感覺。橫三角可形成極大的動感，同時具有安全感。由大到?。寒?dāng)漫不經(jīng)心地看到版面時，首先，眼睛會被放大的照片吸引，最后落到小照片上。由大到小形成單純、明快、易于理解的構(gòu)圖。人物視線移動會從左上角到右下角，如果在右下角換上大的物體，會使人感覺到此物體是壓軸之感。圖形中人的眼神，手部身體動作能事先引起人們視線的注意。2、蝸形：把各種過度在弧線上向中心引導(dǎo)。把重要消息安排在蝸形中心，具有強烈的視覺效果。3、向心：從視線外圍向中心集中。注意在這個中心圖的周圍，不要放置妨礙這個主題的其他內(nèi)容。鉤形和鉤形的空白：可配合圖片使用形成鉤形空白。4、N字型：在N字形上進行運動的構(gòu)圖，可形成極大的節(jié)奏感。分割：1、左右分割：用垂直線將版面分割成兩個或者兩個以上部分，左右形成對比。分割的線，可以使實體的線，可以使形態(tài)的線。2、上下分割：將版面分為上下兩部分，可以使直線，空白，對比的形態(tài)3、形的對比：圖片、文字的對比能形成分割感，色塊分割，空白分割4、斜線分割：冷靜中產(chǎn)生動感。版面的平衡：1、對角線：鏈接畫面對角的線，可以體現(xiàn)畫面安全感。壓住四角：在四角的部分有著不可思議的力量，在四角任何地方安排元素都能迅速產(chǎn)生安定感，被破壞的構(gòu)成都能迅速地產(chǎn)生平衡。2、并列：并列圖形是雜志常見的形式，選擇圖形的并列要注意圖形的呼應(yīng)，會產(chǎn)生節(jié)奏與韻律。如制作一樣?xùn)|西的方法，逐一表示，化妝過程的臉部變化都能成為并列的元素。3、天地的處理：版面中，天與地的一邊設(shè)計空白的位置與密度很大的場所，會產(chǎn)生一個被強調(diào)的重點。天小地大會形成優(yōu)雅穩(wěn)定效果，天大地小會形成穩(wěn)定效果。4、版面的黑白灰：黑、白正方形交替鏈接的黑白紋樣，作為版面構(gòu)成的一種樣式被廣泛運用，也是變現(xiàn)的對角線型的一種版面構(gòu)圖。三、文字的編排與設(shè)計文字的基本要素1、字號與字體：大的字體視覺沖擊力較強，而小的字體則容易形成連續(xù)的視覺吸引。字體的選擇要符合版面表達的個性2、字體總數(shù)：在設(shè)計作品中，所包含的文本內(nèi)容一般會有主次之分，除了通過大小字號的變換來達到層次變化之外，在同一版面中，選用的字體不宜太多，一般用到兩到三種最為合適。在現(xiàn)代版面中，設(shè)計為了追求新穎才選用較多的字體。在搭配不同的字體時注意，字體之間要相互區(qū)別，也有一定的包容性，已達到整體的統(tǒng)一。3、字體粗細：在統(tǒng)一字體中，通過字體中的粗細來達到字體的豐富多彩。對少量的文字標(biāo)題一般選用裝飾性的字體，打斷的文字選用筆畫較細，字形簡潔的字體，以方便閱讀。4、手寫字體：突出個性。蠟筆書寫的字體穩(wěn)重給人以溫暖的感覺，毛筆則能表達細膩豐富的感情。5、群組文字圖形化：圖形化是根據(jù)文字主題、內(nèi)容對文字群進行藝術(shù)化處理。有形態(tài)模擬，也有形態(tài)表述6、變形字體：通過拉長拉短等手法進行再設(shè)計，以產(chǎn)生新穎的效果。字體的設(shè)計中堆砌，立體化，重疊的手段會比較常見，還可以對其進行裂解，重構(gòu)達到活潑，新穎的感覺，局部缺失字體會顯得比較特別，同時保持了良好的識別性。7、中英文并用：能使得版面增加層次感，動感。文字群組的4種形式：把主體形象放在視覺流程不符合的地方會產(chǎn)生沉悶之感。反之就是舒適流暢。1、左右均齊：左右均齊是指文字群從左端到右端長度相同，豎排也一個樣。雖然是版面有點呆滯，但是可以通過不同形式的字體混合來達到版面的變化。2、行首取齊：齊左比較適合閱讀習(xí)慣，齊右一般用于特殊的排版，會產(chǎn)生活潑之感。有傾斜式行首對齊，這種手法新穎而穩(wěn)定，是設(shè)計中常用到的手法。3、中齊：以版面的中心為軸線，文字居中排列，特點就是使視線集中，主體更加突出，而且莊重優(yōu)雅，是古典版面的編排最常用的對齊形式。4、繞圖和自由排列：使得圖形生動活潑。更能體現(xiàn)設(shè)計的現(xiàn)代感。也可以在圖片上用字體做畫龍點睛的用處。字距與行距：為了增加畫面的層次感，可以混合使用不同寬窄的字距、行距。疏離的文字可以產(chǎn)生跳躍感，密集的文字可以產(chǎn)生沉郁感。版式：1、橫排：橫排的版面可以分為通欄，雙欄或多欄。通欄適用于開本較小或版心較小的版面，一旦版面較大，字?jǐn)?shù)多的時候使用雙欄或多欄。2、豎排：豎排通欄可以通過一些版式的變形來達到與眾不同的效果，如在版面上方或下方流出大面積的空白，或者縮小欄寬，通過圖片以及注釋來增加變化，活躍版面。3、橫豎混用與自由版式：在同一版面中橫排與豎排混用比較常見。線的運用：劃分：線具有分割圖片與文字，分割欄目的作用。點線有動感的作用，細線一般具有清晰感。細框：空間加上線框之后會產(chǎn)生穩(wěn)定感。下劃線跟重線會產(chǎn)生強調(diào)作用。符號：圖形化以及強調(diào)：中圓點、四方點，三角形，括號等符號圖形化后，都能成為版面的重要元素，與文字或圖片形成對比。符號還可以配合標(biāo)題文字的使用，使得標(biāo)題引人注目。文字的編排方式：1、主標(biāo)題：主標(biāo)題的使用是吸引視線的第一個程序，標(biāo)題的色彩，大小，形式，位置都能體現(xiàn)標(biāo)題的特征與個性。2、副標(biāo)題，小標(biāo)題：通過大小，色彩，肌理等方面來區(qū)別和標(biāo)題正文加以區(qū)分，做到多樣的統(tǒng)一。另外，小標(biāo)題也可以使用特殊符號或重線，線框等加以提示。3、前文：前文的設(shè)計一般通過與正文不同的字號，字體或者文字顏色來加以區(qū)別。除此之外，一些強調(diào)手法，如加括號、線框等也能使得前文更加醒目，以取得良好的導(dǎo)讀效果。字號大的前文有著強烈的導(dǎo)讀作用，而字號小的前文則顯得理性，雅致。4、正文：應(yīng)該注意的是,字號，字體，字據(jù)，行距。中文字體一般采用9-11磅的大小，而英文可以相對縮小一點。字據(jù)小的正文，行的感覺相對強烈，易于形成文字塊。過緊的字據(jù)會影響正文的易讀性。字據(jù)，行距大易產(chǎn)生精致的感覺，但過大，會影響閱讀的速度。行寬小，每行的字?jǐn)?shù)小則易于快速的閱讀。行寬大每行字?jǐn)?shù)多則是舒暢文靜的感覺。5、特殊文字的處理：特殊文字的處理大致可以分為圍框記事，對話形式，問答形式。有說明、提示資料，最新消息、結(jié)論等圈起來，與正文構(gòu)成不同的調(diào)子。圈起來的形式可以是線，也可以使色塊。圖版說明和引出式圖版說明：原則上圖版說明一般放在圖版的旁邊，方便對照閱讀，一般采用與正文不同的字體，而且字號也略小于正文。6、注釋：大段的注釋一般放在正文之后，或正文上方或下方的空白處,簡短的注釋常常被切入文中。7、頁碼與書眉：一般與正文不同，或大或小，應(yīng)該有版面風(fēng)格來設(shè)定。書眉的位置一般都放在天頭或者地角，頁碼則位置比較靈活多變8、目錄：目錄的設(shè)計風(fēng)格要與書籍的內(nèi)容相結(jié)合，設(shè)計可以運用點、線、面、甚至是小插圖和圖片來豐富版面，一般獨特趣味的文字趣味性的編排也能提高版面的設(shè)計感與藝術(shù)感。9、扉頁：即正文之前或正文之間的頁面，是簡單記錄書名、作者、出版社等信息的頁面。扉頁上可以配以合適的圖片等使得頁面更具特色。10、版權(quán)頁：很多設(shè)計師會在版頁文字的編排以及圖形的裝飾上下功夫。文字設(shè)計的表現(xiàn)手法：1、造型的安排：參差的造型：少許的參差會產(chǎn)生妙趣。完整的造型的一部分，出現(xiàn)少許的錯落，會產(chǎn)生微妙的效果。少許的錯落使人感覺到細節(jié)感，錯落大了效果反而減弱。若錯落放在不產(chǎn)生空白的場所，那么就會適得其反，要把錯落放在周圍有充分空白，效果顯著的位置。群化：將文字元素排列在一起發(fā)揮群化的性質(zhì)組成文字群體，使其成面。字的大小和粗細雖然不同，只要距離近就可以組成組群。把距離調(diào)節(jié)適當(dāng)，可以將不同的字體、字群組合成自由的形狀。分離排列：適合現(xiàn)代情趣的一種活潑表現(xiàn)。將文字一個一個分離開來加以排列的手法廣為流行，可以說是一個時代的直率反應(yīng)，也可以說是點的元素在版面中的靈活運用。圖框的處理：可以自由移動的造型一旦納入圍框就會產(chǎn)生穩(wěn)定感。圖框的面積過大，都會造成畫面的董事停止，或者失去與其他版面元素的交流。納入圍框時要與整個畫面取得平衡。疊印的處理：疊印的處理會產(chǎn)生層次感，疊印包括圖與文字的疊印，字體與字體的疊印等。色塊文字的疊印，環(huán)扣，黑白灰底的混合使用等等。2、字體：文章開頭字體的處理：一般用大號跟裝飾形式使用方式。裝飾字體的使用：設(shè)計得當(dāng)?shù)难b飾字體通常會成為畫面的主角，抓住觀眾的眼球。文字的打散與抓裂：具有獨特個性?？梢酝ㄟ^線的切割，肌膚的處理，漸變，抓裂，左右切割，上下切割，重新組合的方式來表現(xiàn)。將文字具體具象化：把文字當(dāng)成裝飾的一部分，可以是背景，也可以使其他的用途。四、圖版的構(gòu)成與設(shè)計版式設(shè)計的基本要素：圖片：1、圖片的面積：圖片的面積大小決定版面氣氛和效果的重要因素。大幅的圖片可以產(chǎn)生很強的視覺沖擊力，小幅插圖則是表達出細膩感。圖片的數(shù)量：插圖小版面看起來就會冷靜，嚴(yán)肅，版面熱鬧容易被別人接受。2、主題的形象：不外乎幾種主題,人物，動物，靜物，景物以及一些抽象的形象。同一主題有生命力的主題比較吸引人，同一主題的人物當(dāng)中，越是與讀者貼近的形象就越能吸引讀者，同一個人表情部分會比身體部分更能吸引。將不同性質(zhì)以及同樣性質(zhì)的圖片放在一起，故意拉開距離，會產(chǎn)生強烈的興趣。3、圖解式照片：常常采用正面和側(cè)面的展示形式，并且往往采用大小相同，角度各異的等比例展示手法，達到明確、冷靜的傳達信息的效果。4、選擇一個局部：用蒙太奇的方式來表達完整的形象，小版面放不來大場景時運用這種圖片蒙太奇手法能達到精妙的效果。5、頭部裁剪的原則：當(dāng)畫面中出現(xiàn)并列的人物頭像時，通常把每一張的面積裁剪成一樣大小。因為圖片的大小可以顯示照片的重要程度，也可以說明人物的重要程度，因此一旦照片產(chǎn)生差異，人物之間的關(guān)系就有了主次之分。除此之外人的頭的大小也可以顯示出人物的重要程度。頭部小的顯得比較次要，如果要保持平衡，記得將頭部大小和照片大小調(diào)整相同的比例，外框面積大的圖片頭部比例適當(dāng)?shù)乜s小。然而，在版面設(shè)計中固然要體現(xiàn)人物的重要程度，但是還要把握住版面的趣味性，人物的動作指向，眼神，都能成為版面的趣味所在。圖片群的處理：1、方式版式，出血版式和處理版式原則：將圖片放置在版面的方形框中，四周留出相應(yīng)的白邊，稱為方形版式。這種版式是經(jīng)常被采用的，是圖片的基本表現(xiàn)形式，而將圖片充滿整個畫面是出血版式，有向外延伸的感覺。處理版式是指非放行切割、去背景或任意的處理之后的版式是處理版式，也稱爛版。方形版式使人感覺拘謹(jǐn)，此版就是顯得尤為突出，平易近人。2、格子的限制性：利用網(wǎng)格來規(guī)范布局，進行圖片的大小、位置的限定，是一種非常方便快捷而十分理性的設(shè)計方法。運用自有版式可以適當(dāng)?shù)卮蚱葡拗啤?、塊狀組合與散點構(gòu)成：在安排版面中的圖片時，將幾張方形圖片并列接在同一區(qū)域組合成版面，相反，將圖片分散在各個部分。則成為散點式的版面。塊狀組合的圖版常常將同一主題多角度低畫面合而為一，或者將不同的圖片形式組合在一起，運用圖片蒙太奇效果。這種版式在外形上形成整塊的圖片，避免了圖片因分散而產(chǎn)生的凌亂。適量的圖文混排，使得版面看起來比較清晰，富于理智，散點的構(gòu)圖形式會打破塊狀的拘謹(jǐn)。視覺的選擇：視覺的意義：視覺的選擇會產(chǎn)生不同效果。俯視的角度有一種溫和親切的感覺，如平面圖和鳥瞰圖，能夠客觀地表達對象。由于這個角度能夠把對象同他周圍的東西隔開，形象的外形十分明確。所以這一角度能夠客觀地表現(xiàn)對象的特點。正面的角度跟著讀者直接面對面，給人正直的感覺。側(cè)面則是親切之感，背影能給人思考的空間。視線：是指人物的視線以及物體正面的朝向。同一方向的視線可以表達同一的立場，及時原本沒有關(guān)系的幾個主題也可以因視線一致而產(chǎn)生某種關(guān)系，完全一致的視線表達了同事或同學(xué)的關(guān)系，交錯的視線能說明是親密的朋友關(guān)系。相對的視線使得主題有彼此的交流，集中于一點并相互交錯，暗示著雙方相對峙。由于視線可以產(chǎn)生版面的深度和空間，因此相反的視線可以產(chǎn)生更豐富的空間效果。利用這種作用，可以有效地安排畫面空間，控制版面的中心點。同時，在視線的方向安排不同的空間可以產(chǎn)生完全不同的效果。圖片的表現(xiàn)手法：1、點對空間的支配：如何確定圖片的位置，可以用點代替做些實驗，點對空間起到與圖片相同的作用。在一些點中安排，也可以方便地了解圖片應(yīng)擺放的位置。2、四周包圍起來：會產(chǎn)生安全感。同時使得版面形成一個整體。從四周透露主題：與出血版式不同的是，此構(gòu)圖是將中心