在PPT設(shè)計中,最不可或缺的一種元素,可能就是圖標(biāo)。
當(dāng)需要讓頁面更具可視化效果時,它簡直是標(biāo)配:
很多人使用圖標(biāo)的方式,可能就是下載后,直接貼到頁面上,不做任何處理:
但其實你知道嗎?很多優(yōu)秀的PPT中,為了讓圖標(biāo)更有創(chuàng)意,往往會做一些處理。
比如像堅果手機(jī)發(fā)布會中,為了讓觀眾理解手勢操作的重點(diǎn),會進(jìn)行局部變色:
再比如像騰訊云品牌PPT中的這些圖標(biāo):
還有像一些科技廠商發(fā)布會PPT中的圖標(biāo)處理:
當(dāng)然,像這樣的例子太多了。
所以,這篇文章,就來跟各位聊一下,該如何對圖標(biāo)處理,才能讓它更具創(chuàng)意呢?
我常用的方法有4種,分別是:
啥意思呢?簡單跟各位解釋一下。
顧名思義,就是把小圖標(biāo)中部分畫面,進(jìn)行變色處理。就像這樣:
在我之前修改的PPT中,也曾經(jīng)用過這個方法:
那該如何操作呢?
要知道,當(dāng)我們想要進(jìn)行局部變色,有一個前提就是,需要將圖標(biāo)進(jìn)行拆分:
咋做呢?
如果圖標(biāo)不是連在一起,那么,下載svg格式,只需要取消組合兩次即可:
如果圖標(biāo)不能拆散,比如像下面橙色部分,那么,我們可以利用布爾運(yùn)算中的拆分功能,把圖標(biāo)拆散:
這種做法在很多大廠 PPT 中會用到。
比如像微軟的 PPT ,可以看到,分為兩種色彩,很好地避免了視覺單調(diào):
還有像 SAP 的PPT 也是一樣的處理:
同樣地,榮耀發(fā)布會的 PPT ,也是用到圖標(biāo)局部變色的處理:
這種處理方式,與上一種類似,都需要將圖標(biāo)拆散后進(jìn)行操作。
大概也就像這樣,對部分線條進(jìn)行漸變處理:
這種就不多說了。
通過在圖標(biāo)底部,添加一個統(tǒng)一的色塊,也可以讓小圖標(biāo)變得更有創(chuàng)意:
像魅族手機(jī)發(fā)布會上,曾經(jīng)用過這個方法:
這種方式呢,主要是把圖標(biāo)變成立體的樣式:
這種處理的方法,主要用在2.5D風(fēng)格的排版中:
那么,這種是如何操作的呢?主要分為兩個步驟:
方法呢,大概就是這些,很簡單。那么,接下來我們通過兩個具體的案例,來理解一下。
首先是第1個例子:
這里的話,雖然也用到了小圖標(biāo),但樣式都是一樣的,視覺上有些重復(fù)。
所以,我們可以更換3個與內(nèi)容有關(guān)聯(lián)的圖標(biāo),并進(jìn)行局部變色,使用紅黃搭配的效果:
這樣一來,我們的 PPT 圖標(biāo)效果,就可以變成這樣:
然后是第2個例子:
這個頁面中使用的圖標(biāo)風(fēng)格不太統(tǒng)一,有些是面型圖標(biāo),有些是線型圖標(biāo)。
咋處理呢?最好使用統(tǒng)一風(fēng)格的圖標(biāo)樣式,在這里,我們可以對其進(jìn)行2.5D風(fēng)處理:
另外,結(jié)合一些立方體形狀,可以很好地承載圖標(biāo)元素:
以上呢,就是在PPT中,對圖標(biāo)進(jìn)行創(chuàng)意處理的4種方法,希望對各位有所啟發(fā)。
·
原標(biāo)題:邵大,為啥微軟的這張PPT中,加上圖標(biāo)能變的這么洋氣?
]]>
在PPT設(shè)計中,為了避免頁面視覺效果單調(diào),我們一般會選擇去添加一些修飾元素,這樣不僅可以豐富頁面的視覺效果,而且可以讓頁面更有創(chuàng)意。
但問題在于,頁面的修飾元素該如何去加,才會顯得更加美觀呢?
其實想要回答這個問題,我們可以通過一些優(yōu)秀的案例,來總結(jié)出答案。
比如像這幾個頁面,每一張都添加了一些修飾元素:
看起來都還不錯,對嗎?
那么,問題來了,這些頁面上的修飾元素,都有哪些共同特征呢?
其實可以分為3個點(diǎn):
作為頁面上的點(diǎn)綴修飾元素,簡單總結(jié)就能發(fā)現(xiàn),這些頁面上的修飾元素呢,無非是三類。
分別是:
啥意思呢?比如像下面這個案例,典型的是利用圖標(biāo),作為點(diǎn)綴修飾:
再比如像這個,就是典型的圖形元素,作為點(diǎn)綴修飾:
從上面的案例分析可以發(fā)現(xiàn),這些元素的位置分布,其實都遵循了一個共同的原則,那就是視覺上相對對稱。
啥意思呢?啥叫相對對稱呢?咱們來看一下剛才的幾個例子,你就能明白了。
比如像這個頁面,左右兩側(cè)都采用了一些與文案有關(guān)聯(lián)的圖標(biāo):
而這些圖標(biāo)的位置關(guān)系,大概是這樣對稱的:
同樣地,再比如像這個頁面:
頁面上圖標(biāo)的位置,也不是完全對稱,但左右看起來相對平衡:
對嗎?
那么,元素在頁面上的位置關(guān)系,一共有幾種呢?其實,常見的只有3種。
第一種是左右相對對稱,視覺上保持左右兩側(cè)相對平衡即可:
比如像這個例子,典型的左右對稱分布:
第二種是對角線對稱分布,也是一樣,視覺相對平衡就行:
方便大家理解,我也同樣找一個例子,比如就是它了:
第三種是幾何圖形分布,也就是沿著某種特定形狀,進(jìn)行分布:
比如像這個案例,就是典型的圍繞某個圓形進(jìn)行的位置分布:
這些元素在頁面上呈現(xiàn)時,其實會做一些簡單的處理,從而在視覺效果上更加具有層次感。
而這種形式呢,同樣也分為3種:
啥意思呢?咱們拿一個具體的案例來說。
比如像這個頁面,周圍分布的茶葉,就存在很明顯的虛實關(guān)系:
再比如像這個頁面,很明顯,圖標(biāo)的呈現(xiàn)上,有大有小,而且,在透明度上,也會有一定的差異:
這就是元素的形式處理。
好了,當(dāng)我們明白了這一點(diǎn)之后呢,咱們可以通過一些實際的案例,來更好的理解一下。
案例一:比如像這個頁面的文案:
當(dāng)我們要為頁面添加修飾元素時,可以先來分析文案的關(guān)鍵詞。
這一步的目的,是為了確保添加在頁面上的修飾元素,也會與內(nèi)容有一定的視覺關(guān)聯(lián)性。
像這一句話中,其實包含了3個點(diǎn),分別是:
那接下來,我們就可以基于關(guān)鍵詞,來尋找對應(yīng)的圖標(biāo)元素:
然后呢,把他們進(jìn)行虛實調(diào)以及透明度的調(diào)整,并且,對稱地放在文字兩側(cè):
最后,簡單調(diào)整下封面標(biāo)題文字的字體即可:
案例二:再比如像下面這個頁面,屬于產(chǎn)品介紹頁:
首先,同樣地也是分析文案,并基于文案關(guān)鍵信息,進(jìn)行圖標(biāo)的搜索:
其實,依舊是把他們進(jìn)行虛實調(diào)以及透明度的調(diào)整,并且,對稱地放在文字兩側(cè):
最后,簡單地更換頁面的色彩,即可完成一張頁面的修飾:
明白了嗎?以上呢,就是為頁面添加修飾元素時,我們可以遵循的一些方法。
有點(diǎn)瑣碎,我簡單總結(jié)一下:
為頁面添加點(diǎn)綴修飾元素時,需要注意3個點(diǎn):
01. 元素的類型圖標(biāo),圖形,素材;
02. 元素的位置中心對稱,對角對稱,幾何分布;
03. 元素的形式大小處理,虛實處理,透明度處理。
原標(biāo)題:PPT頁面太單調(diào)?大牌設(shè)計都在用的「點(diǎn)綴法」,了解一下~
]]>之前,有位讀者問了我一個很有價值的問題,什么呢?
他說在職場匯報PPT中,如果不用圖片做背景,那么,還有哪些方法,可以對背景進(jìn)行修飾,以避免頁面視覺單調(diào)呢?
的確,對于很多工作型的PPT來講,不會像發(fā)布會PPT那樣,大面積的使用圖片作為背景:
更多是純色為主:
但對于純色背景而言,很容易出現(xiàn)的一個問題,就是背景單調(diào)。
那么,如何在純色背景上,添加一些細(xì)微的修飾元素,從而讓頁面的視覺效果變得豐富一些呢?
有一個很簡單的方法,兩個字來說就是,重復(fù)。
啥意思呢?簡單來說,就是把頁面上的一些幾何圖形,或者是文字內(nèi)容,重復(fù)的出現(xiàn)在背景上就可以了。
舉個例子,比如說像這個頁面,我們看起來感覺還不錯,對嗎?
那它的背景是什么樣的呢?我們把文字信息給刪掉,來看一下:
而如果對它的背景進(jìn)行拆解,會發(fā)現(xiàn),其實這個背景,就是將其中一個圖形,重復(fù)N次拼湊而成的。
對,就是這么簡單,利用重復(fù),來進(jìn)行背景的修飾。
那么,問題來了,我們在PPT設(shè)計中,該如何對元素重復(fù),來修飾背景呢?
這里有兩種常用的方法。
我們可以將 PPT 中的一些關(guān)鍵詞,提煉出來,重復(fù)地在頁面上進(jìn)行擺放,來制作背景。
舉個例子,比如我們要制作一份社交APP相關(guān)的 PPT ,那么,我們就可以把一些關(guān)鍵信息提取,放在頁面上即可:
這個過程需要手動完成。
當(dāng)然,除此之外,還有一個簡單的方法,我們可以利用網(wǎng)上的一些文字云生成工具,傻瓜式地完成。
比如我們要制作一份青花瓷主題的PPT,文字內(nèi)容如下:
只需要在工具中,輸入一些相關(guān)的信息,并且更換字體和文字云樣式,即可自動生成。
我這里使用的是 WordArt:
這是利用工具,生成的文字云背景墻:
但這樣的背景還不能用在 PPT 中,因為太花哨了,會干擾頁面上的文字信息,所以,我們需要借用蒙版,對圖片進(jìn)行弱化:
來看下弱化后的背景效果:
最后,簡單地對文字進(jìn)行排版,放在頁面上即可完成:
這種方法非常簡單,而且實用性也更強(qiáng),基本上對于任意主題的PPT背景來說,都可以使用這種方法完成。
啥意思呢?咱們通過兩個例子來理解一下。
先來看第一個頁面,是一張體育主題的 PPT :
如果要為其設(shè)計一個相關(guān)的背景,那么,我們可以先來找一組體育圖標(biāo)的元素:
然后,對這一組圖標(biāo)進(jìn)行重復(fù)擺放,直到鋪滿整個頁面,就像這樣:
接下來,我們?nèi)サ舻撞康纳珘K,并且調(diào)整圖標(biāo)之間的間距,使其保持統(tǒng)一:
這時候我們會看到,通過在背景上添加重復(fù)的圖標(biāo)元素,背景不僅能呈現(xiàn)出體育主題,而且,不再那么空洞了:
但黑色背景與藍(lán)色圖標(biāo)的融合感交叉,我們可以更改背景顏色,選擇一個與圖標(biāo)接近的顏色:
最后,把頁面上相關(guān)的文字內(nèi)容,放在背景上即可:
明白了嗎?這是利用圖標(biāo)的重復(fù),來完成背景的制作。
接下來,咱們再來看一個案例。
比如我們要設(shè)計一份地產(chǎn)類的 PPT ,原稿內(nèi)容如下:
如果使用純黑色背景,難免有些單調(diào),所以,我們可以找一些紋理圖形,置入在背景中。在這里,推薦一個網(wǎng)站。
網(wǎng)址是:http://www.heropatterns.com
在這個網(wǎng)站中,會有很多不同樣式的紋理圖形:
比如我們隨便下載一個跟食物有關(guān)的紋理,拖到 PPT 中,大概是這樣:
選中這個圖形,剪切后,設(shè)置背景格式,選擇圖片或紋理填充,圖片源選擇剪貼板,并且,一定要勾選,將圖片平鋪為紋理:
當(dāng)然,如果是地產(chǎn)類的 PPT ,那么,我們可以選擇其它的紋理圖形,在這里,我選擇的是這個:
一樣地,需要借用半透明蒙版對其進(jìn)行弱化,避免干擾文字信息:
來看下弱化后的背景:
最后,我們把頁面的內(nèi)容進(jìn)行排版布局,放在背景上即可:
以上呢,就是在不用圖片的情況下,利用一些圖形來制作 PPT 背景的方法,難度不大,而且,我個人覺得也會非常實用。
在這里分享出來,希望對各位有所幫助。
原標(biāo)題:不用圖片,如何做出超贊的PPT背景?掌握這兩個字就可以了!
]]>對于任意一份 PPT 而言,如果非要選出一個不可缺少的視覺元素,那么,我相信圖標(biāo)絕對能夠算作其一。
作為一種高度精煉的視覺符號,在 PPT 設(shè)計中,圖標(biāo),可以說是發(fā)揮了非常重要的作用。但是,很多人對于圖標(biāo)的使用方法,依舊只是停留在輔助文案說明的層面,就像這樣:
這無疑是小看了圖標(biāo)的作用。
因此,這篇文章就從3個方面,來跟各位聊聊,如何才能用好圖標(biāo)。
當(dāng)我們在光禿禿的純色背景上寫字時,難免會覺得有些單調(diào)。這時候,如果能夠有一些圖標(biāo)的填入,則能夠很好地解決這一問題。
而且,因為有了這些象形化的圖標(biāo)存在,也能夠在一定程度上,強(qiáng)化文案的內(nèi)容含義。
通常來說,我們可以這樣使用:
1. 制作圖標(biāo)背景紋理
將圖標(biāo)均勻地填充在背景中,即可制作出一張圖標(biāo)紋理的背景。
比如下方麥當(dāng)勞的 PPT 頁面設(shè)計:
看起來很復(fù)雜,對嗎?但是,其實制作這種背景很簡單,我們只需要一個工具即可:
http://bgpatterns.com/
我們只需要上傳幾個圖標(biāo),并且簡單地排列,這個網(wǎng)站會幫你延申出一張無限寬度的背景墻:
寫上文字即可做出一頁視覺豐富的 PPT :
2. 將圖標(biāo)作為設(shè)計元素
將圖標(biāo)單獨(dú)放在頁面上,不僅可以平衡頁面版式,也能起到可視化的作用。
簡單舉個例子來說明一下:
這是一種少見的玩法兒。我們可以將圖標(biāo),作為承載文案內(nèi)容的容器,放置于內(nèi)容底部。這樣,就能也能夠起到文案視覺化的效果。
在這里給各位舉幾個例子。
如圖,當(dāng)我們制作 PPT 時,為了能夠讓文字內(nèi)容清晰可辨,我們常用的做法,就是添加一個圓形的襯底:
但是,如果現(xiàn)在我們換一個襯底圖形呢?是不是更貼合文案含義呢?
當(dāng)然,這種設(shè)計思路在很多作品中都適用。
比如用在保險行業(yè)的 PPT 中:
或者是用時鐘:
使用云朵來表現(xiàn)云的概念:
圖標(biāo)本身是一種很精煉的視覺元素,用它來豐富頁面的視覺效果,可以說是療效顯著。
在這里,我為各位提供幾種思路,可以參考:
制作藝術(shù)化文字
我們可以用圖標(biāo)來替換文字中的部分筆畫,以此,將圖標(biāo)和文字相結(jié)合,來起到視覺化的作用。
比如說我將時鐘圖標(biāo)與時間二字相結(jié)合,可以做成這樣的文字:
將電話和聊天對話框圖標(biāo)結(jié)合:
將子彈和子彈短信相結(jié)合:
當(dāng)然,再來分享幾個,我認(rèn)為很贊的 PPT 實例:
解釋文案內(nèi)容含義
這應(yīng)該算是最常見的一種用法了,就是在文字周圍,添加一些圖標(biāo)元素,對文案進(jìn)行輔助說明。
比如用地標(biāo)建筑的圖標(biāo)來指代相關(guān)城市:
用象形圖標(biāo)來表現(xiàn)文案含義:
還有像這些:
作為頁面修飾點(diǎn)綴
這是一種比較新的玩法兒,通過在頁面上散亂地擺放一些小圖標(biāo),不僅豐富了頁面背景,也能夠達(dá)到視覺化的目的。
比如說下面兩個很典型的案例:
對于這類圖標(biāo)的排版設(shè)計,貴在一個字,就是不規(guī)則。另外,圖標(biāo)有大有小,有虛有實,能體現(xiàn)出層級關(guān)系最好:
以上,就是圖標(biāo)在 PPT 設(shè)計中的一些使用方法,最后,再補(bǔ)充兩個小點(diǎn):
去哪找圖標(biāo)?
阿里巴巴圖標(biāo)素材庫
如何改變圖標(biāo)顏色?
建議下載SVG格式,這樣就可以自由填充任意顏色。
好了,就這么多,我要去喂貓了,明天見。
]]>