今天要給大家看的作品是最近最多人玩的游戲《王者榮耀》。

我從《王者榮耀》的官方網(wǎng)站當(dāng)中，搜集了許多素材，制作成了一套PPT模板，作品的完整預(yù)覽圖如下。

接下來，我會對每一頁作品進(jìn)行拆解，向你講述每一頁作品是如何制作出來的，希望你們從中也能學(xué)到一些常用版式設(shè)計(jì)。

首先，我們先來看第一張作品。

第一張作品采用的版式整體是上下均衡的版式，而在版式的下方再重新劃分為四個(gè)并列的小版塊，這列版式常見于功能性展示或特點(diǎn)展示。

另外值得一提的是，諾達(dá)的毛筆字體使用在頁面當(dāng)中，會顯得非?；趾氪髿猓绻憔ㄓ赑S筆刷，就能輕易地制作出這類的文字素材。

▲ 作品一

第二張作品是人物介紹頁，整體采用的版式是左右均衡式的排版。

在左邊的版面當(dāng)中，又劃分了三個(gè)內(nèi)容層次，從上往下分別是人物名字、人物介紹以及技能。

在排版的時(shí)候，注意標(biāo)題與正文內(nèi)容的對比，技能圖標(biāo)的大小要統(tǒng)一，而且他們之間的間距要保持一致。

▲作品二

第三張作品整體上與第二張作品設(shè)計(jì)思路一致，也是采用左右均衡的版式布局，右邊的版面也是被劃分成三個(gè)信息層。

第一層是角色名字、第二層是視頻介紹，第三層是角色屬性描述。

▲作品三

第四張作品是人物介紹頁。與以往的人物介紹頁排版不同，此處我將他們分別填充進(jìn)兩個(gè)直角梯形與等腰梯形當(dāng)中。

雖然版式與過往稍微有些變化，但我們對人物介紹頁的處理方法的兩個(gè)原則還是不變的。

第一個(gè)是要保持人物的眼睛盡可能在同一條水平線上。

第二個(gè)是保存人物的面部大小一致。

▲作品四

第五張作品整體上采用的是上下均衡的排版樣式，下方版面為了讓內(nèi)容更加聚合，故添加了一個(gè)與網(wǎng)頁類似的線框。

線框的顏色要盡可能接近背景的顏色，這樣才不會太過突出，畫面呈現(xiàn)出來的效果才會比較和諧自然。

雖然下部分的內(nèi)容四周都被線框包圍，但我們的插圖可以突破線框的限制，不然所有內(nèi)容都被矩形約束，就略顯保守。

▲作品五

第六張作品從中間的分割線大家也可以看出來，整體采用的是左右均衡式的排版。

此處文字內(nèi)容較多，而大家在做PPT的時(shí)候常痛苦與文字太多時(shí)如何排版才好看。

這張頁面就給大家呈現(xiàn)了一個(gè)可借鑒的樣式。首先對于大段的文字我們要進(jìn)行分層。

左邊版面的文字雖然多，但文本每隔3-4行就進(jìn)行換行，這樣可以增加頁面的留白，頁面留白增多之后，讀者閱讀起來就比較舒服。

其次，如果有條件，在不受放映環(huán)境的影響下，不妨把文字調(diào)到讀者肉眼可接受的程度，這樣可以為我們的版面預(yù)留更多留白。

▲作品六

第七張作品也是一組并列式結(jié)構(gòu)的排版，整個(gè)頁面被劃分成上中下三個(gè)板塊，中間的板塊再被分割成六個(gè)并列的小版塊。

此類的排版，大家可用于多人物頁的介紹，或者多個(gè)功能特性的介紹等。

▲作品七

第八個(gè)作品整體上采用的是左右均衡的版式設(shè)計(jì)，圖片在右，文字信息在左。

大家可以看到，左邊的內(nèi)容信息是比較多的，一共分為了四層。

從上往下分別是人物名字、人物介紹、技能介紹、技能加點(diǎn)建議。

既然每層的內(nèi)容都不同，所以我們再排版上就要注意每層信息之間要有明顯的區(qū)分。

區(qū)分的方法你可以添加方框、線條，也可以使用留白。此處為了保持頁面清爽，上面三個(gè)部分采用的都是留白作為區(qū)分。

而在第四個(gè)內(nèi)容信息與第三個(gè)內(nèi)容信息之間，則添加了一條顏色比較淺的線條來作為點(diǎn)綴，以及作為內(nèi)容之間的分割。

▲作品八

第九個(gè)作品整體上采用的也是上下均衡的版式結(jié)構(gòu)，但在下方的版式當(dāng)中，我們則使用了左右均衡的結(jié)構(gòu)。

此處的版式與之前的一張版式類似，就不再多提。

唯一值得一提的此處幻燈片上方標(biāo)題文字的處理。如果只有單一的文字放在中央，就會顯得這個(gè)標(biāo)題過于單調(diào)。

所以此處添加了一些線框，來作為這個(gè)標(biāo)題的修飾，而在標(biāo)題的下方還有一行英文的小字，與標(biāo)題形成對比，增強(qiáng)視覺效果。

▲作品九

第十個(gè)作品采用的是并列式的排版結(jié)構(gòu)。

當(dāng)我們文字信息較多的時(shí)候，不妨提煉關(guān)鍵詞，劃分成三個(gè)板塊，這樣可以有效減輕讀者閱讀理解的壓力，也能增添版面的美感。

另外，由于文字的段落長短不一，為了讓他們在視覺上更加統(tǒng)一，我們可以在他們外圍添加一樣的形狀，來進(jìn)行視覺化統(tǒng)一。

▲作品十

好啦，以上就是本期案例欣賞要跟大家分享的內(nèi)容，不知道大家從這些作品的設(shè)計(jì)當(dāng)中，有沒有學(xué)到一些實(shí)用的技巧呢？

下面總結(jié)一下，本期案例欣賞咱們講到了哪些小技巧。

1、版面設(shè)計(jì)總體分為左右均衡、上下均衡。

2、多文字頁面我們要對文字層次進(jìn)行劃分。

3、標(biāo)題單調(diào)，我們可以用小字或線條修飾。

4、人物介紹頁處理要注意兩個(gè)要點(diǎn)。

5、突破尋常的版式，能增添版面的活力。

6、使用一樣的形狀能形成視覺化統(tǒng)一。

7、毛筆字體能讓頁面顯得大氣恢宏。

8、線條、方框、留白都可以間隔層次。

最后用男神李白的頭像告訴大家，其實(shí)版式設(shè)計(jì)并沒有大家想的那么難