在之前的文章中，我寫(xiě)過(guò)關(guān)于文字的排版，圖片的排版，但唯獨(dú)沒(méi)有寫(xiě)過(guò)的，是圖標(biāo)的排版。
可能有些讀者聽(tīng)到這里，會(huì)覺(jué)得有所疑惑，圖標(biāo)還需要排版？
先來(lái)給大家看一些圖標(biāo)排版的案例，它們不僅看起來(lái)很美觀，而且最關(guān)鍵的是，能夠恰當(dāng)?shù)爻尸F(xiàn)出文案想要表達(dá)的視覺(jué)含義。
但是，我們大多數(shù)人，會(huì)把圖標(biāo)排版成什么樣子呢？大概是這樣：
那接下來(lái)，問(wèn)題來(lái)了，那些優(yōu)秀的圖標(biāo)排版，看起來(lái)制作難度很大，我們應(yīng)該怎么做出來(lái)呢？
其實(shí)非常簡(jiǎn)單，我總結(jié)了4個(gè)萬(wàn)能的圖標(biāo)排版樣式，如果我們能夠套用這些，我相信，你也能做出優(yōu)秀的圖標(biāo)排版頁(yè)面。
一、表格式排列
顧名思義，就是按照表格的樣式，來(lái)排版圖標(biāo)，這種形式的特點(diǎn)，就在于操作比較簡(jiǎn)單，而且，圖標(biāo)排版的視覺(jué)效果非常整潔。
就像這樣，我們把統(tǒng)一風(fēng)格的圖標(biāo)，放到統(tǒng)一的方格內(nèi)進(jìn)行展示即可：
通常來(lái)講，這種排列的形式，比較適合用作圖標(biāo)較多的頁(yè)面上，可以保證視覺(jué)整齊。
二、圖形式排列
這種形式比較有意思，就是將圖標(biāo)排列成某個(gè)特定圖形的樣式，所以，當(dāng)我們來(lái)表現(xiàn)特定的視覺(jué)含義時(shí)，可以采用這個(gè)形式。
比如像我們是一家提供云服務(wù)的公司，那么，我們就可以把服務(wù)內(nèi)容的小圖標(biāo)，排版在云的圖形之內(nèi)：
再比如像這個(gè)，也是把服務(wù)內(nèi)容的圖標(biāo)，放到了一個(gè)特定的 H 字母內(nèi)：
同樣地，如果我們是一家餐飲服務(wù)企業(yè)，在設(shè)計(jì) PPT 封面時(shí)，為了能夠體現(xiàn)企業(yè)服務(wù)的內(nèi)涵，也是一樣的做法：
那說(shuō)了這么多，這些圖形式圖標(biāo)，到底是怎么做出來(lái)的呢？如果我們想要取得更好的視覺(jué)效果，我的建議是手動(dòng)去拼。
什么意思呢？咱們舉個(gè)小例子來(lái)說(shuō)，比如我們要把下面的圖標(biāo)排列成一個(gè)云型，該怎么做呢？
1.首先，我們先找到一個(gè)云型圖標(biāo)：
3.接下來(lái)，我們先把這些小圖標(biāo)塞到云型圖標(biāo)內(nèi)：
4.最后，我們把頁(yè)面上的圖標(biāo)復(fù)制幾份，填補(bǔ)空白的區(qū)域即可：
這時(shí)候，一個(gè)云型圖標(biāo)，就算完成了，如果加上文案，咱們來(lái)看下頁(yè)面的最終效果：
三、環(huán)繞式排列
當(dāng)頁(yè)面上有不同方面的內(nèi)容時(shí)，使用這種形式，可以非常清晰地將其表現(xiàn)出來(lái)。
通常來(lái)講，我們一般會(huì)選擇圓形環(huán)繞：
當(dāng)然，也可以是一些不規(guī)則的圖形：
總之，只要保證圖標(biāo)與圖形是環(huán)繞的關(guān)系即可。
四、散亂式排列
什么意思呢？什么叫做散亂式排列呢？先來(lái)給各位看幾個(gè)例子：
雖然這種形式的名字，叫做散亂式排列，但是，我們?cè)谂虐鏁r(shí)，也不是把圖標(biāo)胡亂地放到頁(yè)面上，同樣遵循一定的原則。
- 視覺(jué)平衡
- 虛實(shí)/大小對(duì)比
簡(jiǎn)單理解就是，頁(yè)面上兩側(cè)的圖標(biāo)視覺(jué)比重，看起來(lái)是相當(dāng)?shù)摹?/strong>
比如像上面的頁(yè)面，雖然頁(yè)面左右兩側(cè)的圖標(biāo)，不是完全對(duì)稱(chēng)，但是相對(duì)來(lái)講，視覺(jué)是平衡的：
再比如像下面這一張，雖然左右兩側(cè)內(nèi)容不同，但依舊是保持了頁(yè)面的左右視覺(jué)平衡：
為了能夠讓多個(gè)圖標(biāo)在呈現(xiàn)時(shí)，看起來(lái)更有層次感，可以通過(guò)調(diào)整圖標(biāo)的虛實(shí)/大小來(lái)實(shí)現(xiàn)。
比如像下面這個(gè)頁(yè)面，我們可以明顯看到，圖標(biāo)有大有小，而且，中間的圖標(biāo)較實(shí)，四周的圖標(biāo)較虛：
再比如像這個(gè)頁(yè)面，虛實(shí)關(guān)系的對(duì)比，會(huì)更加明顯，對(duì)嗎？
明白了嗎？以上，就是我們?cè)谶M(jìn)行圖標(biāo)排版時(shí)，需要遵循的一些方法。
咱們可以通過(guò)一個(gè)案例，來(lái)動(dòng)手試一下
比如我們有這樣的一頁(yè) PPT 內(nèi)容，那么，該怎么做呢？
首先，為了能夠增強(qiáng)可視化效果，我們可以找到一張充電器的圖片素材：
為了能夠體現(xiàn)充電器的功能，我們可以使用環(huán)繞式排列的形式，把功能賣(mài)點(diǎn)環(huán)繞在充電器周?chē)?/section>
但這里有一個(gè)點(diǎn)是，我們需要對(duì)圖片進(jìn)行一定的傾斜處理，讓它與充電器的傾斜角度，保持一致：
那怎么傾斜呢？這里其實(shí)就用到了三維旋轉(zhuǎn)功能：
這時(shí)候，我們的圖標(biāo)排列，就變成了這樣：
但這時(shí)候，還有一個(gè)問(wèn)題，那就是頁(yè)面的視覺(jué)效果有些單調(diào)，怎么辦呢？
我們可以多畫(huà)幾條線，使其環(huán)繞在充電口周?chē)?，就可以了?/section>
這樣，一張還不錯(cuò)的產(chǎn)品展示PPT頁(yè)面，就算完成了。還不錯(cuò)，對(duì)嗎？
另外，還有兩個(gè)點(diǎn)，需要額外提醒一下
第一，在使用圖標(biāo)時(shí)，盡量保證風(fēng)格的一致性。因?yàn)檫@會(huì)讓頁(yè)面的視覺(jué)效果，看起來(lái)更加統(tǒng)一。
第二，關(guān)于圖標(biāo)的網(wǎng)站，之前已經(jīng)推薦過(guò)很多，在這里，我就不啰嗦了。
好了，以上就是這篇文章的所有內(nèi)容。
原標(biāo)題：PPT圖標(biāo)排版還能這么做？這4個(gè)萬(wàn)能創(chuàng)意公式，太贊了！
原作者：旁門(mén)左道PPT 微信號(hào)：pangmenzd 自媒體大咖進(jìn)駐
鄂公網(wǎng)安備 42050602000108號(hào)