版式設(shè)計(jì)心得

版式設(shè)計(jì)心得版式設(shè)計(jì)心得在沒(méi)有學(xué)習(xí)版式設(shè)計(jì)之前，我完全不知道一本雜志，或者一張海報(bào)的設(shè)計(jì)有這么多講究，還以為只要把元素都擺上去看著舒服就行。我記憶最深的兩個(gè)大的概念是一開(kāi)始老師說(shuō)的黑白灰層次和分欄線。版式設(shè)計(jì)和素描一樣要分出黑白灰，同時(shí)不同等級(jí)的信息還要分成不同等級(jí)的灰，這樣畫(huà)面才會(huì)層次豐富。分欄線是相對(duì)理性的概念，在版式設(shè)計(jì)中至關(guān)重要，信息元素要按欄線排放才會(huì)井然有序，不會(huì)給人雜亂無(wú)章的感覺(jué)。這是我需要加強(qiáng)學(xué)習(xí)的方面。在版式設(shè)計(jì)中有幾大原則，一是整體性原則，二是簡(jiǎn)潔性原則，三是重復(fù)原則。任何版面都要注重整體，同時(shí)也不能忽略細(xì)節(jié)，細(xì)節(jié)體現(xiàn)品質(zhì)。老師經(jīng)常提到的一點(diǎn)很重要的是不能為了形式而形式，形式是服務(wù)于功能的，不要為了形式而忽略功能，要實(shí)現(xiàn)美觀與功能的統(tǒng)一。在學(xué)習(xí)中發(fā)現(xiàn)了很多問(wèn)題，首先第一大問(wèn)題就是軟件操作不熟悉，這點(diǎn)需要我們?cè)谝院蟮膶W(xué)習(xí)中加強(qiáng)。二是整體的觀念不夠強(qiáng)，容易出現(xiàn)雜或散的畫(huà)面，這也要在以后的學(xué)習(xí)中多加注意，多分析好的作品。三是細(xì)節(jié)關(guān)注度不夠，經(jīng)常容易忽略細(xì)節(jié)，要多加注意。設(shè)計(jì)的時(shí)候，如果設(shè)計(jì)者隨意地進(jìn)行處理而不考慮當(dāng)中的原則方法及對(duì)象規(guī)律的話，那么很多時(shí)候都會(huì)出現(xiàn)一些不太好的結(jié)果。雖然感性是一種相當(dāng)重要的因素，設(shè)計(jì)中一定要帶有情感，但并不代表簡(jiǎn)單地依靠情感就能做出好的設(shè)計(jì)。相反，如果設(shè)計(jì)的時(shí)候能夠考慮到各方面的因素并運(yùn)用恰當(dāng)?shù)姆椒ǖ脑挘敲醋髌穼⒏拥皿w和出色。在網(wǎng)頁(yè)設(shè)計(jì)中，版式設(shè)計(jì)占的比重非常大，可以說(shuō)版式的好壞直接決定頁(yè)面的成敗，也可以說(shuō)它是網(wǎng)頁(yè)視覺(jué)識(shí)別的基礎(chǔ)。那么在具體視覺(jué)設(shè)計(jì)的時(shí)候，版式上有哪些原則及方法的？為設(shè)計(jì)對(duì)象建立一個(gè)合適的網(wǎng)格。排版網(wǎng)格是由一些垂直和水平的線構(gòu)成的結(jié)構(gòu)，可以用來(lái)幫助內(nèi)容結(jié)構(gòu)化，它能夠讓對(duì)象產(chǎn)生秩序感。有些人說(shuō)網(wǎng)格太過(guò)于呆板，影響設(shè)計(jì)創(chuàng)意，我個(gè)人覺(jué)得可以把網(wǎng)格當(dāng)做一個(gè)整體大的框架，也可以作為設(shè)計(jì)師組織文字、圖片的支架，它相當(dāng)于是設(shè)計(jì)的基礎(chǔ)，沒(méi)有好的基礎(chǔ)怎么能夠談得上出色的設(shè)計(jì)呢？所以網(wǎng)格不僅不影響創(chuàng)意的發(fā)揮，反而能使設(shè)計(jì)師思路得到理性地梳理。網(wǎng)格地使用，能較好地解決設(shè)計(jì)師關(guān)于頁(yè)面中各元素定位的問(wèn)題，在這基礎(chǔ)之下可以做科學(xué)的精準(zhǔn)的版式的規(guī)劃。同時(shí)使用網(wǎng)格也是一個(gè)令您的設(shè)計(jì)變得高效的方法之一，在把草圖轉(zhuǎn)化為設(shè)計(jì)稿的過(guò)程中，在版式方面主要的難點(diǎn)是如何精確地安排各個(gè)元素，如果這時(shí)候呢夠選擇合適的網(wǎng)格進(jìn)行設(shè)計(jì)，那么這個(gè)起點(diǎn)的意義是不可小看的。網(wǎng)頁(yè)中版式的節(jié)奏感及韻律，來(lái)源于排版中的疏密的間隔安排，它就好比音樂(lè)作品里的節(jié)拍，也是組織內(nèi)容的一個(gè)重要單元。當(dāng)然在繪畫(huà)作品中也是能體現(xiàn)的，只不過(guò)繪畫(huà)作品和設(shè)計(jì)作品有些類似，都是通過(guò)疏密的控制讓對(duì)象形成畫(huà)面節(jié)奏的和諧感受。在網(wǎng)頁(yè)中可以通過(guò)一系列的重復(fù)和固定的間隔來(lái)建立一種視覺(jué)和諧的美感，如在一些字體大小，行距、模塊與模塊間的距離等等的制定?？v向的節(jié)奏在網(wǎng)頁(yè)設(shè)計(jì)中是比較運(yùn)用廣泛且明顯的，如大部分資訊型的站點(diǎn)。縱向節(jié)奏在這方面起到的優(yōu)化網(wǎng)站的作用還是挺大的。什么是網(wǎng)頁(yè)縱向節(jié)奏感？其實(shí)就是為網(wǎng)站設(shè)定一個(gè)縱向的單元高度，就好比我們的記事本那樣，每一頁(yè)都是布滿了固定高度的線。如果文字正好處于單元高度上，那版面就能獲得連貫的縱向平衡和節(jié)奏感。很顯然，按縱向垂直節(jié)奏排列的設(shè)計(jì)更加容易掃描或閱讀，因?yàn)樗箖?nèi)容的“出現(xiàn)”更加有規(guī)律。這個(gè)方法不僅適用在局部的文字內(nèi)容區(qū)，對(duì)于整個(gè)頁(yè)面的內(nèi)容排布也是有用的，當(dāng)然在包含復(fù)雜元素的頁(yè)面中，如包含多種尺寸的圖片、標(biāo)題、文字格式的時(shí)候，就需要對(duì)單元高度的設(shè)定做更多的考慮。不過(guò)根據(jù)以往個(gè)人的設(shè)計(jì)經(jīng)歷，這種精準(zhǔn)的節(jié)奏方法因受限于各種情況的影響而不總是可以完全實(shí)現(xiàn)，尤其是在設(shè)計(jì)復(fù)雜頁(yè)面的時(shí)候。第二篇：進(jìn)階理解版式設(shè)計(jì)(學(xué)習(xí)心得)10300字進(jìn)階理解版式設(shè)計(jì)（學(xué)習(xí)心得）Step01：如何確定版面的樣式？原文：除了必須合理地編排版面中的各種信息要素以外，版式設(shè)計(jì)還應(yīng)特別注重頁(yè)面整體設(shè)計(jì)風(fēng)格的一致性和連貫性。設(shè)計(jì)師想要得心應(yīng)手地進(jìn)行版式設(shè)計(jì)，就需要首先確定版面的樣式。心得：圖片和文字直接要有聯(lián)系，可以通過(guò)增加顏色相近的元素（點(diǎn)、線、條塊等），位置靠近等各種方法。視覺(jué)度：版面中的圖片圖形所帶來(lái)的視覺(jué)沖擊力叫做視覺(jué)度，不同類型的圖片和圖形所產(chǎn)生的視覺(jué)度會(huì)有較大的差異（素材），如何利用視覺(jué)度取決于所要傳達(dá)的內(nèi)容，當(dāng)版面?zhèn)鬟_(dá)的是含蓄而有內(nèi)涵的內(nèi)容時(shí)，視覺(jué)度不宜過(guò)高，需要醒目的內(nèi)容時(shí)，需要增大。圖片表現(xiàn)力(3B原則)增加視覺(jué)度：Beauty美女、Baby孩童、Beast動(dòng)物圖片的選擇：人物臉部比例，越大適合表現(xiàn)智力、理想、抱負(fù)等，比例小適合表現(xiàn)人物狀態(tài)和動(dòng)作。商業(yè)、教育等行業(yè)適合比例大的臉部圖片，生活工業(yè)農(nóng)業(yè)大膽使用臉部比例較小的圖片。跳躍率：版面中面積最大的元素和面積最小的元素之間的比率。（有點(diǎn)像對(duì)比度）跳躍率一般根據(jù)作品需表達(dá)的內(nèi)容來(lái)調(diào)整，將主要元素的跳躍率增大，次要元素、點(diǎn)綴畫(huà)面元素的跳躍率降低，從而達(dá)到主次分明的效果。根據(jù)視覺(jué)流程，人們的實(shí)現(xiàn)一般是先圖片，其次才是文字等其他元素。文字為主的版面，降低圖片跳躍率，增加文字跳躍率，增強(qiáng)其表現(xiàn)更具吸引力；反之亦然文字跳躍率：正文和最大標(biāo)題的比例，提高跳躍率則表現(xiàn)了一種活潑生動(dòng)的風(fēng)格，不高不低的跳躍率則不會(huì)讓人留下深刻的印象。圖片跳躍率：活潑的版面增加跳躍率，沉穩(wěn)的版面降低跳躍率。人物圖片，顏色鮮艷的圖片可以放大，低沉、灰暗的圖片可以適當(dāng)縮小圖片的對(duì)齊方式來(lái)調(diào)整版面：陣列對(duì)齊(沒(méi)有輕重之分，強(qiáng)調(diào)秩序美感)、左上對(duì)齊（強(qiáng)調(diào)向左上方擴(kuò)展趨勢(shì)，符合視覺(jué)習(xí)慣）、右上對(duì)齊（強(qiáng)調(diào)向右上方擴(kuò)展趨勢(shì)）、四周對(duì)齊（強(qiáng)調(diào)穩(wěn)定感）、集中對(duì)齊（適合三欄結(jié)構(gòu)，中間圖片兩邊文字，平衡感）、上下對(duì)齊（向上漂浮感，結(jié)合文字比較活潑）移動(dòng)圖片的視覺(jué)重心：同一版面，圖片的位置安排不同，設(shè)計(jì)風(fēng)格也不同可能遇到的問(wèn)題：1、沒(méi)太多素材卻希望效果豐富？解：通過(guò)增加圖片的底色以及使用高純度的色塊填補(bǔ)空白區(qū)域，以充實(shí)整個(gè)版面2、雖然只有文字，但希望版面變得更豐富？解：改變文字的形狀來(lái)增加趣味性，并引導(dǎo)讀者的視覺(jué)流程3、版面內(nèi)容不多，但還是要營(yíng)造出豐富的層次？解：將單幅圖片重新組合為較為豐富的圖像，選擇合適的字體呼應(yīng)圖片的處理Step02：如何理解版面的構(gòu)成？原文：點(diǎn)、線、面是構(gòu)成版面空間的基本元素，點(diǎn)能夠使版面產(chǎn)生不同的心理效應(yīng)；線主要是通過(guò)直線和曲線進(jìn)行表現(xiàn)，其關(guān)鍵在于排列的方式；面通過(guò)形與形的組合，賦予版面一定的情感和意義。點(diǎn)、線、面的綜合表現(xiàn)，可以豐富版面的層次，完美的呈現(xiàn)版面的視覺(jué)效果，使作品更加精彩動(dòng)人。心得：版面之間的親密性（圖片之間要有聯(lián)系，注意邏輯關(guān)系），留白的空間要合適（不是平均主義），顏色要協(xié)調(diào)，文字編排對(duì)齊要講究，還必須注意跳躍率和圖片表現(xiàn)力點(diǎn)：在有限的版面起到了點(diǎn)綴的作用，也可以理解為焦點(diǎn)，亮點(diǎn)。明確點(diǎn)的大小變化：點(diǎn)大點(diǎn)小給人的視覺(jué)感受不一樣，注意形象的強(qiáng)調(diào)，縮小點(diǎn)綴，放大就有面的感覺(jué)，點(diǎn)多且大，給人以厚重的感覺(jué)，點(diǎn)多且小，給人以豐富的感覺(jué)位置不同的點(diǎn)會(huì)產(chǎn)生不同的視覺(jué)感受，作為畫(huà)面的中心（焦點(diǎn)），位置很重要，還可以平衡畫(huà)面，填補(bǔ)空間，活躍氣氛點(diǎn)綴作用。點(diǎn)的分布形式：左右對(duì)稱式、上下對(duì)稱式、左上式、左下式、右上式、右下式、邊緣發(fā)散式、中心發(fā)散式、自由式線：有形態(tài)明確的實(shí)線、虛線，也有空間中的視覺(jué)流動(dòng)線，實(shí)線給人一目了然的感覺(jué)，虛線給人一種虛幻、飄渺的感覺(jué)；空間的視覺(jué)流動(dòng)線并不是實(shí)實(shí)在在的線，它是引導(dǎo)視線流動(dòng)的線，是因?yàn)槟撤N視覺(jué)的引導(dǎo)而構(gòu)筑在心理中的線。線的性格：垂直線：富于生命力，力度感和伸展感水平線：穩(wěn)定感、平靜感，略顯呆板自由曲線：自由、瀟灑、隨意、優(yōu)美幾何曲線：彈力，均衡，體現(xiàn)規(guī)則柔美斜線：富于運(yùn)動(dòng)感、動(dòng)態(tài)和方向感較強(qiáng)折線：方向變化豐富，易形成空間感細(xì)線：精致、挺拔、銳利粗線：壯實(shí)、敦厚線的分割：使用線將多個(gè)相同或相似的形態(tài)進(jìn)行空間等量分割時(shí)，版面唆傳達(dá)的是一種有序的，和諧的感覺(jué)，以線對(duì)圖形進(jìn)行分割的時(shí)候需要考慮圖形的類型，并根據(jù)內(nèi)容的主次編排他們的位置，通過(guò)不同比例的空間分割，會(huì)產(chǎn)生各種各樣的空間對(duì)比效果與節(jié)奏感，線的排列會(huì)使分欄更清晰，更具條理，從而增強(qiáng)了信息的易讀性。掌握線的空間力場(chǎng)：力場(chǎng)的大小與線的粗細(xì)和虛實(shí)有關(guān)。線粗而實(shí)，力場(chǎng)感則強(qiáng)，線細(xì)且虛，力場(chǎng)感則弱。一般來(lái)說(shuō)，實(shí)線的力場(chǎng)會(huì)強(qiáng)于虛線，但也不是越強(qiáng)越好，合適才是最重要的。線的空間約束能力：線有較強(qiáng)的空間約束力，使用細(xì)線可以將內(nèi)容區(qū)別出來(lái)，就能有效的引導(dǎo)人們的視線。線框細(xì)，版面則輕快而有彈性；線框粗，就會(huì)有被強(qiáng)調(diào)的感覺(jué)，同時(shí)可以引導(dǎo)視線。但如果線框過(guò)粗，在穩(wěn)定版面的同時(shí)也會(huì)顯得呆板。面：比點(diǎn)和線來(lái)得更加實(shí)在，具有鮮明的個(gè)性特征，可分成幾何形和自有形態(tài)兩大類，面在版面中的作用非常重要，掌握面的特點(diǎn)，就能讓他更好的為版面服務(wù)。面與色彩帶來(lái)的空間關(guān)系：（很重要?。?，可以參考《寫(xiě)給大家看的設(shè)計(jì)書(shū)第三版》中，顏色的對(duì)比。使版面的空間構(gòu)成感更強(qiáng)：體現(xiàn)出“三維的空間關(guān)系”！1、可以通過(guò)改變比例關(guān)系營(yíng)造空間感：近大遠(yuǎn)小2、可以通過(guò)改變位置關(guān)系營(yíng)造空間感：前后疊壓的位置關(guān)系，可以營(yíng)造出空間層次關(guān)系，產(chǎn)生層次豐富的空間效果。重要的信息被安排在視線最先到達(dá)的位置，其他信息則與主體信息配合，安排在上或下的次要位置。3、通過(guò)黑白灰的空間層次營(yíng)造空間感：高調(diào)、低調(diào)、灰調(diào)，或者對(duì)比強(qiáng)烈可能遇到的問(wèn)題：1、文字量很大，不能很好的強(qiáng)調(diào)重點(diǎn)？解：在需要突出重點(diǎn)的文字下增加和底色差別較大的色塊2、面已經(jīng)占有很大面積，但周?chē)鷧s很空？解：在畫(huà)面中增加可以隨意調(diào)整的“點(diǎn)”和具有韻律感的“線”3、線條很多，會(huì)不會(huì)造成畫(huà)面的雜亂感？解：將線條統(tǒng)一在一個(gè)顏色中，并將解釋說(shuō)明的文字也以線的形式進(jìn)行表現(xiàn)4、在“面”占用版面重要位置的時(shí)候，不能很好地表現(xiàn)“點(diǎn)”和“線”解：將“面”統(tǒng)一在一個(gè)色調(diào)中，使用差別較大的顏色展示“點(diǎn)”和“線”Step03：如何運(yùn)用網(wǎng)格系統(tǒng)？原文：掌握網(wǎng)格系統(tǒng)是從事版面設(shè)計(jì)所必須具備的基礎(chǔ)修養(yǎng)之一。網(wǎng)格系統(tǒng)作為一種行之有效的版面設(shè)計(jì)形式法則，它將構(gòu)成主義的秩序引入到設(shè)計(jì)之中，使所有的版面構(gòu)成元素之間的協(xié)調(diào)一致成為可能。心得：素材較少增加底色，增加點(diǎn)、線等元素關(guān)聯(lián)對(duì)象，按邏輯性親密性分組，統(tǒng)一畫(huà)面的視覺(jué)流動(dòng)線或點(diǎn)（對(duì)稱或一條線），建立網(wǎng)格線，增強(qiáng)透氣感。理解版面的視覺(jué)重心，合理分布視覺(jué)焦點(diǎn)，豐富圖文之間的層次網(wǎng)格：使圖片和文字有一個(gè)排列的規(guī)則和系統(tǒng)，從而讓整個(gè)版面更加具有規(guī)劃性。什么樣式的設(shè)計(jì)，脫離了網(wǎng)格都很可能造成版面的混亂。網(wǎng)格在文字排版中的重要作用：橫向分欄或縱向分欄，統(tǒng)一，整齊有序網(wǎng)格的類型：安排均勻的水平和垂直的格狀物，網(wǎng)格設(shè)計(jì)就是在版面上按照預(yù)先確定好的格子為圖片和文字確定位置。網(wǎng)格設(shè)計(jì)能夠?qū)?fù)雜的排版變得更加簡(jiǎn)便。有效的解決了版式設(shè)計(jì)中的各種問(wèn)題。對(duì)稱式網(wǎng)格：根據(jù)左右兩個(gè)版面或是一個(gè)對(duì)頁(yè)而言的。對(duì)稱式網(wǎng)格是指左右兩頁(yè)擁有相同的邊距、相同的網(wǎng)格數(shù)量和版面安排等。效果穩(wěn)定，平衡左右兩個(gè)頁(yè)面的信息可以分為：?jiǎn)螜趯?duì)稱網(wǎng)格（簡(jiǎn)單，但容易視覺(jué)疲勞，純文字性書(shū)籍）雙欄對(duì)稱網(wǎng)格（避免文字較長(zhǎng)產(chǎn)生的枯燥感，閱讀起來(lái)流暢，缺點(diǎn)是較為呆板）均衡雙欄對(duì)稱網(wǎng)格（雙欄的寬度不一樣，左窄右寬或左寬右窄，操作較為靈活，但缺點(diǎn)是窄的一欄一般只能放置一些注釋或相關(guān)解釋性的說(shuō)明文字，不是所有的書(shū)籍都適合這種體例）多欄對(duì)稱網(wǎng)格：可以根據(jù)文字字號(hào)等情況安排欄數(shù)，左右兩邊的欄數(shù)必須相等。不適合正文的編排。非對(duì)稱式網(wǎng)格：一般用于設(shè)計(jì)散頁(yè)，左右兩邊的排列方式相同，但不是絕對(duì)對(duì)稱的。非對(duì)稱式單元格：以單元格為基礎(chǔ)的網(wǎng)格設(shè)計(jì)，使用非對(duì)稱式單元格可以很輕松的找到防止圖片和文字的位置，設(shè)計(jì)師只需要將設(shè)計(jì)需要的圖片有選擇的放置在一個(gè)或幾個(gè)單元格中，即可輕松完成排版的操作。非對(duì)稱式單元格是從非對(duì)稱式網(wǎng)格中演變而來(lái)，在單元格中既可以根據(jù)需要調(diào)整文字和圖片的位置和大小，同時(shí)還可以合并幾個(gè)單元格，將內(nèi)容放置在合并后的單元格中。網(wǎng)格的應(yīng)用：不是千篇一律的，一般原則是：首先確定兩個(gè)版面的位置，然后確定內(nèi)頁(yè)邊距和外爺邊距，并制作網(wǎng)格，再對(duì)文字和圖片進(jìn)行編排。網(wǎng)格的設(shè)置是根據(jù)網(wǎng)格的類型及版面的內(nèi)容而定的。圖片較多的版式往往會(huì)使用多欄網(wǎng)格進(jìn)行排列。文字較多的往往使用左右對(duì)稱雙欄網(wǎng)格。圖片較大的版式往往會(huì)使用左右不對(duì)稱的單欄網(wǎng)格進(jìn)行排列，圖片和文字的數(shù)量和比例相差不多的通常會(huì)使用左右對(duì)稱的網(wǎng)格進(jìn)行排列?？梢?jiàn)根據(jù)內(nèi)容不同使用不同網(wǎng)格是很有必要的。分欄與分塊：分欄意味著將當(dāng)前頁(yè)面中的內(nèi)容整齊地排為幾列：分塊則是在分欄的基礎(chǔ)上建立的橫向劃分，這樣做的目的使版面安排更加靈活，圖片和文字能夠更加合理的進(jìn)行編排。利用有線的網(wǎng)格排出靈活的版式：網(wǎng)格運(yùn)用不好會(huì)給版面帶來(lái)呆板的負(fù)面影響。設(shè)計(jì)師在運(yùn)用網(wǎng)格設(shè)計(jì)的同時(shí)，應(yīng)當(dāng)打破網(wǎng)格的約束以使版面安排更加活潑生動(dòng)。要想在有限的網(wǎng)格中排出靈活的版式，首先要將圖片和文字進(jìn)行合理的規(guī)劃。還要根據(jù)圖片和文字的類型在版面中進(jìn)行留白處理，以增強(qiáng)版面的透氣感。可以打破網(wǎng)格，比如出血效果。欄寬不固定的時(shí)候，圖片大小可以和文字隨意搭配，一欄、兩欄合并排列或通欄排列都可以。每欄寬固定的時(shí)候，每欄中對(duì)文字和圖片進(jìn)行編輯，也可以進(jìn)行合并欄編輯。擁有多個(gè)單元格的網(wǎng)格中，可以根據(jù)多個(gè)單元格進(jìn)行組合，并根據(jù)組合的區(qū)域?qū)D片大小進(jìn)行調(diào)整通過(guò)輔助線設(shè)置網(wǎng)格：設(shè)計(jì)前，對(duì)圖片，文字以及內(nèi)外頁(yè)區(qū)域有明顯的界定?！按_定版心”。再分欄可能遇到的問(wèn)題：1、大面積的圖片，怎樣來(lái)劃分網(wǎng)格？解：將網(wǎng)格細(xì)分，將不多的文字排列在圖片較空的位置2、需要一些變化來(lái)打破網(wǎng)格解：在適當(dāng)?shù)奈恢锰砑哟蚱凭W(wǎng)格的視覺(jué)元素，3、文字的欄數(shù)和圖片不對(duì)應(yīng)，該怎樣統(tǒng)一？解：將整個(gè)版面分為上、下兩個(gè)部分，上面的對(duì)圖像分欄，下面對(duì)文字分欄4、圖片素材不夠完整，怎樣安排文字？解：借用圖片的動(dòng)勢(shì)和留白來(lái)安排文字，圖片意外的其他元素盡量整齊。Step04：如何掌握文字的編排？原文：文字也是版式設(shè)計(jì)中必不可少的視覺(jué)表現(xiàn)元素，在版式設(shè)計(jì)中發(fā)揮著不可估量的作用。文字有力的推動(dòng)了版面的設(shè)計(jì)特征以及設(shè)計(jì)情感的傳達(dá)，這就使版面設(shè)計(jì)不僅僅局限于信息意義上的傳達(dá)，更是一種高尚的藝術(shù)表現(xiàn)形式。文字的字體種類較為繁多，不同的字體、字號(hào)、對(duì)齊形式等都會(huì)直接影響版面的易讀性和效果。心得：文字需要有設(shè)計(jì)感，拆分文字筆畫(huà)重新組合，適當(dāng)增加一些裝飾元素。選擇合適的字體，選擇烘托氣氛的表現(xiàn)元素，選擇合適的排列方法合適的字體：合適的字體需要滿足整個(gè)版面的設(shè)計(jì)需求，并根據(jù)其整體風(fēng)格來(lái)定位。例如，財(cái)經(jīng)雜志標(biāo)題字體方正嚴(yán)謹(jǐn)，顯示其權(quán)威性，幼兒雜志，標(biāo)題需要有一定的親和力，正文的文字盡量不要太多，版式以圖片為主。較為規(guī)整的字體時(shí)，整個(gè)版面會(huì)顯得莊重、嚴(yán)肅；較為隨意的字體時(shí)，整個(gè)版面會(huì)顯得較為個(gè)性；較為圓潤(rùn)的字體時(shí)，整個(gè)版面會(huì)頗具卡通情趣；帶有曲線的文字時(shí)，整個(gè)版面會(huì)充滿一種神秘感和歐洲風(fēng)情。字體的選擇會(huì)改變整個(gè)版面的風(fēng)格，根據(jù)要表現(xiàn)的風(fēng)格來(lái)選擇字體。中文字體的選擇：標(biāo)題的字體需要有一定的醒目性，能一眼就能看到，要超過(guò)正文的視覺(jué)注意力。選擇較粗的字體用于標(biāo)題是比較合適的，正文字體一定不要過(guò)粗。注意字體之間的搭配：襯線體是指字形筆劃末端的裝飾細(xì)節(jié)部分，因此也被稱為“飾線體”或“有腳體”。一般用于正文，因?yàn)楦子陂喿x。無(wú)襯線體的筆劃基本一致，沒(méi)有襯線裝飾，較為醒目。一般用于標(biāo)題，顯示器上網(wǎng)頁(yè)等一般也用無(wú)襯線體。中英文字體間的搭配：漢儀中等線簡(jiǎn)體——Helvetica漢儀細(xì)等線簡(jiǎn)體——courierNew漢儀書(shū)宋一簡(jiǎn)體——TimesNewRoman漢儀中黑簡(jiǎn)體——MyriadPro微軟雅黑——LucidaGrande方正黑體簡(jiǎn)體——Arial版式中字號(hào)的設(shè)置：標(biāo)題字號(hào)的靈活處理：字號(hào)大的文字能吸引讀者的注意，但應(yīng)視版面信息傳達(dá)的要求而定，標(biāo)題字號(hào)一般采用較大的點(diǎn)數(shù)通過(guò)字體的粗細(xì)來(lái)強(qiáng)調(diào)重點(diǎn)：另一種方式是改變文字的字體樣式，選擇較粗的字體。配合文字的字體設(shè)置字距：字體越小，字據(jù)也越小根據(jù)文字的用途來(lái)確定行距：小的行距能增加行之間的聯(lián)系，大的能使文字識(shí)別起來(lái)更加清晰，用作標(biāo)題時(shí)，行距需要適中。一般來(lái)說(shuō)標(biāo)題的行距為標(biāo)題文字的高度即可，有時(shí)也有2-3倍。依照段落的關(guān)系來(lái)調(diào)整段距：根據(jù)上下文的關(guān)系緊密度來(lái)區(qū)分，合理的段距還能適當(dāng)消除閱讀整篇文字后的疲勞感。段落的位置與欄寬：盡量以一種對(duì)齊方式（左對(duì)齊、右對(duì)齊或居中），跨頁(yè)中左右兩邊的段落文字頂端和底端都盡量對(duì)齊，這樣不僅能統(tǒng)一畫(huà)面，還能整個(gè)版面井然有序。設(shè)置文字欄寬時(shí)，可根據(jù)圖片的寬度進(jìn)行調(diào)整根據(jù)段落之間的聯(lián)系來(lái)調(diào)整段落的位置根據(jù)版式的風(fēng)格來(lái)確定段落的排列方式（橫向、縱向）文字的編排規(guī)則：強(qiáng)調(diào)文字的可讀性，文字位置的合理性和文字設(shè)計(jì)的創(chuàng)造性?？勺x性：容易辨認(rèn)的字體，字號(hào)大小不能太小（可以參照上面的表格）位置的合理性：考慮全局，不能有視覺(jué)上的沖突（比如對(duì)稱因素等）創(chuàng)造性：根據(jù)主題要求，突出設(shè)計(jì)的個(gè)性色彩，比如添加藝術(shù)效果，比如將文字筆劃做合理的變形搭配。文本信息進(jìn)行分級(jí)處理：減輕視覺(jué)疲勞，突出文本的重要內(nèi)容通過(guò)改變文字的字號(hào)來(lái)提煉標(biāo)題：并不是越大越好，但要突出對(duì)比通過(guò)改變文字的字體來(lái)突出重點(diǎn)：都是相同字體的情況下，需強(qiáng)調(diào)的文字進(jìn)行字體的改變就能很好的突出需強(qiáng)調(diào)的內(nèi)容。通過(guò)改變文字的顏色來(lái)強(qiáng)調(diào)內(nèi)容：將需強(qiáng)調(diào)的文字顏色調(diào)整為醒目顏色（對(duì)比色）文本中的語(yǔ)義斷句：幫助讀者易于理解。每句一行比較好（每句不要太長(zhǎng)，每行不要太長(zhǎng)）根據(jù)標(biāo)點(diǎn)符號(hào)來(lái)斷句：標(biāo)點(diǎn)符號(hào)的用法在進(jìn)行杜納羅安排時(shí)很重要通過(guò)改變顏色進(jìn)行斷句：通過(guò)字體字號(hào)進(jìn)行斷句：可能遇到的問(wèn)題：1、沒(méi)有書(shū)法字體，怎樣體現(xiàn)中式風(fēng)格？解：選擇典型的圖片元素，細(xì)致地推敲文字的排列方式來(lái)烘托整體的氣氛2、文字是版面的視覺(jué)中心，怎樣體現(xiàn)創(chuàng)意？解：對(duì)文字進(jìn)行裝飾性的創(chuàng)意表現(xiàn)3、當(dāng)文字需要兼顧敘述和表現(xiàn)兩種功能時(shí)解：將文字轉(zhuǎn)換為圖形，以增強(qiáng)畫(huà)面的表現(xiàn)效果4、漢字放大后在版面中會(huì)不容易處理？解：裁切文字，增強(qiáng)設(shè)計(jì)感，同時(shí)保留文字的識(shí)別功能（出血效果等）Step05：如何進(jìn)行圖片的處理？原文：圖片在版式設(shè)計(jì)中起著很直觀的表現(xiàn)版面的作用，通過(guò)對(duì)圖片的處理，可以展示出不同類型和風(fēng)格的版面，在明確表達(dá)信息的同時(shí)更清晰地展現(xiàn)版面內(nèi)容。圖片不僅起著傳遞版面信息的作用，而且好的圖片又能使讀者從中獲得美的享受。心得：圖片之間不可沒(méi)有邊距，留白要和諧，不能太空，將有聯(lián)系的圖片組合排列（親密性）。添加與圖片相關(guān)的幾何圖形（顏色相關(guān)、元素相關(guān)、對(duì)齊方式相關(guān)等）。如何挑選圖片：一般來(lái)說(shuō)，版面中圖片較少的時(shí)候，讀者的閱讀興趣會(huì)相應(yīng)的減少；圖片在版式設(shè)計(jì)中的安排非常重要，圖片在二維空間中展開(kāi)豐富的藝術(shù)造型，以更加豐富和形象的方式有效的傳遞信息，使平面具有三維的空間感，更加吸引人。挑選時(shí)：注重版式的設(shè)計(jì)，豐富、色彩鮮艷的圖片很容易成為版面的視覺(jué)中心。攝影圖片的選擇：近景和遠(yuǎn)景圖片的選擇：近景圖片在整個(gè)版面中成為較大的視覺(jué)中心會(huì)更加合適。（人物、室內(nèi)等）動(dòng)態(tài)和靜態(tài)圖片的選擇：都是靜態(tài)圖片時(shí)，選擇一張較大的動(dòng)態(tài)圖片作為視覺(jué)中心會(huì)比較合適，能帶動(dòng)整個(gè)版面的氣氛，立刻充滿動(dòng)感。整體和局部圖片的選擇：整體圖片可以看到整體效果，局部圖片可以更清楚的看到細(xì)節(jié)。兩者可以結(jié)合使用運(yùn)用圖片進(jìn)行多種組合：即使是相同的圖片，其組合的形式也是千變?nèi)f化的，哪怕只是圖片大小、方向的改變就會(huì)改變整個(gè)版式的效果?？傮w可以分為兩種組合形式：規(guī)則式：特點(diǎn)是圖片與圖片之間盡量使用對(duì)齊的方式，并將所有圖片組合的外輪廓統(tǒng)一在一個(gè)幾何圖形中，圖片的大小方向都會(huì)受到一定的限制。較為呆板，需要強(qiáng)調(diào)和注意的地方很多，但體現(xiàn)出一種權(quán)威，給人以一種信賴感。自由式：、特點(diǎn)是：圖片與圖片之間沒(méi)有固定的排列模式，圖片的大小，方向等可以根據(jù)版面需要隨意調(diào)整，排列方式較為靈活。給人一種輕松感，但不適合大多數(shù)的排版要求。設(shè)計(jì)師進(jìn)行這種練習(xí)是很必要的。通過(guò)強(qiáng)調(diào)的重點(diǎn)來(lái)安排圖片的大?。焊鶕?jù)客戶的要求而定，客戶想要突出什么內(nèi)容，就是這個(gè)版面的重點(diǎn)。另一方面是根據(jù)圖片的效果而定，從顏色、構(gòu)圖、立意等多方面考慮版面的重點(diǎn)。重點(diǎn)確定了，把重點(diǎn)圖片放大，成為視覺(jué)中心。根據(jù)圖片的外形進(jìn)行合理的編排：直接將矩形的圖片進(jìn)行編排較為常見(jiàn)，能很好的統(tǒng)一畫(huà)面，但較為整齊呆板，在設(shè)計(jì)中不妨打破圖片的矩形外型，尋找適合不同版面的圖片外形進(jìn)行創(chuàng)作。圖片外形主要分為兩種：幾何形、外輪廓形。幾何形一般為四邊形、圓形、多邊形等，這種形式較為普遍，特點(diǎn)是規(guī)則、有規(guī)矩可循，并可以根據(jù)圖片的位置與大小來(lái)確定文字及其他元素的位置。（豎線分割改為斜線會(huì)更加動(dòng)感）外輪廓形：即根據(jù)圖片中的圖形形狀來(lái)?yè)笀D，將背景刪除，只保留需要的部分。這種方式較為靈活，且沒(méi)有固定的規(guī)律，對(duì)外形有圖片，有利于圖片內(nèi)容的展示。文字及其他元素的安排方式會(huì)更加多元化。制作適合版面的圖片外形：尋找最適合當(dāng)前版式的圖片處理方式才能發(fā)揮更大的作用。實(shí)例中，圓形的圖片符合女性柔美的特征。矩形的圖片能很好的引導(dǎo)和展示的作用。圖片裁切的要點(diǎn)：1、根據(jù)畫(huà)面內(nèi)容確定裁切方向2、根據(jù)照片的尺寸確定裁切的方向。要考慮圖片本身尺寸和分辨率的大小，以下是數(shù)碼照3、圖片的大小決定裁切的區(qū)域，裁切圖片的局部也是常用的手法之一，局部的圖像很多時(shí)候能給畫(huà)面帶來(lái)不一樣的視覺(jué)感受（比如一朵小花或者一個(gè)小物件）。但要考慮圖片的尺寸和分辨率4、將畫(huà)面中多余的部分裁掉，只保留需要的部分需要注意的問(wèn)題：不應(yīng)該裁剪人物的手肘、腳肘和頭部等位置。5、注意圖片分辨率和圖片尺寸6、根據(jù)版面的不同形式對(duì)圖片進(jìn)行裁切：有時(shí)候圖片的尺寸、比例、構(gòu)圖與版面的需要并不符合，因此需要進(jìn)行合理的裁切，以適應(yīng)整體版面的需要。a)根據(jù)位置保留重點(diǎn)，如果是遠(yuǎn)景，則保留人物部分為近景即可b)近景時(shí)，需要裁切可以根據(jù)需要保留人物的表情部分c)一張圖片較空時(shí)，保留原片，裁切出精彩部分單獨(dú)展示（遠(yuǎn)看不清，近看精彩，突出重點(diǎn)）d)分開(kāi)裁切，文字放中間圖片的編排規(guī)則：目的是讓版面更大程度上符合人們的視覺(jué)習(xí)慣，使版面信息的可讀性更強(qiáng)。進(jìn)行圖片的編排時(shí)，一定要考慮到版面的內(nèi)容：如果圖片是代表企業(yè)形象的知名人士，人物圖像一定要清晰，千萬(wàn)不要頭部等重要的部位被裁切的現(xiàn)象。但作為時(shí)尚雜志的編排時(shí)卻比較常見(jiàn)，有時(shí)為了營(yíng)造某種特殊的效果，會(huì)對(duì)模特的頭部或者腿部這些本來(lái)不應(yīng)該裁切掉的地方進(jìn)行裁切，往往能帶來(lái)不一樣的效果。相對(duì)的圖片增加聯(lián)系，背對(duì)的圖片減少聯(lián)系：如果兩張圖片中的人物是相對(duì)的，人物的視線就要達(dá)成一致，這樣才會(huì)增加圖片之間的聯(lián)系。背對(duì)的盡量不要用圖片排列的邏輯關(guān)系：除了考慮位置和構(gòu)圖，還需要考慮圖片之間的條例關(guān)系，比如地在下，天空在上；又比如，老人在上面，小孩在下面；男人在左邊，女人在右邊等等，都必須遵循邏輯條理關(guān)系可能遇到的問(wèn)題：1、較小字號(hào)的文字在圖片中可能不是很明顯？解：在文字下方增加反差較大的底色色塊，文字的識(shí)別性就會(huì)增強(qiáng)2、素材照片中的人物圖像不完整怎么辦？為了禮貌一般都需要完整解：改變圖像的構(gòu)圖，讓版面傾斜起來(lái)，即使人物圖像不完整也不會(huì)對(duì)版面效果有影響3、圖片的排列方式怎樣統(tǒng)一？圖片多，尺寸比例不一，怎樣突出主題圖像？解：強(qiáng)調(diào)畫(huà)面中重要的圖片，其他的圖片隨意進(jìn)行排列4、沒(méi)有人物圖片，如何增加版面之間的聯(lián)系？解：將兩張圖片形成對(duì)稱的布局，用裝飾插圖活躍版面的氣氛Step06：如何安排圖片和文字？原文：在前幾個(gè)階段中，我們已經(jīng)學(xué)到了很多關(guān)于版面中的樣式、構(gòu)成、網(wǎng)格、圖片、文字等理論。但在一般情況下，這些因素并不是單獨(dú)出現(xiàn)的，單獨(dú)出現(xiàn)圖片和單獨(dú)出現(xiàn)文字的情況并不是很多。因此在最后這個(gè)階段中，我們要將其中的圖片和文字綜合起來(lái)，并靈活地運(yùn)用版面樣式、網(wǎng)格構(gòu)成等理論創(chuàng)造圖文并茂和富于秩序的版面。心得：圖文之間需要聯(lián)系緊密，裝飾元素需要主題風(fēng)格統(tǒng)一，標(biāo)題文字應(yīng)該和其他元素之間有聯(lián)系，圖表信息需要明確，圖形化的信息表達(dá)更有助于理解。圖片與文字的混排方法：圖片在視覺(jué)傳達(dá)上可以輔助文字，并幫助理解，使版面的視覺(jué)效果更加豐富和真實(shí)。文字能具體直接的解釋版面中的信息。圖表同樣有很好的視覺(jué)表現(xiàn)力。圖文結(jié)合可以創(chuàng)造出強(qiáng)有力的訴求性畫(huà)面，豐富的結(jié)合方法充滿了創(chuàng)造性。所以說(shuō)圖片和文字之間具有不可分割的聯(lián)系，掌握好圖片和文字結(jié)合的方法是版式設(shè)計(jì)的重要一課。圖片與文字并置是將圖片或者文字相鄰擺放，以便建立兩者之間的關(guān)系，這種方法能很好的將圖片和文字的特點(diǎn)進(jìn)行相互的融合，以便增強(qiáng)版面的效果。將有類似特點(diǎn)的圖片和文字左右排列就能很好的體現(xiàn)出并置的效果，圖片之間要有一定的聯(lián)系，文字的排列方式需要一致，這樣的版面才能得到均衡的效果。圖片與文字橫置的方法：將圖片或文字的方向旋轉(zhuǎn)90o，有時(shí)候使版式呈垂直閱讀狀態(tài)，只有將書(shū)籍旋轉(zhuǎn)才能正常閱讀。這樣的排版方式非常具有藝術(shù)表現(xiàn)力。雖然不能保證流暢的閱讀，但能吸引讀者的注意，引起興趣。如果將部分頁(yè)面的圖片與文字進(jìn)行橫置，這個(gè)部分就能在整體的版式系統(tǒng)中起到突出的作用。需要注意圖片和文字的排列方式不要過(guò)于復(fù)雜。大致分為三種：只有圖片橫置、至于文字橫置和圖片文字都橫置。圖片中插入文字的方法：1、文字使用和圖片差別較大的顏色，一般是在深色的背景中選擇白色的文字，淺色