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

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

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

排版選擇什么字體呢?

banner怎么弄更好看?

喂喂喂.

字體是大點(diǎn)好呢\?還是圖文好呢?

.....

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

我們今天就來(lái)聊聊這個(gè)話(huà)題吧!

排版:

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

(一)

排版的三大規(guī)律

1、平衡

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

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

中心平衡

如：

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

對(duì)稱(chēng)平衡

如：

（上下，左右對(duì)稱(chēng)等）

非對(duì)稱(chēng)平衡

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

如：

2、統(tǒng)一

文字，圖形，圖片，色塊

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

如：

3、層次

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

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

大圖~小圖

重色~淺色

亮點(diǎn)

那么，問(wèn)題來(lái)了！

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

請(qǐng)繼續(xù)往下看！

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

三角定律

對(duì)齊規(guī)律

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

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

你在排版的時(shí)候，

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

會(huì)大大提高你的工作速度。

資源菌，

看了你的原理，規(guī)律，那能不能來(lái)個(gè)實(shí)例進(jìn)行講解呢？

可以啊，接下來(lái)，

由作者：Nyako_111

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

為大家?guī)?lái)《六招拯救排版》

（三）

六招拯救排版

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

1、善用對(duì)比

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

這是一個(gè)簡(jiǎn)單的案例，主要想引出兩個(gè)知識(shí)點(diǎn)！

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

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

2、合理對(duì)齊

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

對(duì)齊很重要的，基本上一個(gè)banner里對(duì)齊方式要統(tǒng)一。除了上面講的幾種對(duì)齊方式外，還有一種自由型。自由型的排版根據(jù)不同頁(yè)面設(shè)計(jì)需要自行調(diào)整，不太建議初學(xué)者用這種排版方式，因?yàn)橐徊恍⌒木秃軄y。

3、巧用形狀

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

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

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

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

4、迷之橫線

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

5、搭配矩形

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

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

6、遮擋文字

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

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

1、交錯(cuò)的地方一定要檫干凈。

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

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

那么問(wèn)題又來(lái)了！

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

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

（四）設(shè)計(jì)師常用字體庫(kù)

我的常用字體庫(kù)，

分類(lèi)整理讓工作更高效！

那么肯定會(huì)有好多的同學(xué)在問(wèn)，有沒(méi)有提供下載啊？

你可以通過(guò)百度查找進(jìn)行下載字體的！

比如：迷你簡(jiǎn)超粗黑

需要什么類(lèi)的就去下載什么類(lèi)的嘍！

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

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

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

問(wèn)題一定又來(lái)了，

資源菌，你講的都是海報(bào)，電商類(lèi)的排版？

能不能來(lái)個(gè)書(shū)面排版的呢？

（五）平面書(shū)面的排版實(shí)例

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

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

模擬圖片素材

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

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

1、大小對(duì)比

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

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

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

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

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

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

2、粗細(xì)對(duì)比

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

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

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

3、字型對(duì)比

不同字型會(huì)有不同的氣質(zhì)，而字型的對(duì)比，也恰 恰 是不同氣質(zhì)的碰撞，我們?cè)谧鲎中蛯?duì)比的時(shí)候，也要深層次的考慮字型的選擇從氣質(zhì)上是否與主體相匹配，同時(shí)，我們也要注意，一個(gè)畫(huà)面中不要超過(guò)三種字型。

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

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

4、色彩對(duì)比

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

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

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

5、動(dòng)靜對(duì)比

靜中有動(dòng)，動(dòng)中有表，一張一弛，相鋪相成。

塑造動(dòng)感的具體方法是什么樣的

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

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

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

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

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

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

7、疏密對(duì)比

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

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

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

8、前后對(duì)比

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

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

9、材質(zhì)對(duì)比

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

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

10、裁切對(duì)比

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

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