在PPT設計中,最不可或缺的一種元素,可能就是圖標。
當需要讓頁面更具可視化效果時,它簡直是標配:
很多人使用圖標的方式,可能就是下載后,直接貼到頁面上,不做任何處理:
但其實你知道嗎?很多優(yōu)秀的PPT中,為了讓圖標更有創(chuàng)意,往往會做一些處理。
比如像堅果手機發(fā)布會中,為了讓觀眾理解手勢操作的重點,會進行局部變色:
再比如像騰訊云品牌PPT中的這些圖標:
還有像一些科技廠商發(fā)布會PPT中的圖標處理:
當然,像這樣的例子太多了。
所以,這篇文章,就來跟各位聊一下,該如何對圖標處理,才能讓它更具創(chuàng)意呢?
我常用的方法有4種,分別是:
啥意思呢?簡單跟各位解釋一下。
顧名思義,就是把小圖標中部分畫面,進行變色處理。就像這樣:
在我之前修改的PPT中,也曾經用過這個方法:
那該如何操作呢?
要知道,當我們想要進行局部變色,有一個前提就是,需要將圖標進行拆分:
咋做呢?
如果圖標不是連在一起,那么,下載svg格式,只需要取消組合兩次即可:
如果圖標不能拆散,比如像下面橙色部分,那么,我們可以利用布爾運算中的拆分功能,把圖標拆散:
這種做法在很多大廠 PPT 中會用到。
比如像微軟的 PPT ,可以看到,分為兩種色彩,很好地避免了視覺單調:
還有像 SAP 的PPT 也是一樣的處理:
同樣地,榮耀發(fā)布會的 PPT ,也是用到圖標局部變色的處理:
這種處理方式,與上一種類似,都需要將圖標拆散后進行操作。
大概也就像這樣,對部分線條進行漸變處理:
這種就不多說了。
通過在圖標底部,添加一個統(tǒng)一的色塊,也可以讓小圖標變得更有創(chuàng)意:
像魅族手機發(fā)布會上,曾經用過這個方法:
這種方式呢,主要是把圖標變成立體的樣式:
這種處理的方法,主要用在2.5D風格的排版中:
那么,這種是如何操作的呢?主要分為兩個步驟:
方法呢,大概就是這些,很簡單。那么,接下來我們通過兩個具體的案例,來理解一下。
首先是第1個例子:
這里的話,雖然也用到了小圖標,但樣式都是一樣的,視覺上有些重復。
所以,我們可以更換3個與內容有關聯(lián)的圖標,并進行局部變色,使用紅黃搭配的效果:
這樣一來,我們的 PPT 圖標效果,就可以變成這樣:
然后是第2個例子:
這個頁面中使用的圖標風格不太統(tǒng)一,有些是面型圖標,有些是線型圖標。
咋處理呢?最好使用統(tǒng)一風格的圖標樣式,在這里,我們可以對其進行2.5D風處理:
另外,結合一些立方體形狀,可以很好地承載圖標元素:
以上呢,就是在PPT中,對圖標進行創(chuàng)意處理的4種方法,希望對各位有所啟發(fā)。
·
原標題:邵大,為啥微軟的這張PPT中,加上圖標能變的這么洋氣?
]]>如果說在PPT中,有哪個屬于很實用,但卻被大多數(shù)人所忽略的基礎形狀,那一定是『任意多邊形』。
為什么這么說呢?
之所以說它很實用,是因為很多看似非常復雜的圖形,我們可以用它,很輕易的完成。
比如像這些科技感十足的圖形:
圖片來自網絡
看起來就很復雜,對嗎?
那為什么要說它被大多數(shù)人忽略呢?是因為我很少見到有人經常會用到它。
甚至有很多人,可能都不知道有這個形狀的存在。
那,使用這個形狀,我們到底能干點啥呢?
在回答這個問題之前,先來簡單的說一下,這個形狀該怎么用。
非常簡單,選中這個形狀之后,我們可以用它來任意的繪制不同角度的折線。
我錄了一個動圖,大家看下:
比如像繪制心跳圖時,使用這個形狀,就非常簡單:
但這樣的操作方式,并不能體現(xiàn)它的實用,如果真正想要發(fā)揮他的用途,我們需要結合 Shift 鍵。
按著 Shift 鍵的同時,點擊鼠標左鍵,基于鼠標不同的點擊位置,可以繪制直線,45°角、90°直角叫及135°角:
好了,到這里,相信你已經明白了這個形狀的用法。
那真正的問題來了,在PPT設計中,我們用它到底能干點啥呢?我認為至少有兩個常見的應用場景。
很多讀者都問過我這個問題,說見到類似這樣的線條,是怎么畫的?
圖片來自網絡
有些朋友還嘗試過,使用布爾運算進行剪除,但這都不是簡單的方法。
最好的方式就是,使用任意多邊形直接繪制。
當我們學會了這一個手法之后,那么,在很多PPT的頁面中,就能夠輕松地,做出很多創(chuàng)意的呈現(xiàn)方式。
比如在封面排版中,我們可以繪制這樣的圖形:
或者是比較常規(guī)的,就像這樣:
也可以把圖形變?yōu)槿切危?/p>
這都是利用任意多邊形,可以輕松繪制的線條樣式。
什么意思呢?我們在網上看到的很多科技感作品,他們的線條,往往是有折角的。
就像這樣:
顯得會比較凌厲,有科技范兒。
但其實,大家簡單分析一下就會發(fā)現(xiàn),這無非就是利用一些有角度的折線組合起來的罷了。
而利用任意多邊形,可以非常非常方便地進行繪制。
比如說像這個封面:
如果我們把它拆解來看,其實無非就是這些基礎的線條:
那么,問題來了,在PPT設計中,什么時候會用到這樣的圖形呢?
最常用的,可能就是來繪制文字外側的邊框。
比如說我們可以制作封面面標題的修飾:
如果拆解來看,就會發(fā)現(xiàn),無非也是一堆直線和折現(xiàn)的組合:
當然,也可以用在內容頁中,做一些標題的裝飾。
比如像這個頁面的標題修飾,看起來很復雜,其實也是一樣的線條組合而成:
當然,我們還可以有其它更多的思路。
比如做成這些樣式:
這些都是可以實現(xiàn)的創(chuàng)意。還不錯,對嗎?
額外說明一點,這個基礎形狀雖然很好用,但是,能否真正的用好它,還是要基于我們的創(chuàng)意。
如果你在繪制這些線條時,沒有思路,我建議你可以在花瓣網,搜索關鍵詞 [ 科技線條 ] ,或者 [ FUI ] 之類,能給你無窮的創(chuàng)意:
希望能夠對各位有所啟發(fā)。
原標題:這個小眾但超實用的PPT基礎功能,我發(fā)掘了一些新玩法兒
]]>提前聲明,這篇文章是純技術帖,看完之后,保證你能夠100%做出文章里提到的案例。
之前有位讀者,發(fā)給我一張魅族發(fā)布會的PPT頁面,問我這三個圓角矩形是怎么畫出來的?
這些圖形呢,咋一看,像是圓角矩形,但其實又不是。那么,該如何進行繪制呢?
同樣的,關于圖形的問題,還有讀者問過我,像這樣的形狀,是怎么完成的?
之前零零散散的提到過一些方法,但不系統(tǒng)。
所以,這篇文章,就來分享3種,在PPT中常用的的創(chuàng)意異形圖形,到底是怎么繪制的。
啥意思呢?簡單來說就是,把任何一個角度的圖形,都變成圓角,從而讓圖形看起來更加圓潤。
這在很多母嬰類或者女性主題的PPT中,經常會用到,因為風格會更貼切。
那圓角圖形是怎么完成的呢?
其實我們只需要借用一個PPT中的插件,之前也分享過,叫做英豪插件。
操作方法也很簡單,在頁面上插入任意圖形,比如一個三角形吧。
第一步,選中圖形后,點擊格式,找到英豪插件中的 編輯形狀功能,選擇圓角工具:
在彈窗中,選擇倒圓角半徑的數(shù)值即可生成圓角,一般來說,數(shù)值越大,弧度越大:
為了讓各位理解的更加清楚,咱們來看一個實際的案例,比如我們插入一個平行四邊形:
將圓角數(shù)值設置為3CM,可以看到,弧度很明顯了:
將它放在封面底部,用來承載信息和圖片即可:
啥叫超圓角矩形呢?就是比圓角矩形還要圓潤,像前面提到的魅族的案例,這里所使用的,就是典型的『超圓角圖形』:
那它跟圓角圖形到底有什么差別呢?我貼一張圖,讓大家能夠看得更清楚:
紫? 紫色部分為圓角矩形
紅? 紅色部分為超圓角矩形
看到了嗎?超圓角矩形的四邊,也是有弧度的。
那這種圖形是怎么繪制的呢?這里就需要借用一個軟件,叫AI,只需傻瓜式操作,即可完成。
第1步,在頁面上插入一個正圓形,方法跟PPT里一樣:
第二步,我們選中圖形,點擊 效果,找到 變形 ,選擇 膨脹:
在彈出的窗口中,我們調整膨脹的彎曲度,這里我設置的是40%:
這是膨脹后的圓形,也就是圓角矩形:
最后一步,我們需要點擊 對象 ,選擇?擴展外觀,這樣,拖到PPT里,可以對圖形進行任意的顏色修改:
這就是超圓角矩形的繪制方法,沒有一丁點難度。
這種形狀,就沒有一個固定的形式了,所以統(tǒng)稱異形,在很多網頁設計里會看到相關的案例。
那這種圖形是怎么繪制的呢?看起來會稍微復雜一點,對吧?
但其實,我們壓根不用親自動手,就可以完成。
打開一個網頁,網址是:https://www.blobmaker.app
在這里,你通過調整3個參數(shù),就可以自動生成一個異形圖形,而且還支持導出為svg格式,也就是形狀:
當復雜度和對比度越高時,生成的圖形也就越復雜,反之越簡單。
為了便于各位理解,我做了一個動圖演示這個過程:
0代表數(shù)值最小,9代表最大
那使用這種圖形能干嘛呢?我在這里做了一個人物排版的案例:
那這個案例中的人物和圖形相交部分,是怎么完成的呢?我簡單去分享一下操作的過程。
首先,我們需要找到一些去背的人物照片,如果沒有的話,可以借用摳圖工具來完成:
這里使用的是:https://www.remove.bg
接下來,我們把圖片和形狀重疊,形狀放在圖片底部:
但這時候我們發(fā)現(xiàn),人物底部的部分,與形狀底部邊緣沒有完全重疊,所以,咱們需要來對人物底部的輪廓進行處理。
在人物圖片的上方,插入一個矩形色塊。然后先來選中矩形,再選中底部的異形,進行形狀剪除:
這時候得到的圖形就變成了這個樣子:
隨后,我們就需要來處理人物底部的輪廓:
也是一樣的操作,先選中人物,再選中底部的圖形,執(zhí)行剪除的操作:
得到邊緣比較平滑的人物圖片素材:
這時候,再把異形圖形放在人物底部即可:
這就是人物排版案例的全部操作過程,非常簡單。
好了以上呢,就是3種,看似很復雜,但其實制作難度超低的PPT圖形繪制方法。我相信應該能學會了,對嗎?
好了,以上就是這篇文章的全部內容。
原標題:那些創(chuàng)意的PPT圖形是怎么完成的?這3個傻瓜式方法,你一定要學會!
]]>之前,有位讀者在微信上問我這樣一個問題,她想知道下面這個水平面波動上漲的動畫,是怎么實現(xiàn)的?
不到 10 分鐘,我就用 PPT 復刻了這個動畫,效果如下:
其實呢,這個動畫的原理十分簡單,只需波浪形狀外加路徑動畫即可實現(xiàn)。
什么意思?可能有些同學,還沒弄太明白。沒關系,看完下面兩張圖,你就完全搞清楚了!
這張圖是波浪形狀在 PPT 界面中初始位置:
下面這張是給形狀添加了向左上方移動的路徑動畫:
理解了嘛?其實就是通過波浪形狀的移動,從而產生了水平面上漲的錯覺!
可能又有些同學會問,路徑動畫好說,這個波浪形狀該怎么畫?。?/p>
這就牽扯到 PPT 中的一個少有人知的形狀工具,叫做曲線。
為了讓你更容易掌握曲線工具的使用技巧,我特意錄制了一波操作動圖。
技巧一:通過點擊鼠標,確定曲線的頂點,雙擊結束繪制
技巧二:同側頂點相距越大,曲線的弧度就越平坦,反之則陡峭
技巧三:點擊起始頂點,可構成封閉的形狀
技巧四:右鍵編輯頂點,可對曲線弧度二次調整
看到這兒,相信你一定學會了,波浪形狀的繪制方法。再回過頭來,看一下文章開頭的動畫,是不是覺得簡單多了?
既然學會了曲線工具的使用方法,如果只是拿來做波浪動畫,就顯得有些大材小用了??紤]到這一點,接下來我再跟各位分享 3 個非常實用的,曲線工具應用場景。
1.繪制時間軸線
對于時間軸頁,相信大多數(shù)人還停留在,“一根直線走天下”的層面上。而使用曲線,則能夠讓版面看起來更具跳躍感,就像這樣:
作者:肖志乾
為了方便你更好理解這一點,這里我再多列舉幾個,曲線在時間軸頁中應用的案例。
比如,只是使用一根曲線:
或者兩根曲線交錯排布:
如果覺得頁面不夠豐富,那就再添一根:
當然,除了單純的曲線,用曲線工具繪制的波浪形狀作為時間軸,效果也很不錯。
我們還可以給形狀加上路徑動畫,再來看下動態(tài)效果:
是不是很贊呢?
2.表現(xiàn)某種趨勢
通過控制曲線波浪的起伏,來表現(xiàn)某種事物的發(fā)展趨勢,從而讓觀眾看起來更加的直觀,是一種很常用的頁面可視化手法!
舉一個簡單的例子,比如下面這張圖,是有關于產品生命周期的介紹。都是文字,很難在短時間內,看出產品在各個周期的具體情況。
這個時候,我們就可以根據文字內容,繪制一條曲線來表現(xiàn)產品發(fā)展趨勢:
現(xiàn)在看起來,是不是清晰多了?
再來看個案例,比如小米手機的這頁 PPT,利用曲線來表現(xiàn)芯片迭代的性能增幅。同時通過加大曲線的陡峭程度,來襯托最新一代芯片的性能。
同樣的,用曲線來表現(xiàn)電腦性能的增幅也是一樣的道理。
另外,用曲線來表現(xiàn)單個數(shù)據的發(fā)展趨勢也很有創(chuàng)意。因為在通常情況下,會使用三角形或者箭頭來表現(xiàn)數(shù)據的增長或者是下跌:
不得不說,這種表現(xiàn)手法太常見了。而使用曲線來表現(xiàn)數(shù)據的發(fā)展趨勢,則可以讓人耳目一新:
3.豐富頁面內容
除了上面所說的兩點,曲線還能夠起到豐富版面的作用,避免頁面單調。
比如下面這套騰訊云的 PPT,就通過虛實、粗細、顏色混搭的曲線,進而達到豐富頁面內容的目的:
再跟各位舉一個例子,這一頁想要展示下年工作目標:
只有 4 個圈加文字,看起來很單調,對嗎?而我們加上曲線,讓 4 個圈串聯(lián)起來,頁面就會變得大不一樣:
好了,以上呢,就是有關于曲線工具的 4 個使用技巧。
最后,再給各位推薦一個曲線生成網站 ——?getwaves.io
該網站能夠隨機生成波浪圖形,支持下載 SVG 格式的矢量圖形,可直接導入到 PPT 中編輯。如果你不擅長繪制曲線,不妨去這個網站試一試!
另外,再送給大家一個小福利,開頭的波浪動畫免費送給你!
好了,就這么多
原標題:這個基礎的PPT形狀,原來還可以這么用!太有創(chuàng)意了。
]]>本教程您將學習到以下內容:
本教程您將學習到以下內容:
本教程您將學習到以下內容:
前兩天,有位讀者私信問我,說下面這張圖中的立方體,用 PPT 能不能做出來?
可能有些朋友會說,這用 PPT 形狀中的自帶的立方體就能直接繪制啊!
的確,使用 PPT 形狀中的立方體是能夠做出類似的效果,但有個很大的弊端就是,立方體三個面的顏色沒有辦法單獨修改:
那么,該如何繪制出三面可編輯的立方體呢?
別急,接下來,我就教給大家另一種方法,來繪制這些超酷的立體方體!
1.先在頁面中插入兩個相同大小的六邊形
2.移動六邊形使之重疊,重疊位置如下:
3.框選兩個形狀,點擊合并形狀中的拆分,得到以下三個形狀:
4.再插入一個矩形,并與形狀1重疊,重疊位置如下:
5.框選兩個形狀,點擊合并形狀中的拆分,得到以下三個形狀:
6.最后將形狀1.1、形狀1.2、形狀2拼湊在一起即可:
7.到這一步,我們把背景換成深色,再分別調整三個形狀漸變參數(shù),一個超酷的立方體就完成了。
我們把畫好的立方體,放在具體的實際頁面中,看下效果:
還不錯,對吧?
如果你覺得頁面有些單調,我們可以是試著給立方體添加一些漸變的線條,來營造一種上升的趨勢:
最后,我們還可以根據頁面內容的邏輯關系,為立方體添加一個依次浮入的動畫,從而讓觀眾更加容易理解:
有沒有覺得效果很贊呢?
好了,通過上面這個案例,相信你也一定掌握了立方體的畫法。
那么,問題來了,立方體在幻燈片中該怎么用呢?
我總結了 3 個常見的應用場景。先來說第一個,也是我在定制時經常會用到的一個場景:
對于這個概念,相信各位一定都不陌生,因為這是形狀最基本的作用。在遇到內容較多的頁面時,我們會用一些矩形、或者圓形把內容規(guī)整起來,就像這樣:
這樣做倒也未嘗不可,但問題就在于,頁面太平淡了。
而使用立方體,作為內容載體,就完美的解決了這個問題,因為立方體本身看起來就很有空間感:
除此之外,立方體還能作為一個展示臺,比如我們可以把獎杯放上去:
通過調整立方體的高度,來表現(xiàn)頁面內容的遞進關系。比如在文章一開始所舉的案例中,立方體就起到了這樣一個作用:
如果層級較多,我們還可以縮小立方體,把頁面排成這樣:
明白了嗎?這就是立方體的第二個作用!
與表現(xiàn)內容遞進關系類似,也是調整立方體的高度,然后在立方體上方添加數(shù)字,一張超酷的立柱柱狀圖表就完成了:
比如我們可以用來展現(xiàn)公司的銷量:
或者展現(xiàn)公司業(yè)務增長量:
效果是不是很贊呢?
以上,就是這篇文章的全部內容啦!
]]>在PPT所有的基礎形狀中,有一個形狀,使用場景非常廣泛,但卻很少有人提起。
那它是什么呢?很簡單,就是曲線。像下面的這些頁面里,我們看到,它們所使用的都是曲線:
怎么樣?還不錯吧?
那既然曲線很重要,但很少有人提起,所以這篇文章,咱們就來好好的聊一聊曲線的使用。
先來說點基礎的,在PPT中,該如何去繪制曲線呢?
很簡單,我們首先在形狀中找到曲線:
接下來,我們就可以來進行曲線的繪制,為了便于大家能夠看得更加直觀,我錄了一個動圖:
在繪制的過程中,大家要注意,當曲線相鄰的兩個錨點,距離越大,那么,曲線的弧度也就越大,反之越小。
什么意思呢?給大家畫個圖示:
明白了嗎?
好了,那學會了最基礎的繪制,接下來,咱們就通過一些實例頁面,來看看它到底有什么用。
當我們想要繪制一條平滑向上的數(shù)據圖表,用來呈現(xiàn)數(shù)據增長的感覺時,使用曲線是最合適的工具。
比如說像這樣的一個案例,它就是典型的使用了曲線和漸變功能的結合:
那它是怎么完成的呢?我們一起來學習一下。
我們看到,這個案例中不僅有曲線,還有一個曲面:
那么,如何做才能夠將其創(chuàng)建出來呢?可以來看一下動圖,會更加直觀:
如果用文字來解釋的話,就是利用曲線功能,來繪制一個超出畫面尺寸的曲面,就像這樣:?
如此一來,在演示放映的時候,觀眾就會只看到一個平滑上升的曲面。接下來,我們只需要分別去設置形狀填充和輪廓的漸變色即可:
怕你不知道怎么設置,附上具體的參數(shù):
這個教程夠詳細了吧?
PPT中自帶的形狀往往都是方方正正的,缺少一些靈動園潤的感覺,如果經常使用,難免會有些呆板。但如果我們能使用一些曲線形狀,也許會讓人眼前一亮。就像這樣:
那這些形狀是怎么繪制出來的呢?具體方法跟上面的一樣,無非只是多拐了幾個彎兒而已。
假如說咱們就拿上面這個頁面為例,來具體地演示一下,我依舊錄了一個動圖:
依舊是當我們繪制完成圖形之后,再基于整體的視覺風格,給它添加顏色即可:
怎么樣?是不是又學到一招?
我們知道,大多數(shù)的時間軸都會通過繪制一條直線來完成,然后在相應的節(jié)點添加上相應的事件。就像這樣:
但是你是否想過?如果我們學會了曲線,其實可以把時間軸做成這樣:
是不是更有創(chuàng)意呢?好了,問題來了,這個時間軸是怎么完成的呢?
如果你看完了前面案例的動圖,相信你會覺得這個案例很容易完成,對嗎?不過,照顧到有一些基礎不太好的讀者,我還是給大家錄了一個動圖:
看明白了嗎?這是最終繪制的曲線時間軸:
接下來,我們需要做的,無非就是把這些時間節(jié)點,填在繪制好的時間軸上就可以了,在這里,我就不具體放了。
好了,上面呢,通過三個具體的實例教程,來跟大家講解了曲線是怎么繪制的,以及它都有哪些應用場景?
希望對各位有幫助。
]]>在制作PPT時,小圖標的使用,可以說是必不可少。因為它可以用最簡練的形式,來呈現(xiàn)出最形象的含義。
比如咱們來看幾個案例,像這個:
還有像這些:
用在頁面上,可以非常形象地傳遞出文案含義。
不過,雖然很多人都用過小圖標,但是,不得不說,很多人的使用方式,可能存在一定的誤區(qū),導致沒有很好的發(fā)揮出圖標的真正價值。
但你知道嗎?其實在PPT中用好圖標,只需要遵循兩個原則即可。
哪兩個呢?分別是: 一致性和形象化。
看起來感覺很簡單,對嗎?但其實很多人都很難做到這兩點。接下來挨個的去說一下。
這是圖標使用最基礎的一個點,而要想把這一點搞清楚,咱們就需要先來簡單的了解一下圖標的類型。
都有哪些類型呢?基于圖標的形態(tài)不同,大概可以分為這么幾種:
聽名字就知道,圖標是由線條構成的,可能是粗線條,也可能是細線條,不過,通稱這一類。
不用多說了吧,圖標是由色塊構成的。
這里可能包含半立體,就像下面這些,也可能是擬物化圖標等。
而在PPT中,如果我們想要做到一致性,其實很簡單,只使用一種風格類型就可以了。
什么意思呢?咱們先來看一個反例:
這就是沒有遵循圖標一致性的原則所做出來的PPT頁面,很亂吧?各種風格的圖標混雜在一起。
而如果我們把它改成這樣呢?是不是好很多呢?
這是咱們需要遵循的第一個原則,明白了,對嗎?
我知道,對于我們很多人來講,使用的圖標都是在網上下載的,雖然這種方式很方便,但往往也會造成表達含義不清晰的問題。
什么意思呢?比如像這個圖標,大家覺得它在表達什么含義呢?社交,對不對?
那如果我們現(xiàn)在在做一份 PPT ,想要表達的是移動社交,或者是群聊呢?上面的圖標很難精準地將其體現(xiàn)出來。
所以,我們就需要對圖標進行組合,做成這樣:
那么,這時候,它所表達的含義,是不是更加形象一點呢?相信毫無疑問,對嗎?
那么,問題來了,如果才能獲取這樣的圖標呢?兩個方法。
先來說個簡單的方法:圖標組合法
如果我們想要讓圖標能夠更加精準地表達某個含義,那么,我們就需要,把多個圖標組合在一起,讓圖標變得更具個性化。
啥意思呢?該怎么對圖標組合呢?分享兩個常用的小方法。
大家可以看到下面幾個我做的案例,左側是組合模板,右側是實際案例。
當我們把圖標組合后,因為有了多個圖標組合,所以,它的含義會更加精準。
比如像下面這個,它表達的,就是貨物已由快遞發(fā)出:
再比如像下面這個,什么意思呢?WIFI已加密,對嗎?
還有像下面這個,不用我解釋了吧?手機購物,對不對?
這也是一個可以讓圖標含義變得更加精準的方法,給大家看下模板及案例:
像這一個,表達什么意思呢?是不是電腦上觀看視頻?
還有這一個,它表達的是什么呢?在線版的 PDF轉WORD ,對嗎?
明白了嗎?如果我們再結合前面講到的『一致性』這一點,比如咱們可以對圖標進行局部改色,這樣,整體的風格是不是更加一致呢?
再來說個更簡單的方法,直接在網站下載
給大家推薦一個組合圖標網站,叫做FLaticon,是國外的,國內也可以登錄。
在這個網站里,有很多的組合型圖標,大家可以免費下載:
不過,它的問題在于,每天有下載次數(shù)的限制,所以,解決這個問題最好的方法,還是學會第一種,圖標組合法。
好了,關于圖標的使用呢,我要說的就這么多,有疑問的地方,可以留言向我提問。
最后,建議大家可以按照我的方法,嘗試去畫一些圖標,真的挺好玩的,你也會很有成就感。
]]>在PPT制作中,我相信,圖標的使用在所難免。尤其是對于列表型的內容而言,使用圖標,可以讓頁面的視覺風格變得不那么單調。
就像這樣:
而且,因為圖標是極具抽象化的圖形形式,所以,也能夠很直觀地表現(xiàn)出文案所要表達的含義:
在之前,給大家推薦過一個特別好用的圖標網站,叫做阿里巴巴圖標素材庫。里面有很多的扁平化圖標元素,都可以免費下載:
但一些讀者反饋,除了這個扁平化圖標網站之外,還有沒有其他風格的圖標網站,值得推薦呢?
在這里,給大家分享一些最近兩年收集的圖標網站,數(shù)量雖然不多,但都是精品。
gallery.manypixels.co
這是一個偏三維立體感的圖標網站,里面有很多的圖標插畫,對于這類的圖標,我們不僅可以當作頁面的視覺元素,還可以很好地詮釋文案含義。
當然,比較驚喜的一點在于,我們還可以在線任意地對圖標更改顏色:
下載的圖標格式為svg,隨便放大,也不會變得模糊:
undraw.co
跟上一個網站提供的圖標類似,但區(qū)別在于,它提供的是扁平化圖標:
而且,也可以自由地更改圖標的顏色:
iconstore.co
這個網站的特點在于提供了非常多風格統(tǒng)一的組圖,數(shù)量多,且質量非常高:
比如我們隨便打開一組圖標,就可以看到,風格超級統(tǒng)一:
而且還有一點很贊的事,如果你下載了它的圖標軟件,還可以自由地更改圖標的粗細和顏色:
simpleicons.org
這是一個按顏色,對品牌logo進行分類的一個網站,我們可以在這個頁面上,下載很多企業(yè)logo的素材:
如果你不想按顏色查找圖標,你還可以按照logo的首字母進行排序查找:
stockio.com
這是一個提供很多類型素材的一個網站,有照片,有圖標,還有字體等:
它的特點在于,數(shù)量非常豐富,而且,很贊的一點在于,當我們找到了一個特定風格的圖標時,還會匹配很多相同風格的圖標:
以上,就是5個很精致的圖片網站,用在PPT設計中,對于圖形可視化而已,會非常有幫助。
今天接受一家媒體采訪,耽誤了一些時間,導致文章寫晚了,大家理解一下哈。
]]>如果你能認真的閱讀這篇文章,那么,我相信,你會開啟一個全新的PPT設計大世界,做出就像這樣的幻燈片:
看起來很酷,對嗎?
其實,你知道嗎?完成這一切并不難,很多時候,可能我們只需轉變一下思路,將文字或者圖標底部的形狀樣式進行更換,就可以做到。而且,在很多高級的PPT定制設計中,也經常會用到這樣的手法。
什么意思呢?通過一個案例對比,方便各位理解。
比如我們看到下面這個頁面,為了凸顯文字內容,我們在底部添加了一個圓形,視覺效果還可以,對嗎?
但如果我們將其更換為一個盾牌呢?是不是更加形象呢?
那么,這是怎么做的呢?其實可以分為3種方法,接下來咱們一一來說。
是指用一些更形象的素材,替代常規(guī)的形狀,使其更加具有可視化效果。上面的對比案例,采用的就是這種設計思維。
再舉個例子,比如現(xiàn)在很多公司需要舉辦年會,可能要表彰部分員工,與其將獲獎者的姓名寫在一個圓形上:
如果我們換個思路,將其放在一個麥穗中,是不是更好呢?
同樣地,如果我們在制作 PPT 時,如果需要在頁面上放上公司獲獎信息,是不是可以采用同樣的方式進行呈現(xiàn)呢?
我想,答案是毫無疑問的。
這里用到的麥穗,是一些 png 格式的圖片素材,通常在網站上進行下載,無需親手制作。
我經常去的千庫網:
或者是覓元素:
再比如,當我們需要介紹一個產品時,與其添加上丑丑的圓形色塊:
不如去找一個更加契合設計風格的素材作為襯底:
當然,除了使用圖片替換外,咱們也可以利用一些圖標形狀進行設計。
再舉個例子,比如我們?yōu)榱私榻B云產品,可以把形狀換位云朵:
或者是用對話氣泡,更換圓形:
有一點需要提醒的是,元素的選擇要與PPT內容風格相契合。
為了能夠讓文字呈現(xiàn)效果更加具有場景感,我們可以選擇一些合適的圖片,將文字寫在上面,這也是一個創(chuàng)意的方向。
簡單舉幾個例子,方便你更好的理解這個方法。
比如說之前我曾做過一個健身相關的圖片,把一些數(shù)據寫在了人物胸前:
再比如,很多手機廠商,為了體現(xiàn) CPU 芯片性能或者型號,會在芯片上添加一些內容,但真正的芯片,怎么可能會有這些文字呢?
再比如,咱們繼續(xù)開腦洞,假定我們有一款產品,為了介紹其意義,可以寫在產品上面:
或者是在介紹產品性能時,也可以采取同樣的方法:
這里的關鍵點在于,要確保圖片有部分空白的區(qū)域,可以正好添加文字內容。
作為襯底,使用筆刷來替代形狀,也可以讓頁面的版式變得更具創(chuàng)意。
通常來說,什么時候會用到筆刷呢?大概有這么幾個場景。
比如在在封面設計中:
或者是在人物/產品介紹中:
其實,制作難度很低,無非就是在網上找一個筆刷素材,然后將其放在人物底部即可:
當然,在頁面上用作小標題,也可以:
明白了嗎?很多時候當我們在設計PPT的時候,如果能夠發(fā)揮一些創(chuàng)意,加入一些巧思,也許就能夠讓呈現(xiàn)效果更具吸引力。
以上,希望對你有所啟發(fā)。
另外,要向各位說聲抱歉,昨天推薦的網站,還有之前推薦的譯學館,不少讀者反饋不能登陸,其實不是的,應該是網站短時間流量激增,導致崩潰了,過兩天就好了。
都是我的鍋。
]]>對于任意一份 PPT 而言,如果非要選出一個不可缺少的視覺元素,那么,我相信圖標絕對能夠算作其一。
作為一種高度精煉的視覺符號,在 PPT 設計中,圖標,可以說是發(fā)揮了非常重要的作用。但是,很多人對于圖標的使用方法,依舊只是停留在輔助文案說明的層面,就像這樣:
這無疑是小看了圖標的作用。
因此,這篇文章就從3個方面,來跟各位聊聊,如何才能用好圖標。
當我們在光禿禿的純色背景上寫字時,難免會覺得有些單調。這時候,如果能夠有一些圖標的填入,則能夠很好地解決這一問題。
而且,因為有了這些象形化的圖標存在,也能夠在一定程度上,強化文案的內容含義。
通常來說,我們可以這樣使用:
1. 制作圖標背景紋理
將圖標均勻地填充在背景中,即可制作出一張圖標紋理的背景。
比如下方麥當勞的 PPT 頁面設計:
看起來很復雜,對嗎?但是,其實制作這種背景很簡單,我們只需要一個工具即可:
http://bgpatterns.com/
我們只需要上傳幾個圖標,并且簡單地排列,這個網站會幫你延申出一張無限寬度的背景墻:
寫上文字即可做出一頁視覺豐富的 PPT :
2. 將圖標作為設計元素
將圖標單獨放在頁面上,不僅可以平衡頁面版式,也能起到可視化的作用。
簡單舉個例子來說明一下:
這是一種少見的玩法兒。我們可以將圖標,作為承載文案內容的容器,放置于內容底部。這樣,就能也能夠起到文案視覺化的效果。
在這里給各位舉幾個例子。
如圖,當我們制作 PPT 時,為了能夠讓文字內容清晰可辨,我們常用的做法,就是添加一個圓形的襯底:
但是,如果現(xiàn)在我們換一個襯底圖形呢?是不是更貼合文案含義呢?
當然,這種設計思路在很多作品中都適用。
比如用在保險行業(yè)的 PPT 中:
或者是用時鐘:
使用云朵來表現(xiàn)云的概念:
圖標本身是一種很精煉的視覺元素,用它來豐富頁面的視覺效果,可以說是療效顯著。
在這里,我為各位提供幾種思路,可以參考:
制作藝術化文字
我們可以用圖標來替換文字中的部分筆畫,以此,將圖標和文字相結合,來起到視覺化的作用。
比如說我將時鐘圖標與時間二字相結合,可以做成這樣的文字:
將電話和聊天對話框圖標結合:
將子彈和子彈短信相結合:
當然,再來分享幾個,我認為很贊的 PPT 實例:
解釋文案內容含義
這應該算是最常見的一種用法了,就是在文字周圍,添加一些圖標元素,對文案進行輔助說明。
比如用地標建筑的圖標來指代相關城市:
用象形圖標來表現(xiàn)文案含義:
還有像這些:
作為頁面修飾點綴
這是一種比較新的玩法兒,通過在頁面上散亂地擺放一些小圖標,不僅豐富了頁面背景,也能夠達到視覺化的目的。
比如說下面兩個很典型的案例:
對于這類圖標的排版設計,貴在一個字,就是不規(guī)則。另外,圖標有大有小,有虛有實,能體現(xiàn)出層級關系最好:
以上,就是圖標在 PPT 設計中的一些使用方法,最后,再補充兩個小點:
去哪找圖標?
阿里巴巴圖標素材庫
如何改變圖標顏色?
建議下載SVG格式,這樣就可以自由填充任意顏色。
好了,就這么多,我要去喂貓了,明天見。
]]>形狀應該算是 PPT 制作中,最常用的功能之一。
在 PPT 小白的眼中,這些千奇百怪的形狀,就是被拿來畫圓,畫三角形,或者是畫五角星。
但是,在 PPT 達人的手里,它們卻是進行視覺設計時的利器。那么,如何才能玩轉形狀,發(fā)揮其更大的價值?這篇文章就來跟各位聊聊這個點。
提前聲明,鑒于形狀功能過于強大,且種類豐富,一篇文章很難說完,所以,這篇文章,就先來跟各位聊聊 圓形 的玩法兒。
在 PPT 設計中,圓形的用法,基本上可以歸結為這么幾個點:
規(guī)整頁面元素
避免視覺雜亂
在 PPT 制作中,經常會用到形狀各異的圖標,或者是遇到長短不同的文段,那么,使用圓形作為一個容器,將這些內容填入其中,可以在很大程度上,保證頁面視覺效果上的規(guī)整。
比如說,為3段文字分別添加一個統(tǒng)一尺寸的圓形色塊,來使得內容更加規(guī)整:
也可以為每個小圖標添加一個統(tǒng)一的襯底:
或者是使用半圓來規(guī)整內容:
也可以使用圓形進行文字內容的規(guī)則:
都能起到類似的效果,它們的作用都一樣,就是把不規(guī)則的圖形,變得具有統(tǒng)一的規(guī)則。
作為頁面修飾物
避免頁面單調
為了避免頁面單調,使用圓形作為頁面的點綴物,能夠起到非常好的效果。關于添加頁面修飾,這里有幾個不同的思路。
1. 在頁面背景上添加圓形,用來豐富背景
要注意圓形大小和虛實的變化,要有層次的感覺
大家注意圓形的尺寸和透明度的變化:
來自濤說PPT
大家注意線條間距和粗細的變化:
2. 在頁面的周圍,添加圓形作為點綴
要注意不要產生雜亂感,干擾內容展示。
比如在頁面四周添加一些半透明圓形,從而作為氣氛元素,來點綴頁面:
而且,不僅是 PPT 設計,在很多平面設計類型中,都會采用到圓形,作為頁面的點綴。
簡單舉個例子,大家參考下:
作為邏輯圖形
進行內容可視化
當我們想要把內容進行可視化處理,尤其是進行總分關系的邏輯可視化處理時,圓形和圓圈的搭配,簡直是萬能。
比如下面這張 PPT 的圖形可視化樣式:
來自濤說PPT
當然,做出這樣的圖形也非常簡單。
只需要通過繪制大小,粗細以及透明度各不相同的圓圈,將內容放在不同的圈層上,就可以做出很好的內容邏輯關系圖示。
比如下面這兩個案例,就是利用不同透明度,不同粗細線條搭配做出的效果:
當然,除了總分關系外,也可以考慮表達遞進關系:
采用不同色塊
進行層級區(qū)分
為了能夠區(qū)分視覺上的重點,我們可以為文字添加不同的襯底,從而達到不同的凸顯效果。
當我們在一段文字底部添加襯底時,可以起到明顯的強調作用:
當然,如果需要為多端文字添加襯底,可以從色彩上做出區(qū)分:
當然,也可以考慮從實心和空心上作文章:
繪制數(shù)據圖表
進行數(shù)據可視化
通過改變圓形面積的大小,進行可視化的區(qū)分,用來表現(xiàn)數(shù)據量的大小,也是一種很好用的方法。
比如將折線圖和圓形結合,我們可以做出這樣的圖表:
將不同尺寸的圓形和圖標結合起來,可以做成這樣的頁面:
即便是在圓形內,我們也可以做出這樣的圖表:
以上,就是圓形在 PPT 中的使用方法,當然,我相信,創(chuàng)意自在人為,不同的人會有不同的玩法兒,如果你能夠大開腦洞,我相信,你也能夠成為創(chuàng)意達人。
好了,接下來的文章中,你想了解哪一種形狀的用法?留個言告訴我吧。
]]>在幻燈片設計中,我們經常會使用到圖標。對于圖標而言,無非兩個作用,其一是視覺化表達,其二是調節(jié)觀眾情緒。
因此,今天我們就來好好地講一講,如何才能讓 PPT 中的圖標更有設計感。
圖標的美化主要有 2 個方向,要么是對圖標本身動手,要么改變圖標周圍的環(huán)境,接下來我們就按照這 2 個大方向來詳細分析。
01
對圖標本身動手
(1)圖標的上色(純色 / 漸變)
這是最為普通、簡單的美化手法,但是因為用的人比較多,所以觀眾都審美疲勞了;如果你的基礎比較差,用這種方法最為保守,但是保守的東西很難驚艷。
(2)圖標取消組合后,局部上色
大家注意看上面這張幻燈片的圖標部分,有純白的,也有半透明的,這就是局部上色;這么做不僅可以增加設計感,還可以讓重點更突出。
如果你使用的是 Office 365,你就可以用微軟為你精挑細選的圖標,取消組合后就可以自由上色了。當然了,這還要取決于你選擇的圖標,最好是有多個部分組成的,這樣取消組合后才有子模塊。
(3)圖標半透明充當背景
上面這張幻燈片的圖標就是半透明充當了背景,絲毫不減少頁面的生動,而且彌補了色塊的空白區(qū)域。
圖標充當背景既可以完全顯示整個圖標,也可以裁剪該圖標的局部區(qū)域,比如上圖就是只顯示圖標的局部區(qū)域。
(4)圖標與圖片的布爾運算
上面這張幻燈片左邊是微軟的 LOGO,LOGO 其實就是代表企業(yè)的圖標,將圖標和圖片做布爾運算不僅保留了圖標的直觀性,還平添了圖片的沖擊力。
(5)給圖標加“陰影”
這里的“陰影”不僅僅是指直接給圖標加 PPT 自帶的陰影,還可以像上面這張幻燈片那樣,復制同樣的圖標然后柔滑邊緣、提高透明度。
(6)給圖標加光澤
上面這頁幻燈片中,左邊的圖標是普通的純色填充,右邊的圖標則添加了光澤,更有立體感了。
(7)三維旋轉
圖標的三維旋轉,我經常會用在科技風的幻燈片中。記得先把圖標和形狀組合后再設置三維旋轉。
(8)層疊 + 旋轉
這種通過旋轉 + 透明度所做成的效果很有節(jié)奏感,制作也比較簡單,復制圖標 + 設置透明度,最后記得調整圖標的層級。
02
對圖標周圍的環(huán)境動手
(1)形狀墊底
比如上面這張幻燈片的右側,圖標下面都是色塊,這也是我們最常見的,制作比較簡單,如果色塊的形狀選擇和顏色選擇比較好,做出來還是不錯的。
(2)圖標底部小點綴
這種其實也是形狀墊底的一種,但是墊底的形狀只是在圖標的邊角出現(xiàn),起到的主要是點綴的作用。這種做法需要特別注意圖標的顏色選擇。
(3)圖標四周小點綴
這種做法比較少見,需要設計師對于細節(jié)的極致追求。一般裝飾在圖標四周的形狀多為線條,原因是如果用大面積的色塊會轉移觀眾的注意力。
(4)圖標與文字的結合
這是最有難度的一種設計手法了,需要你深度理解文案,還要對圖標的選擇很講究;當然,最有難度的東西一旦成功了就是驚艷!
最后我們來總結一下:
好了,就這么多。
]]>文 | 利兄
在PPT中,時間軸是非常重要的一個版塊,很多PPT都會用它來表達企業(yè)的發(fā)展歷程和項目進度。
我們通常所見到的時間軸大部分都是以點線為核心進行制作的,因為點,正好可以代表時間節(jié)點,線可以代表時間區(qū)間。
比如下面這個個人發(fā)展時間軸,就很好的展現(xiàn)出了個人發(fā)展的六個階段。
這樣的PPT,看上去雖然還不錯,但總是感覺太“規(guī)矩”了,缺少一些變化和創(chuàng)意。
那么如何才能讓我們的時間軸看上去更有創(chuàng)意呢?
這里的關鍵在于變化,在于突破常規(guī)的思路,只要你做的PPT目錄和90%的人做的都不太一樣,是不是就顯得很有新意。
我們不妨一步一步的來,據我觀察,PPT時間軸大概可以分為這三類。
第一類,以點和線為核心,但是為了讓PPT更精致,我們做出了一些小小的改變。
比如,我們在時間軸上加入了圖標,讓PPT看起來更形象。
比如,我們將原本的直線,改用更有動感的曲線。
第二類,放棄傳統(tǒng)的點線模式,代之以大面積的色塊。在這里,色塊既代表時間點,又代表時間區(qū)間。
我們還可以用箭頭來替代線條,用箭頭和色塊的組合來表示時間軸。
第三類,用圖片中的“關聯(lián)元素”來充當時間軸
前兩類雖然比起傳統(tǒng)的點線模式,有了一些變化。但是從根本上說,其實沒有跳脫出傳統(tǒng)的“點線面”等形狀。
創(chuàng)意的關鍵,通過類比和關聯(lián)的方式,找到事物之間的關系,用圖片中的元素來充當時間軸,以取代傳統(tǒng)的“點線”形狀。
比如,我們用毛筆來充當時間軸,表示,這一路走來,我通過寫作,獲得了快速發(fā)展。
這一類的圖片有很多,比如之前,我為客戶做的一份PPT中就用了長城表示時間軸,城墻的走勢正好可以表示時間的發(fā)展曲線。
由于客戶信息不能泄露,所以這里我把客戶信息換成自己的了。
這一類的圖片還有很多,你細心一點就會發(fā)現(xiàn)。
比如地球,他的輪廓不就是線條嗎,是不是就可以拿來充當時間線。
比如山脈,它的走勢,是不是也是線條,也可以充當時間軸。
比如橋梁,它看上去,也是一條直線。
比如一面城墻,這些都是非常好的時間軸。
做這類PPT,最關鍵的在于突破常規(guī)的思維方式,通過類比與聯(lián)想,讓我們的幻燈片更有創(chuàng)意,更與眾不同。
最后總結一下:
要想時間軸有創(chuàng)意,方法有三個:
1、加入圖標,改直線為曲線,讓PPT看起更精致。
2、用大面積的色塊取代傳統(tǒng)的點線
3、用圖片中的“關聯(lián)元素”來充當時間軸
就這樣了,喜歡記得轉發(fā)哦!
以上
]]>課件制作:姚利(旁門左道讀者)
課件配文:邵云蛟
如何做好一套幻燈片?
相信每一個人都有自己的答案,可能你會說,不要用宋體;也可能會說,配圖要高清;當然,還有人可能會說,排版要對齊......
等等,上面這些答案,都是正確的,但如果僅知道這些零散的方面,可能,你依舊做不出一套優(yōu)秀的幻燈片。
為什么?
因為做好一套幻燈片,是一個系統(tǒng)工程,歸結起來,大致可以分為內容處理以及視覺處理,兩者同等重要。鑒于很多人知道如何處理內容,而不知道如何以更好的形式來展現(xiàn)內容,所以,今天來跟各位談談,如何優(yōu)化 PPT 內容的視覺表現(xiàn)力。
這篇文章主要分為8個方面,分別是:
先來說說第一部分,文字的處理。
在為文字選擇字體時,考慮到版式設計和展現(xiàn)層次,通常來說,我們需要選擇兩種字體,分別是標題字體和正文字體。
通常來說:
標題字體的筆畫較粗,字形偏大;
正文字體的筆畫較細,字形偏??;
如果你對上面的解釋不理解,簡單粗暴點,你可以選用下面推薦的幾組中文字體搭配,基本上能夠使用在90%的 PPT 文稿中:
當選擇了相應的字體后,我們就需要開始對文字內容進行排版。
對于有大段文字的正文內容而言,除了字體選擇合理之外,如果想要體現(xiàn)出排版的美感,我們還需要注意另外一個因素,就是文段的間距。
通常來說,建議選擇1.3倍行距。
這樣,別人在閱讀內容時,因為擴大了文段之間的空間感,使得內容的排列不是非常緊湊,所以閱讀體驗更好。
當然,有些時候,如果頁面內容較少,我們還可以對文字進行一定程度的藝術化處理,比如,變成文字云,使用圖片填充文字,或者使用書法字體等。
說完了文字的排版,接下來再談談圖片的選擇。
在 PPT 制作中,圖片的重要性不言而喻。很多人癡迷于收集大量的圖片素材網站,但是,不知道你有沒有想過,為什么你和別人都在使用同樣的圖庫,別人找到的圖片,就是比你找到的圖片更具觀賞性,更加貼合文案主題呢?
為什么?
因為問題并非出在圖片素材網站的本身,而是出在搜圖的思維方法上。所以,在這里,先來跟各位分享幾種實用的搜圖方法,分別是:
只有知道了合理搜圖的方法之后,圖片網站的存在才擁有了意義。所以,接下來向各位推薦幾個還不錯的配圖網站,分別是:
當然,如果能夠在日常瀏覽網頁時,就養(yǎng)成存圖的好習慣,這樣,你就能夠擁有更多別人難以搜索到的圖片。
記住一點,臨時抱佛腳,只是妥協(xié)的結果。所以,養(yǎng)成日常存圖的好習慣吧。
以上說了文字和圖片的應用,那么,接下來說一個令很多人都頭疼的問題,配色。
在一套 PPT 中,提及配色,我們需要談的,是一整套的配色方案,而非單個色彩的使用。
那么,一套完整的配色方案,分為這幾個部分,分別是:
文字和背景色,非黑即白。盡量不要使用彩色。因此,對于配色而言,我們需要選擇的,往往是一個貫穿始終的主色和若干個與之搭配的輔助色。
可能很多人聽到主色和輔助色的概念,就有點懵了。自己又不是設計專業(yè)出身,對這兩個概念,完全聽不懂啊,怎么辦呢?
那就向各位分享一個傻瓜化的辦法。
找一個配色網站,在網站所提供的任一組配色方案中,選擇其中一個,作為主色,其他的,均作為輔助色使用,即可。
當然,在這里,我也推薦幾組比較常用的配色方案,如果你不知道怎么配色,也不想去任何配色網站,可以套用下面提供的幾組:
如果你連上面,我所提供的,現(xiàn)成的配色方案都不想用,那么,你只能借助 PowerPoint 軟件自帶的配色方案了,也非常好用。
總之,方法給你了,選擇哪一種,由你決定。
另外,在這里,再去補充一個關于配色的小功能,叫做取色器。如果你想使用前兩種方法進行配色,那么,你可以使用這個小功能,進行色彩的提取。
到這里,關于配色,你還有不懂的嗎?如果沒有,咱們繼續(xù)往下走,來說說關于圖標。
在 PPT 制作中,很多人會去使用小圖標,但是,我想說的是,大多數(shù)人都在盲目地使用圖標,不能夠真正地發(fā)揮出圖標應用的價值。
所以,如果想要用好圖標,第一步,你需要知道,圖標是干什么用的呢?
大概可以分為3種用途。拿本課件中使用的小圖標,來舉一些例子。
可以用在目錄頁,以進行章節(jié)概述;
可以用在文字較多的頁面,用來輔助內容理解;
可以與圖片結合,用來解釋圖片的含義;
好了,說完了方法,接下來,就要向各位提供工具了。都有哪些網站,可以快速地找到海量的小圖標呢?
推薦兩個:
好了,說到這里呢,已經說了文字、圖片、配色以及圖標的使用和處理。每一個部分,不僅授之以漁,給了使用方法,而且,授之以魚,給了現(xiàn)成的解決方案。
接下來,就要來跟各位談談一個比較“虛”的方面。
首先是 PPT 的效率。
掌握基本的幾個快捷鍵,是必須的:
另外,母版也是一個很強悍的,提升效率的功能,你可以:
設定所有頁面的背景;
設定版心區(qū)域;
設定 LOGO 或其他素材,使其出現(xiàn)在每一頁;
設定配色方案;
設定字體搭配方案;
設定文本框的樣式;
設定形狀的樣式;
......
除此之外,還有一個利器,叫做格式刷,可以快速地 COPY 一種樣式到另一個元素身上。
上面說的是操作思路,那么,下面跟各位來聊聊內容的寫作思路。
如何梳理內容邏輯?使之更加容易被人理解。
如果想要實現(xiàn)這一目的,首先,你要做的,是厘清自己大腦中的想法,借助筆記或者思維導圖工具,可以把大腦中的萬千思緒做一個全面的整理,從而確定內容之間所存在的主次關系。
隨后,按照整理后的思路,把經過篩選的內容依次地放到相應的頁面上:
當然,接下來就是確定基本的設計風格了??梢詮倪@幾個方面來進行考慮:
幻燈片的觀眾和使用場景?
字體?
配色?
素材?
等等。
最后,基于內容的邏輯關系,進行排版,從而達到突出重點和邏輯清晰的目的。
上面所說的,基本上已經涵蓋了一套幻燈片的大多數(shù)知識點,接下來,跟各位分享一些學習的經驗。
如何模仿?以及一些學習資料推薦。
很多人在模仿時,喜歡挑一些看起來很復雜的頁面去模仿,這是一種正常的心理,因為要讓自己覺得時間花的值。
但是,不得不說,這樣反而會讓自己陷入一種孤立化思維的僵局,學會了百般技術,到頭來還是做不出一套優(yōu)秀的幻燈片。
所以,從整體來模仿,思考別人為什么這么做?這一點很重要。
當然,多看一些案例,也會幫助你積累一些優(yōu)秀的版式,這樣,在你去確定如何對內容進行排版時,會省下不少思考的時間。
最后的最后,有一些推薦。
最系統(tǒng)的教材,往往是書,所以,推薦幾本還不錯的教材:
除了書,多看一些作品,也是很有幫助的。能夠幫你內化一些書中的理論知識,所以,推薦一些常見的幻燈片類型:
以上,就是本課件所分享的全部內容。學習進步的過程,其實就是將理論內化,進入自身學習體系的過程。
最后,再次感謝旁友 姚利 ,本次課件的內容和制作全部由他完成,我只是根據他制作的課件,添加了簡單的文字解釋說明。
]]>就不解釋為啥不寫「面和體的維度」了,這個角度的想法還沒怎么完善。因此就來寫寫PowerPoint這個組件一些自帶的運算邏輯和特效處理。今天先來談談幻燈片中的「形狀運算」,即布爾運算。
選擇的版本是Office2013版及16版,2010版本怎么設置布爾運算,網上有很多方法這里就不詳說了。
在正文正式開始之前,讓我來絮絮叨下關于圖層的概念。
圖層說明
這里引用詞條:
圖層,就像是含有文字或圖形等元素的膠片,一張張按順序疊放在一起,組合起來形成頁面的最終效果。圖層可以將頁面上的元素精確定位。圖層中可以加入文本、圖片、表格、插件,也可以在里面再嵌套圖層。
在幻燈片中的圖層操作,包括四種:置于頂層、置于底層、上移一層、下移一層。根據其字面意思,很好理解它們在圖層調整中的作用。
怎么在一個頁面中查看圖層,快捷鍵:Alt+F10,或者:選擇窗格。熟練掌握圖層分布,可以讓我們在排版設計中能更快的定位到要修改的位置。尤其是展示類動畫中,大量重疊類圖層堆積,如果不使用圖層分布窗格,真的是一件很痛苦的事情。所以,熟悉這個很重要。在本篇文字中可以根據案例,講一講圖層的疊放順序。
下面開始今個的正文
布爾運算又稱邏輯運算,是處理二值之間關系的邏輯數(shù)學計算法。在幻燈片中的布爾運算主要用于圖形或形狀的運算。運算包括:聯(lián)合、相交、剪除、組合、拆分,下面從數(shù)學集合的角度來理解布爾運算:
從上圖中可以看到以下關系:
1拆分所涉及的集合運算,可以細分為其他運算??梢酝ㄟ^拆分得到:相交、剪除運算得到的圖形;
2 經過拆分運算后,可以用聯(lián)合運算得到聯(lián)合圖形和組合圖形;
3 剪除的兩種不同狀態(tài),對于選擇形狀/圖片時需要對選擇的順序考慮。
總結說明:在這五種運算關系中,剪除、相交運算使用較頻繁。拆分功能是萬能的,可以通過拆分的形狀得到其他運算所得,當然某些多個圖層/形狀情況下拆分的項過多,這時候就不太方便了。
1.2.1 運算要求
必須兩個及以上的對象參與運算,對象可以是基本的形狀或者圖片。需要說明的是,在幻燈片中文本框、基本幾何圖形等均屬于形狀范疇,各種格式的圖像屬于圖片范疇。
1.2.2 運算的選擇順序
在進行布爾運算時,選擇對象的先后順序對于生成的形狀/圖片有直接影響。一般來說,第一個選擇的對象為被處理對象,后來選的對象是基于前者進行運算。下面文字會根據具體的示例進行說明。
1.2.3 組合的說明
這里要進行說明的組合有兩種:一種是布爾運算中的組合運算,另外一種是選擇兩個及以上對象時,鼠標右鍵菜單出現(xiàn)的圖層組合。要對兩者進行區(qū)分:
組合運算:是基于并集-交集的組合,處理后為單一圖層,不能再還原組合之前的多圖層狀態(tài)。
圖層組合:保留多圖層狀態(tài),只是用一個組合狀態(tài)將各個圖層暫時組合成一個大的可處理形狀,可以針對每個圖層的形狀進行編輯。當然有組合就會有取消組合,通過取消組合功能,可以還原之前的多圖層狀態(tài)。
1.2.4 剪除運算說明
因為剪除運算的兩種狀態(tài),這里做一下說明。從下圖中可以看到,在基礎形狀運算過程中,選擇對象的先后順序對于生成形狀有直接的影響。這個原則對于其他的運算同樣有效。
剪除運算是形成鏤空效果最重要的一種運算,下面的文字篇幅中會大量用到這個運算,將運算出現(xiàn)的兩種狀態(tài)場景放在這里,是讓朋友們有個大概的印象。
在第一節(jié)當中,介紹了布爾運算的基礎,具體怎么樣運用到實際之中還是需要進行示例說明。這個小節(jié)中總結了若干種常用的效果制作。
文本框和幾何形狀通過剪除運算,實際生成的主要是鏤空效果。可以將生成的形狀填充純色,然后設置透明度,將其放置在圖片圖層之上,這樣做的效果一方面是看清鏤空的文本內容,另外通過透明度可以看到圖片的整個界面,起到由文字和圖像的關聯(lián)作用。
2.1.1 單次運算
也就是說通過一次運算,下面的示例中在過程步驟的圖片中有所說明。需要注意的是,在進行布爾剪除運算之前,適當調節(jié)文本內容的字間距和行間距,使得文本內容在幾何填充背景中看著比較舒服。還有就是保證文本框和背景填充幾何圖形的上下、左右對齊,保證中心對稱。
將上一步生成的形狀,進行純色填充。然后調整該色塊的透明度為25-35。之后將其放置在圖片圖層的上面,形成鏤空顯字效果。
2.1.2 多次運算示例1
不同于2.1.1,這里用到了多次的圖形運算,可能涵蓋了所有的布爾運算。最終的顯示效果還是基于剪除運算的鏤空效果。下面的示例中就是在一個大號字體的文本框結構中,再涵蓋一個小字號的文本框,做到字中有字的顯示效果。
到此一步,需要設置生成形狀的透明度,然后將其置頂?shù)綀D片圖層之上。
2.1.3 多次運算示例2
這個示例中包含了字的簡單結構拆解:左右結構。通過兩種不同的剪除運算,得到需要的結構:一個是半個結構的文本,一個是鏤空的半個文本結構的色塊。之后通過鼠標右鍵的圖層組合,將分開的字體拼接。
重復上一步驟,完成“分享”文本的操作。剩下的就是最基本的文本框和填充幾何形狀的運算了,這個在2.1.1就有提及,就不再詳細說明了。
2.2.1 文本框和圖片相交運算
下圖是蘋果發(fā)布會的頁面,使用的就是文本框和圖片的相交運算。圖片是多個圖標組成的圖片,這里需要處理的是兩個部分:一個是數(shù)字文本框,一個是逗號文本框,將其分開處理。
step1:添加兩個文本框:一個是數(shù)字,一個是符號,使用同一種字體。
step2:下圖中的圖標背景圖是將MIUI6的圖標拼湊成的,就是一排擺上15個左右的png圖標,確定首尾使用對齊和橫向分布,然后簡單調整一下。重復此步驟,當然如果你能夠找到這樣的圖標背景圖,那是極好的。
將文本框和背景圖片進行相交運算處理
step3:將生成的兩個圖片拼在一塊,即成效果。
2.2.2 文本框和圖片剪除運算
這里進行說明的是使用文本框和圖片進行剪除運算形成的鏤空效果。將文本排好版之后,全選--剪切到圖片合適的位置。
需要說明的是,一般的線條是不能夠參與布爾運算的,因為線條屬于一維結構。而參與布爾運算的對象要求必須是圖片或者可填充的幾何形狀。
因此,這里的線條是使用圓角矩形,去掉線輪廓,將長度不變,高度調小。高度調到一定數(shù)值,看著就是線條,將其代替實際的線條參與布爾運算。
先選中圖片,然后在選擇文本框。這樣的順序才能夠保證最終生成的為所需要的,如果操作順序錯誤,就不能實現(xiàn)此效果。
制作完成的鏤空效果,放置到不同的背景界面圖層之上,可以通過鏤空的結構顯示文本或者排版結構內容。這樣鏤空的好處就是不需要區(qū)分處理字體顏色和形狀顏色,只需要改變背景就可。
其實這里說明的就是圖片的「剪裁」功能??梢詫D片剪裁為基本的形狀結構。這個估計許多人都會用,但是我們還是用布爾運算來從另一個角度上來說明。
使用布爾運算的一個好處就是,可以隨意設置被剪裁圖片的位置,以及自定義和圖片運算的形狀,從這一點上來說,使用布爾運算的靈活性大大提高。以下是使用該種運算進行圖片裁剪處理的步驟說明。
2.4 基本幾何形狀和幾何形狀的運算
在第二篇文字中點的運用中有說到使用五角星評級,就是基于這個處理方式進行操作的。當然不僅僅是五角星,其他幾何圖形亦可。所有的幾何圖形相互間的布爾運算,是多種多樣的,下面的第3小節(jié)中會有幾個示例說明。
關于基本填充形狀和文本框相交運算、圖片和文本框相交運算。經過運算生成結果,前者是形狀可以進行填充漸變等形狀格式操作;而后者生成的是圖片,不能進行填充等形狀格式操作,只能進行圖片操作。
也就是說,我們如果要對文本內容進行漸變顏色操作,有兩種方式:一種是將填充形狀進行漸變處理,然后將文本內容和其進行相交處理,得到的形狀即為漸變(當然也可以對齊漸變顏色的調整,因為它是可編輯的);另外一種就是不對填充形狀進行漸變處理,而對運算生成的形狀進行漸變操作。
通過三個具體的圖標制作示例,將布爾運算和基礎幾何形狀結合,實現(xiàn)想要達到的效果。
基礎幾何圖形為一個圓角矩形、兩個大小不一的橢圓、一個圓形。通過下述步驟對每一個形狀進行處理,得到想要的形狀。其中背景圓角矩形的漸變處理,圓形填充的發(fā)光處理均是在鼠標右鍵「設置形狀格式」功能卡中實現(xiàn)。
將上一步處理后的形狀,按照下圖中的圖層順序進行疊加,得到最終的示例圖標。
這個主要需要留意的就是內圓和兩個條形填充的相切,然后通過剪除運算即可實現(xiàn)最終的顯示效果。
大Google的Chrome制作,當然這個制作的不是很完美,因為采取的是圓角矩形線條,而不是真正的線條,使得部分細節(jié)不是很精致,但是可以一看。下面是這種簡單方法的制作流程。
(1) 下載一張圖片,確定好圓的尺寸和比例
(2) 處理圓角矩形線條,設置其高度為0.3左右;將線條和上一步得到的內圓相切,后復制一條線,旋轉60度,仍舊和內圓相切。要保證線條能夠延伸到外圓外側。
進行拆分功能,得到目標形狀。對這個就是我們需要的基礎形狀,另復制兩個:一個旋轉120度,一個旋轉240度,拼接就可完成。
最后,圖片和圖片不能進行布爾運算
該篇文字到此結束
歡迎私信或留言交流
作者:JunLing
來源:https://zhuanlan.zhihu.com/p/24853710
按照思路本去寫關于幻燈片中「點線面體」的一些東西的,但是昨個愣是被一篇寫幻燈片小圖標使用的文章給震驚了。
因此為了讓這位朋友不再誤導「想學點圖標使用」的吃瓜知友們,開了一篇文字來介紹關于PPT中小圖標的「使用」。為什么要用小圖標?
就是因為智能手機的流行使得擬物化、扁平化設計更多的進入大眾的視野,為了滿足觀眾將這種認知從手機平板等用戶界面設計轉移到幻燈片的需求,于是在幻燈片中出現(xiàn)了越來越多的圖標。恩,這就是我理解的原因。
為什么流行不重要,關鍵是怎么在幻燈片中比較好地使用這種小圖標,這才是該篇文字所要進行說明的。
圖標的網站推薦
1 知乎上關于圖標推薦的網站:阿里巴巴矢量圖標庫:Iconfont
Iconfont這個庫確實方便,支持中英文搜索。圖標數(shù)量較多,且多為扁平化和線條圖標,能夠滿足日常需要。
此外該網站支持三種格式下載、多種顏色選擇。對于一般制作PPT的吃瓜觀眾來說,多下載不同顏色的PNG圖以備不時之需即可,如果有PS功底的可以下載另外格式的進行修改。以下是簡易步驟:
上圖中所提及到的顏色更改,其實是只下載一種樣式的png格式圖標,這時可以根據這個功能項進行簡單的處理。事實上,這個顏色的處理從截圖上可以看出來,顏色較淡,直接使用效果會受影響,所以前文提到了根據實際需求可以多下載幾種顏色樣式:比如說黑白紅。
2 Iconfinder:Iconfinder
這個網站原來一直去找畫圖標的靈感,包括擬物化、扁平化、線條等多個元素的圖形。但是現(xiàn)在目前不能夠直接下載了,需要版權才能下載。
關于網站推薦的就說到這里,下面開始我們的正文時間。
實際上一個圖標是根據實物進行擬物化或扁平化設計處理,得到所看到的那些直觀感受的圖形。通常這些圖形使用圓角矩形、圓形、線條進行背景或邊緣的修飾,使得圖標看起來整齊劃一,這里將其稱作「圖標載體」。
上圖中的圖標是從網站下載的.png格式圖標制作的頁面,這種圖標主要是線條構成,簡單明了,辨識度較高。
但是這種圖標的排列,因為每個圖標大小的緣故,使得一些強迫癥朋友總覺得哪里不舒服,于是我來畫幾條線:
使用參考線,可以看出來每個圖標因為本身所體現(xiàn)實物大小的原因,使得圖標本身的尺寸有所區(qū)別。這種區(qū)別在圖標展現(xiàn)尺寸較?。ū热?.5*1.5cm)的時候不是很明顯,但是一旦等比例放大,差距就會放大。因此在部分場景下,這種方式可能不是最佳,怎么去調整優(yōu)化呢,接下來的文章篇幅將會介紹一種思路,使得格式看起來統(tǒng)一。
以下仍然是示例:
上圖是使用PPT中的基本圖形、鼠繪生成的組合圖標。可以看出,這個頁面和上面那張使用下載圖標組成的頁面有相同的視覺呈現(xiàn):圖標尺寸差異呈現(xiàn)而帶來的急死強迫癥顏狗。
/**作為開發(fā)者無奈的分割線**/
其實,上述的表現(xiàn)方式也是是Android原生系統(tǒng)圖標的呈現(xiàn),這也是扁平化的特征:沒有條條框框的尺寸限制,僅僅使用基本幾何圖形和色彩將實物二維化,這體現(xiàn)的一種亂而統(tǒng)一的形態(tài),無奈眾多用戶不喜這種方式。
1.1篇幅中說明了什么是圖標載體,這里介紹6種常用的形式:3種填充圖形和3種線條邊框
下面是使用這種載體的示例:
Example 1:下面這個基本圖標是基于兩個矩形邊框和一個填充矩形構成,其整體形態(tài)為方方正正,因此在套用的幾種示例中:1、2、4、5較3、6相比來說,表現(xiàn)形式較好。這就是“方圓八百”這句話中所提及到的方和圓的結合。
Example 2:下面基本圖形為一個橢圓,三個圓形及一個三角構成,使用「形狀運算」中的剪除功能生成的鏤空(即三個圓點為透明狀態(tài))。其中2、3、5、6較1、4來說,前者表現(xiàn)效果要好點。
Example 1和2,使用的基本圖標均是使用帶有填充圖形組成的圖形,下面這個例子是對于線條型圖標的處理。
Example 3 因為線條型圖形本身的構成均是使用線條,使用填充圖形會影響線條的顯示效果,故而使用線條邊框作為圖標載體較為合適。
小結一:上面幾個例子中,對于不同形態(tài)的圖標原型,需采用不同的顯示載體進行圖標表現(xiàn)。通過多次使用小圖標的經驗來說,方圓結合的搭配模式在展示效果來說,較佳??梢钥闯鰣A角矩形可以作為萬能載體,它退可當圓進而成方。
這是一個圖標使用的一個小細節(jié),將圖標主色和頁面的主題色保持一致。在觀察時,更多體驗將圖標內容看做圖標載體背景和頁面背景縱橫間自然而然形成的形狀。這種體驗效果,可以更進一步來說就是:鏤空。下面是鏤空的詞條定義
下圖中的示例界面所用的圖標并不是鏤空的圖標,而是使用圖標主體顏色和頁面背景保持一致而造成這種體驗的錯覺。怎么去簡單制作一個鏤空的圖標,放在文章最后說明。
PS,其中后兩張展示圖片中使用了線條作為對稱體現(xiàn),在上一篇文字中有所提及這么使用的原因,可以翻看專欄找到那篇文章。
前面的篇幅介紹了圖標在使用中的幾點說明,但是具體到實際的頁面使用中,采取怎樣的方式?木急,下面將介紹怎么使用。
3.1.1 橫一字排
圖標、標題、內容的上中下結構,橫著的并列項最好不要超過4項,2-4項最佳,項和項之間使用線條分隔,體現(xiàn)各自的獨立性。
3.1.2 豎一字排
圖標為左,標題和內容為右,呈現(xiàn)為左右結構,典型List常用格式。項和項之間,可使用顏色較淺的直線隔開。
3.1.3 田字排
單項中:圖標為左,標題和內容為右,呈現(xiàn)為左右結構。使用田字結構將四項或六項內容進行排版
3.1.4 類田字排,不解釋
3.1.5 交錯排
單項中:圖標為左/右,標題和內容為右/左,呈現(xiàn)為左右結構。采用交錯排布,項數(shù)2-3項為佳。
3.1.6 同心圓弧排
每一項采取上面所用的左圖標,右標題及內容,3個項排布在同心圓弧上。
3.2.1 陰影立體效果
使用文字色塊底色和圖標載體背景色采用同一顏色,為了區(qū)別圖標和文字色塊,將圖標載體處理成陰影效果:外部--居中偏移。
3.2.2 平面疊放效果
使用文字色塊底色和圖標載體背景色采用不同顏色,以示區(qū)別。
3.2.3 兩種上中下結構
one 圖標、標題、內容
two 標題、圖標、內容
示例說明:
使用上述上中下結構,卡片式展示并列關系,并且使用不同背景顏色對當前項標注說明。
寫這部分文字是因為,上面所提及的鏤空圖標。我們從網上下載的.png格式的圖標,在實際使用中不能很好的進行細節(jié)填充,因此使得不能夠使用PowerPoint圖形運算(即布爾運算)中的剪除,因而就不能制作出鏤空的效果。
再者,從圖標庫下載的圖標都是基于簡單的幾何圖形,因此我們可以使用基礎圖形很快的拼接出一個圖標出來。這時候就可以使用圖形的布爾運算了。
下圖中的學士帽是經過多次布爾運算中的聯(lián)合操作,即將基本圖形拼接起來,形成一個圖層。這樣,將此圖層和圓形,以圓形作為處理對象。
步驟說明:先選中圓形,然后再選中學士帽圖層,最后剪除處理。即可得到鏤空的學士帽圖標。以下是將該圖標放置在不同顏色背景下的顯示效果,可以一觀。
至此,該篇專欄文字結束。
感謝那位知友,你給了寫這篇文字來糾正你觀點的動力。
最后交流探討可以留言或私信~
作者:JunLing
來源:https://zhuanlan.zhihu.com/p/24892853
來自旁門左道讀者投稿
胡亂地添加了一些效果,導致頁面元素看起來很雜亂。
而這兩頁幻燈片所呈現(xiàn)出的問題,也是很多讀者在做 PPT 時,會犯的問題。那么,該怎么才能夠正確地使用效果呢?
如果想要找到答案,我們就要引入一個概念,叫做風格匹配。什么意思呢?
當我們?yōu)樵靥砑有Ч麜r,要考慮幻燈片的整體以及與其它元素之間,能夠在風格上保持匹配。
這話兒讀起來很學術,不理解也沒關系。
翻譯成人話就是:如果你做的幻燈片是扁平風格,那么,盡量避免在 PPT 中出現(xiàn)棱臺,陰影等,能夠呈現(xiàn)出立體感覺的效果。而且,相同的元素效果盡量保持一致。
咱們就拿開頭的那兩頁 PPT 來說,我們已經看到,頁面使用的效果過于雜亂。整體風格是扁平化,但圖片和箭頭上,卻添加了大量的立體,陰影效果。
那么,如果想對其進行優(yōu)化,按照風格匹配的原則,我們最好能夠實現(xiàn)全局扁平的風格:
去掉了圖片和形狀底部的陰影和棱臺效果
扁平化不是萬能的,尤其在扁平力量感的時候,所以,這時候,我們就需要添加一些額外的效果,呈現(xiàn)出力量感,來匹配 PPT 的整體風格。
比如說,當我們在做一套以足球運動為主題的 PPT 時,我們可能需要考慮用到立體,漸變等效果,來滿足視覺化表現(xiàn)。
風格上大概是這樣:
立體加漸變,凸顯力量感
以上,就是本期小思維欄目跟大家分享的內容。總結一下,在做 PPT 時,為元素添加效果時,要考慮: