1912小編為大家分享《平面設(shè)計版式布局案例》。

信息時代的重要生存法則就是資訊的傳播與掌控，有那么個說法:“得信息者得未來”。但不管是在傳統(tǒng)紙媒還是多媒體上，信息的傳播都無法離開圖文編排的版式設(shè)計。我們在探討傳播的時候，它包括了主體、媒介、內(nèi)容、受眾、效果等因素。而當我們在談具體的版式設(shè)計的時候，我們又在談什么呢？

我們都認可好的版式設(shè)計就是在有限的版面內(nèi)，以最快速、直接、有效的方式傳遞出核心信息，并給受眾建立起深刻而良好的印象。那么它都會由哪些元素構(gòu)成呢?又會由哪些設(shè)計方法創(chuàng)作出來呢？針對這個問題，我們系統(tǒng)分析了大量來自世界各地最優(yōu)秀的版式設(shè)計案例，并通過篩選和其中的設(shè)計師進行了有關(guān)版式設(shè)計內(nèi)涵的探討。

也許通過這樣的研究可以讓我們更加清晰的認識到當我們談版式時我們在談什么。

平面設(shè)計版式樣式的目的

版式設(shè)計即是在預(yù)先設(shè)定的有限版面內(nèi)，將文字、圖形、圖片、色彩等信息要素進行有目的地組合和排列。

而版式設(shè)計誕生的目的則是：信息。傳達信息是其唯一目的，無論在紙張還是網(wǎng)頁上。

什么是一個好的版式設(shè)計？先讓我們一起看幾個設(shè)計案例。

報紙《Mantra》的版式設(shè)計

這是意大利著名的報紙Mantra的版式設(shè)計。眾所周知，報紙最重要的功能就是傳遞信息，版面信息量大，結(jié)構(gòu)緊湊，文字多于圖片，用色簡潔明快。字體、字號、粗細等元素被巧妙地運用來引導(dǎo)觀者做大量的文字閱讀，卻不至于感到勞累或是雜亂找不到方向。

還有很多精美的設(shè)計雜志，版面中的文字信息少，圖片多于文字，且排布更注重留白與正負空間的呼應(yīng)，用色克制，營造了高端雅致的格調(diào)。雖然文字信息不多，但是版式展現(xiàn)出品牌背后的的氣質(zhì)和文化，這是一種抽象的信息。

什么是一個好的版式設(shè)計?可以這樣說，當它以一種合適又美觀的方式實現(xiàn)了傳遞信息的目的時，這就是一個好的版式設(shè)計，當然創(chuàng)意是其最好的調(diào)味品。

我們需要牢記的一點是：設(shè)計永遠是為目的服務(wù)的。

只有明確了目的，才能有所取舍，舍去冗余，保留必需；才能有所側(cè)重，建立視覺層級，突出重點;才能呈現(xiàn)不同的視覺格調(diào)，營造不同的氛圍。這便是版式設(shè)計的圭臬。

平面設(shè)計版式樣式設(shè)計

當我們在進行版式設(shè)計的具體操作時，版面的構(gòu)成元素是必須清晰認識和掌控的，它就像原料一樣，只有靈活地調(diào)整，并進行有機地排列組合，才能得到一個和諧而又平衡的版式。而這一切都必須建立在對內(nèi)容和目的的深刻理解之上。

下面是一張版式設(shè)計要素的基本構(gòu)成圖示，該圖可以讓我們更加直觀地了解版面的構(gòu)成，同時也方便了我們在實際設(shè)計場景中靈活地變通和使用。

欄——版面中，用線條或用空白貫通隔開的部分。

版心——版面上除去周圍白邊，剩下的文字和圖片部分就是版心。版心是頁面中主要內(nèi)容所在的區(qū)域。

標題——版面中字號較大的點題性文字，用來吸引讀者注意力。

視覺焦點——版面中最先吸引讀者注意力的部分。

正文——版面中標題以外的主要內(nèi)容，字號較小。

頁邊距——版心邊沿至成品邊沿的空白區(qū)域。

注解——對表格或插圖所作的解釋和補充說明。

天頭——版心上方的余白。

地腳——版心下方的余白。

出血——印刷裝訂工藝要求頁面的底色或圖片須跨出裁切線一定的位置，通常為3mm，以免裁切時裁掉頁面中的內(nèi)容。裁切線以外的部分稱作出血。

