之前,有位讀者在微信上問(wèn)我這樣一個(gè)問(wèn)題,她想知道下面這個(gè)水平面波動(dòng)上漲的動(dòng)畫(huà),是怎么實(shí)現(xiàn)的?
不到 10 分鐘,我就用 PPT 復(fù)刻了這個(gè)動(dòng)畫(huà),效果如下:
其實(shí)呢,這個(gè)動(dòng)畫(huà)的原理十分簡(jiǎn)單,只需波浪形狀外加路徑動(dòng)畫(huà)即可實(shí)現(xiàn)。
什么意思?可能有些同學(xué),還沒(méi)弄太明白。沒(méi)關(guān)系,看完下面兩張圖,你就完全搞清楚了!
這張圖是波浪形狀在 PPT 界面中初始位置:
下面這張是給形狀添加了向左上方移動(dòng)的路徑動(dòng)畫(huà):
理解了嘛?其實(shí)就是通過(guò)波浪形狀的移動(dòng),從而產(chǎn)生了水平面上漲的錯(cuò)覺(jué)!
可能又有些同學(xué)會(huì)問(wèn),路徑動(dòng)畫(huà)好說(shuō),這個(gè)波浪形狀該怎么畫(huà)啊?
這就牽扯到 PPT 中的一個(gè)少有人知的形狀工具,叫做曲線。
為了讓你更容易掌握曲線工具的使用技巧,我特意錄制了一波操作動(dòng)圖。
技巧一:通過(guò)點(diǎn)擊鼠標(biāo),確定曲線的頂點(diǎn),雙擊結(jié)束繪制
技巧二:同側(cè)頂點(diǎn)相距越大,曲線的弧度就越平坦,反之則陡峭
技巧三:點(diǎn)擊起始頂點(diǎn),可構(gòu)成封閉的形狀
技巧四:右鍵編輯頂點(diǎn),可對(duì)曲線弧度二次調(diào)整
看到這兒,相信你一定學(xué)會(huì)了,波浪形狀的繪制方法。再回過(guò)頭來(lái),看一下文章開(kāi)頭的動(dòng)畫(huà),是不是覺(jué)得簡(jiǎn)單多了?
既然學(xué)會(huì)了曲線工具的使用方法,如果只是拿來(lái)做波浪動(dòng)畫(huà),就顯得有些大材小用了??紤]到這一點(diǎn),接下來(lái)我再跟各位分享 3 個(gè)非常實(shí)用的,曲線工具應(yīng)用場(chǎng)景。
1.繪制時(shí)間軸線
對(duì)于時(shí)間軸頁(yè),相信大多數(shù)人還停留在,“一根直線走天下”的層面上。而使用曲線,則能夠讓版面看起來(lái)更具跳躍感,就像這樣:
作者:肖志乾
為了方便你更好理解這一點(diǎn),這里我再多列舉幾個(gè),曲線在時(shí)間軸頁(yè)中應(yīng)用的案例。
比如,只是使用一根曲線:
或者兩根曲線交錯(cuò)排布:
如果覺(jué)得頁(yè)面不夠豐富,那就再添一根:
當(dāng)然,除了單純的曲線,用曲線工具繪制的波浪形狀作為時(shí)間軸,效果也很不錯(cuò)。
我們還可以給形狀加上路徑動(dòng)畫(huà),再來(lái)看下動(dòng)態(tài)效果:
是不是很贊呢?
2.表現(xiàn)某種趨勢(shì)
通過(guò)控制曲線波浪的起伏,來(lái)表現(xiàn)某種事物的發(fā)展趨勢(shì),從而讓觀眾看起來(lái)更加的直觀,是一種很常用的頁(yè)面可視化手法!
舉一個(gè)簡(jiǎn)單的例子,比如下面這張圖,是有關(guān)于產(chǎn)品生命周期的介紹。都是文字,很難在短時(shí)間內(nèi),看出產(chǎn)品在各個(gè)周期的具體情況。
這個(gè)時(shí)候,我們就可以根據(jù)文字內(nèi)容,繪制一條曲線來(lái)表現(xiàn)產(chǎn)品發(fā)展趨勢(shì):
現(xiàn)在看起來(lái),是不是清晰多了?
再來(lái)看個(gè)案例,比如小米手機(jī)的這頁(yè) PPT,利用曲線來(lái)表現(xiàn)芯片迭代的性能增幅。同時(shí)通過(guò)加大曲線的陡峭程度,來(lái)襯托最新一代芯片的性能。
同樣的,用曲線來(lái)表現(xiàn)電腦性能的增幅也是一樣的道理。
另外,用曲線來(lái)表現(xiàn)單個(gè)數(shù)據(jù)的發(fā)展趨勢(shì)也很有創(chuàng)意。因?yàn)樵谕ǔG闆r下,會(huì)使用三角形或者箭頭來(lái)表現(xiàn)數(shù)據(jù)的增長(zhǎng)或者是下跌:
不得不說(shuō),這種表現(xiàn)手法太常見(jiàn)了。而使用曲線來(lái)表現(xiàn)數(shù)據(jù)的發(fā)展趨勢(shì),則可以讓人耳目一新:
3.豐富頁(yè)面內(nèi)容
除了上面所說(shuō)的兩點(diǎn),曲線還能夠起到豐富版面的作用,避免頁(yè)面單調(diào)。
比如下面這套騰訊云的 PPT,就通過(guò)虛實(shí)、粗細(xì)、顏色混搭的曲線,進(jìn)而達(dá)到豐富頁(yè)面內(nèi)容的目的:
再跟各位舉一個(gè)例子,這一頁(yè)想要展示下年工作目標(biāo):
只有 4 個(gè)圈加文字,看起來(lái)很單調(diào),對(duì)嗎?而我們加上曲線,讓 4 個(gè)圈串聯(lián)起來(lái),頁(yè)面就會(huì)變得大不一樣:
好了,以上呢,就是有關(guān)于曲線工具的 4 個(gè)使用技巧。
最后,再給各位推薦一個(gè)曲線生成網(wǎng)站 ——?getwaves.io
該網(wǎng)站能夠隨機(jī)生成波浪圖形,支持下載 SVG 格式的矢量圖形,可直接導(dǎo)入到 PPT 中編輯。如果你不擅長(zhǎng)繪制曲線,不妨去這個(gè)網(wǎng)站試一試!
另外,再送給大家一個(gè)小福利,開(kāi)頭的波浪動(dòng)畫(huà)免費(fèi)送給你!
好了,就這么多
原標(biāo)題:這個(gè)基礎(chǔ)的PPT形狀,原來(lái)還可以這么用!太有創(chuàng)意了。
]]>那么,如果頁(yè)面上的標(biāo)注線過(guò)多,該如何才能避免頁(yè)面視覺(jué)雜亂呢
比如統(tǒng)一使用直線進(jìn)行標(biāo)注:
除了標(biāo)注細(xì)節(jié)的名稱之外,那它還有什么具體的使用場(chǎng)景呢?
除此之外,再比如像這個(gè)頁(yè)面,也是利用標(biāo)注線,來(lái)對(duì)某一個(gè)點(diǎn)進(jìn)行更詳細(xì)的解釋:
好了,這篇文章就這么多,希望對(duì)各位有所啟發(fā)。
原標(biāo)題:這個(gè)基礎(chǔ)的PPT線條,也太實(shí)用了吧!
]]>經(jīng)過(guò)數(shù)天不斷的返工,第六期教程終于出爐。這次教程吸取了同學(xué)們的意見(jiàn),更多的考慮了大量文字情況下的排版問(wèn)題。那么PPT排版很難嗎?不,主頁(yè)君教你的方法絕對(duì)簡(jiǎn)單有效。秘密就在于——線條。線條?!
?
直接上例子。我選了兩個(gè)PPT,一個(gè)是我的,一個(gè)是曹將PPTao的,你發(fā)現(xiàn)共同特點(diǎn)了嗎?如果圖片看不清就算了。我告訴你答案。共同特點(diǎn)就是我們都在標(biāo)題上加了線條。問(wèn)題就來(lái)了,為什么要加這個(gè)線條呢?
?先不談為什么,先談一下如何插入線條。非常簡(jiǎn)單,就是插入形狀里面的直線。不過(guò)有個(gè)注意點(diǎn),就是插入直線時(shí)要按住Shift,才能插入完全垂直或者水平的直線。(補(bǔ)充一句,插入正方形和正圓也是要按住Shift)
下面就來(lái)慢慢解答,這個(gè)線條究竟有什么樣的強(qiáng)大作用。
很多PPT高手都會(huì)在標(biāo)題旁邊加一條粗線。這條粗線有什么用?單純是為了好看嗎?其實(shí)你潛意識(shí)會(huì)關(guān)注這條黑線,這個(gè)黑線的作用就是吸引你的注意力。
?這里直接對(duì)比效果,加黑線和不加黑線,效果完全不一樣。左邊力場(chǎng)更強(qiáng)大,右邊力場(chǎng)則偏弱。
對(duì)于這種全圖PPT,在背景上方直接加文字是很帥氣的,但很多情況下都會(huì)看不清。怎么辦?還是加線條。
我們來(lái)個(gè)效果對(duì)比,加了線條以后,文字那一層,層次感明顯強(qiáng)了很多。右邊則效果不佳,有時(shí)候很難區(qū)分背景和文字。
如果整個(gè)畫(huà)面的中心偏移,可以巧妙地加入一些看似不起眼的線條,起到平衡畫(huà)面的作用。
?
這里給出的圖,是我在制作過(guò)程中,參考線的情況。如果拋去LOGO,整個(gè)畫(huà)面的中心偏左,于是我在右邊相應(yīng)的位置加了條線條,這樣畫(huà)面的平衡點(diǎn)又會(huì)往中心靠一些。
人的潛意識(shí)會(huì)跟著線條走。這里利用這一點(diǎn)做了目錄。
?這里對(duì)比下效果(小圖可能看不明顯)。在圖片很大的情況下,比如投影儀上,人眼無(wú)法一次看完整個(gè)頁(yè)面的信息,眼球必然要移動(dòng)。有線條引導(dǎo)的情況下,人眼會(huì)跟著線條走,直接到最下方。沒(méi)有線條引導(dǎo)的情況下迷人眼會(huì)一行一行閱讀,視線類(lèi)似Z字形。
這個(gè)頁(yè)面沒(méi)有用實(shí)體的線條,而是用了很多無(wú)形的線條。即,利用線條為版面搭一個(gè)骨架,所有內(nèi)容都和線條對(duì)齊。可以看作是“白色的線條”。這種看不見(jiàn)的白色線,在事實(shí)上成為了整個(gè)版面力場(chǎng)的骨架。
?
在排版的時(shí)候,先用線條畫(huà)出版面的骨架(推薦用參考線),這里有兩個(gè)主軸。雖然最后的效果里,線條沒(méi)有出現(xiàn)。但線條感已經(jīng)融入到了整個(gè)版面里。成為了組織內(nèi)容的骨架。
?
左邊是線條搭建骨架的版本,右邊是系統(tǒng)默認(rèn)樣式,區(qū)別就類(lèi)似于T骨牛排和無(wú)骨雞柳的差別。
上下兩個(gè)橫線加的看似不經(jīng)意。但卻Hold住了整個(gè)頁(yè)面。
拿掉線條后,整個(gè)頁(yè)面輪廓不太規(guī)則,甚至有些頭重腳輕。左邊則沒(méi)有這種感覺(jué)。不過(guò)右邊的排版依然運(yùn)用了線條,主軸還是能看出來(lái)的。如果完全不用線條,則會(huì)更亂。
當(dāng)內(nèi)容較多的時(shí)候,線條可以起到分隔閱讀區(qū)的作用。使得整個(gè)閱讀體驗(yàn)更加有節(jié)奏。
左邊閱讀區(qū)被線條分割,閱讀節(jié)奏感比較強(qiáng)。右圖雖然排版上借助了線條,但由于沒(méi)有實(shí)體線條分割閱讀區(qū),節(jié)奏感比較弱。
本文來(lái)自@PPT設(shè)計(jì)前沿,由PPTfans網(wǎng)整理發(fā)布。請(qǐng)尊重別人的勞動(dòng)成果,轉(zhuǎn)載請(qǐng)申明來(lái)源。
]]>