［友情提醒，圖文較多，盡可能在有Ｗifi進行閱讀，土豪除外］

經(jīng)常會有粉絲\學(xué)員\同學(xué)私信:

'菌菌,如何排版更大氣?'

排版選擇什么字體呢?

banner怎么弄更好看?

喂喂喂.

字體是大點好呢\?還是圖文好呢?

.....

那么到底設(shè)計中,排版是有什么規(guī)律呢?

我們今天就來聊聊這個話題吧!

排版:

把文字、表格、圖形、圖片等進行合理的排列調(diào)整，使版面達(dá)到美觀的視覺效果。

(一)

排版的三大規(guī)律

1、平衡

元素之間就有相互平衡的關(guān)系！

這里的元素主要是指：文字，圖形，圖片，色塊等設(shè)計構(gòu)成！

中心平衡

如：

（四周與中心之間的平衡）

對稱平衡

如：

（上下，左右對稱等）

非對稱平衡

三解定律規(guī)為其最穩(wěn)的一種

如：

2、統(tǒng)一

文字，圖形，圖片，色塊

在朝向、色調(diào)、對齊方式、位移角度上的統(tǒng)一關(guān)系

如：

3、層次

文字、圖形、圖片、色塊之間的主次層級關(guān)系

主標(biāo)，幅標(biāo)，正文

大圖~小圖

重色~淺色

亮點

那么，問題來了！

按三大規(guī)律，有沒有比較常用的一些總結(jié)呢？

請繼續(xù)往下看！

（二）常用的排版規(guī)律

三角定律

對齊規(guī)律

針對以上兩大規(guī)律，我們整理版式設(shè)計十三種類型！

這些版式布局你應(yīng)該要有些了解！對你幫助會比較大！

你在排版的時候，

可以根據(jù)排版的規(guī)律結(jié)合你的文案進行，

會大大提高你的工作速度。

資源菌，

看了你的原理，規(guī)律，那能不能來個實例進行講解呢？

可以啊，接下來，

由作者：Nyako_111

PC端：http://www.zcool.com.cn/article/ZNDE5MDI4.html

為大家?guī)怼?/span>六招拯救排版》

（三）

六招拯救排版

本文主要針對入門選手~解決如何排版的問題，總結(jié)了自己工作中最常用到的6種排版技巧，希望能為大家提供一點幫助！

1、善用對比

合理利用好字體大小、顏色對比，能產(chǎn)生令人驚喜的效果。一般的命名用規(guī)則是，主標(biāo)題大而粗，副標(biāo)題纖細(xì)，視覺上形成對比，也強調(diào)了重點。

這是一個簡單的案例，主要想引出兩個知識點！

（1）主標(biāo)一般情況下是文字大且粗，副標(biāo)小且細(xì)

（2）同一行文字里，強調(diào)重點可利用粗細(xì)，顏色對比

2、合理對齊

標(biāo)題的排版上，合理的對齊很重要。常用的排版方式有左對齊，右對齊，居中對齊，兩端對齊。

對齊很重要的，基本上一個banner里對齊方式要統(tǒng)一。除了上面講的幾種對齊方式外，還有一種自由型。自由型的排版根據(jù)不同頁面設(shè)計需要自行調(diào)整，不太建議初學(xué)者用這種排版方式，因為一不小心就很亂。

3、巧用形狀

膩味了傳統(tǒng)的純文字排版？巧用形狀可以幫助你解決這個問題。新潮的banner和網(wǎng)頁設(shè)計上經(jīng)常采用形狀+文字的結(jié)合，來塑造有活力，個性的設(shè)計風(fēng)格。通常比較常用的形狀有：圓形、三角形、矩形。

要活學(xué)活用形狀，并且形狀的使用上，有幾個小技巧。

（1）形狀要與文字產(chǎn)生關(guān)系，彼此之間最好有接解點

（2）最好不要展示完全的形狀，霧里看花，更美

4、迷之橫線

文字排版時，加上橫線可以分割信息或者增加形式感，可以看需要來使用哦~

5、搭配矩形

全是文字看起來頭大？其實合理利用矩形可以避免這個問題哦。在重點文案多時，可以對部分文案用談形框起來。或者疊加一個矩形的底色，文字反白，能起到很好的調(diào)節(jié)畫面的作用~

其實除了搭配矩形，別的形狀也是可以的。圓解談形，對話框，圓形，都能起到類似的功能，要學(xué)會舉一反三。

6、遮擋文字

這是一個讓設(shè)計看起來比較高端的方法，就是讓畫面主體與文字產(chǎn)生關(guān)聯(lián)，文字被 主體遮住部分。這類型的文字排版使用也很廣泛哦，運用得當(dāng)可以為設(shè)計加分很多噠~

這種排版方式在服裝類目設(shè)計時經(jīng)常用到，效果也很好，但是使用時有幾個注意事項：

1、交錯的地方一定要檫干凈。

2、做細(xì)致的投影，給整體畫面加分。

以上就是能提高排版水平的6個小技巧！學(xué)會了嗎？熟能生巧，加油，希望大家都能進步，靈活使用~

那么問題又來了！

資源菌，能不能分享一些常用排版的字體呢？

請繼續(xù)往下學(xué)習(xí)~

（四）設(shè)計師常用字體庫

我的常用字體庫，

分類整理讓工作更高效！

那么肯定會有好多的同學(xué)在問，有沒有提供下載??？

你可以通過百度查找進行下載字體的！

比如：迷你簡超粗黑

需要什么類的就去下載什么類的嘍！

值得注意的事，這些字體好多都有版權(quán)！

如果你運用在商業(yè)的時候，一定要對字體進行變形處理