下面兩個版式設(shè)計比較規(guī)范和標準地使用了上面的版式基本要素，很具有參考價值。

藝術(shù)空間Omaggio al Bailo宣傳海報

版式要素重點：標題、副標題、信息、注釋

藝術(shù)空間Omaggio al Bailo宣傳海報

版式要素重點：標題、作者、正文、注解

平面設(shè)計版式的設(shè)計方法

合理的版式設(shè)計呈現(xiàn)方式能讓設(shè)計師事半功倍，極大地提高設(shè)計的效率，也能化腐朽為神奇，使版式富于美感和創(chuàng)意。

通過對優(yōu)秀案例的研究和與世界各地設(shè)計師的溝通，我們發(fā)現(xiàn)，除了在版面控制上有自己的個人理解之外，他們在基礎(chǔ)方法上普遍重視版面的視覺平衡和對網(wǎng)格系統(tǒng)的應(yīng)用。

a.分塊維持視覺平衡

分塊，就是對頁面中的元素進行梳理，按照內(nèi)容或功能進行分區(qū)，然后進行大小及位置排布，并以此建立起基本的視覺層級結(jié)構(gòu)與平衡。下面就是幾個版式設(shè)計和其對應(yīng)的分塊圖的展示。

一家比利時的建筑工作室關(guān)于dmvA理論的書籍版式設(shè)計，利用色塊使圖文的配比清晰，信息的傳達效率高。

Smiths Bruch餐廳的現(xiàn)代化菜單設(shè)計，分塊有對稱的秩序美感，同時靈活搭配圖底，又不顯死板。

北歐周邊國家最大的現(xiàn)代舞聚會“Keeja”的宣傳海報系列，設(shè)計師通過移動分塊的位置，產(chǎn)生了不同的布局結(jié)構(gòu)，既做到變化，又達到統(tǒng)一。

b.網(wǎng)格系統(tǒng)

因現(xiàn)代排印技術(shù)的發(fā)展需求，在20世紀初歐洲的設(shè)計師就倡導(dǎo)用客觀、理性的態(tài)度來構(gòu)思作品，并通過嚴格的規(guī)則來實現(xiàn)設(shè)計。而現(xiàn)代意義的網(wǎng)格理論基礎(chǔ)主要發(fā)端于20世紀40年代瑞士的“客觀排版設(shè)計運動”。

網(wǎng)格是一種理性、靈活的高效規(guī)劃版面形式的法則，在現(xiàn)代版式設(shè)計中具有非常重要的指導(dǎo)意義和普遍性。它可以更好的維持設(shè)計的視覺秩序，從而使版面能更加清晰有效的傳遞信息，并帶來豐富多變的形式，因而被世界各地的設(shè)計師所重視和應(yīng)用。

網(wǎng)格系統(tǒng)作為一種設(shè)計方法，旨在加強版式的秩序，便捷我們的工作，因此需要根據(jù)實際情況靈活變通。正如《平面設(shè)計中的網(wǎng)格系統(tǒng)》的作者約瑟夫·米勒-布羅克曼所說，“網(wǎng)格系統(tǒng)是一種輔助，而不是保證。它允許許多可能的用途，并且每個設(shè)計者可以尋找適合于他的個人風格的解決方案。但是必須學會如何使用網(wǎng)格;它是一種需要練習的藝術(shù)?！?

靈活的網(wǎng)格，不單單只是矩形，而是根據(jù)圖片實際使用情況，設(shè)置出一種新式表格。這個作品是典型的靈活運用網(wǎng)格系統(tǒng)的代表。

美國Energy Natural Systems(ENS)公司企業(yè)形象宣傳手冊設(shè)計

德國法蘭克福的韓國餐廳指南傳單設(shè)計，網(wǎng)格使版式設(shè)計達到了雙重效果，一方面有條理地展示了法蘭克福各條街道上的韓國餐廳，一方面令版式引人注目，富有生氣。

新加坡國立大學建筑講座海報設(shè)計系列

網(wǎng)格的使用使兩張海報保持了風格的統(tǒng)一，不同的色調(diào)組合又使兩者易于區(qū)分，各有特色。

平面設(shè)計版式的設(shè)計是一門學科，從表面看，它是一種關(guān)于圖文編排的技術(shù)；實際上，它不僅是一種技能，更實現(xiàn)了技術(shù)、藝術(shù)、視覺心理的高度統(tǒng)一。