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