或者用PS進行重新在加工，這樣子確定字體不被侵權(quán)！

問題一定又來了，

資源菌，你講的都是海報，電商類的排版？

能不能來個書面排版的呢？

（五）平面書面的排版實例

通過設(shè)計畫冊內(nèi)頁幾種不同的版式布局，來給大家進行講解字體組合在版式設(shè)計中的技巧和重要性。對字體組合的版式布局是否掌握，對于平面設(shè)計來說有非常重要的意義。

書面的文案分為：圖片、標(biāo)題、內(nèi)文

模擬圖片素材

模擬標(biāo)題：陳幼堅 分享設(shè)計30年

模擬內(nèi)文：平面設(shè)計的歷程就如馬拉松賽跑，是一條既漫長又充滿挑戰(zhàn)性的道。.....

1、大小對比

將文字的大小做變化，是字體組合最基本的一個方法，

大多數(shù)性況下，主標(biāo)題、重要信息要放大處理。

由于人物的藝術(shù)氣質(zhì)，所以我們在字型的選擇上用了同樣有藝術(shù)質(zhì)感的宋體字型，放大主標(biāo)題是字體對比的常用方法。

我們也可以繼續(xù)放大，進一步增加大小對比的沖擊力。

我們也可以把重要的信息放大，第一種方是在標(biāo)題放大。

第二種方法是把重要信息摘出做成視覺圖形，變成修飾性元素，這版用的是第二種方法。

2、粗細(xì)對比

粗的字型比較重，細(xì)的字型比較輕盈，這一重一輕就形成了對比。與大小對比的原則一樣，重要信息可以加粗。

在粗細(xì)對比中，最好是相同字號的字體之間有粗細(xì)變化。

相當(dāng)于兩個人身高一樣，但胖瘦不同，給人的重量感對比是最直接的。

3、字型對比

不同字型會有不同的氣質(zhì)，而字型的對比，也恰 恰 是不同氣質(zhì)的碰撞，我們在做字型對比的時候，也要深層次的考慮字型的選擇從氣質(zhì)上是否與主體相匹配，同時，我們也要注意，一個畫面中不要超過三種字型。

宋體字型的文化屬性與黑體字型 的商業(yè)屬性結(jié)合，

而英文的Alan chan用的這款款纖細(xì)的字體，也蘊含儒雅的氣質(zhì)。這樣畫面中就形成了商業(yè)，文化，儒雅的碰撞，這種味道是很好。這三種字型也符合人物的商業(yè)形旬和文化形象的定位。

4、色彩對比

當(dāng)我們要強調(diào)某部分的時候，可以通過色彩的明度差，純度差和色相差來調(diào)節(jié)，在有色系中，黃色的明度最高。紫色的明度最低，在無色系中，白色的明度最高，黑色的明度最低。

這一稿通過明度的差別來強調(diào)“分享設(shè)計30年”便是沒有變成白色的原因，白色太突出，雖然沖力非常強，但和諧度不高，就相當(dāng)于一個英雄能力太強，所以我們用色彩對的時候，強調(diào)與和諧都很重要。

同樣的色彩對的案例，有明度的對比，也有色相的對比。

5、動靜對比

靜中有動，動中有表，一張一弛，相鋪相成。

塑造動感的具體方法是什么樣的

把字體傾斜化會具有動感，傳遞出灑脫的氣質(zhì)。

而這種動感的質(zhì)與按照規(guī)則正確的排列的字體開形成的對比，也很容易讓人有心潮澎湃的感覺。

6、方向?qū)Ρ?br>

讓文字有方向性，可以延伸版式的面積；

上面舉得例子里，傾斜的字體排列就是方向性的一種，文字的很橫排與堅排的結(jié)合也是方向性。

這個案例我故意做成這么夸張的表現(xiàn)。意在能讓大家感受出文字橫豎排列對比所帶來的方向性。

7、疏密對比

文字的疏密對比就是指字距的大小來形成的沖擊，字距大的給人舒心放松的感覺，字距小會給人干練快捷的氣質(zhì)。

這兩種不同質(zhì)的沖周也會帶來很多的味道。

字距的大小對比經(jīng)常會用到對標(biāo)的表現(xiàn)。字距密的造型更有裝飾性和藝術(shù)性，但是內(nèi)文不推薦用字號密的方法來對比，因為內(nèi)文字號小，如果字距用我的這種方式的影響閱讀。

8、前后對比

這個前后對比從學(xué)術(shù)上來講并不專業(yè)，而我之所以這么叫，是因為我認(rèn)為這么叫會很形象。前后對比顧名思義就是文字的疊加所呈現(xiàn)的藝術(shù)效果，文字的前后對比可以根據(jù)色相的差別，和字型的粗細(xì)來達(dá)到效果。

最常用的前后對比是文字作為底紋性質(zhì)。來映襯主題文字而在下方的文字從字型，字號至色彩都要完全和上面的字體一樣。

9、材質(zhì)對比

材質(zhì)對比也叫肌理對比，

用紙紋的效果置入書法字量，這種有激勵效要的字體和其他的字體相比有時代的沖擊力，如果要用這種效來做的話，可以根據(jù)不同的項目選擇不同的材質(zhì)來表。

10、裁切對比

字型之間運用裁切對比，是一個比較有風(fēng)險的方法，風(fēng)險在于你的客戶是否接受這種方式，可以再主標(biāo)題上裁切，也可以把主標(biāo)題旋轉(zhuǎn)在頁面邊緣，利用邊際來裁切。

裁切的時候要注意，如果被裁切的文字功能性的，那么就要注意裁切的識別性。如果被裁切的文字裝飾的，那么我們可以盡情的裁。