這篇文章來一期讀者投稿PPT的案例修改
這是一份偏銷售培訓類的課件,完整版長這樣:
老規(guī)矩,我們還是挑其中的4頁進行修改:
因為這是一份有企業(yè)主題的培訓,所以,整體的色調,我們可以拋棄紅色,基于企業(yè) Logo 進行選擇:
顏色的話,還是從企業(yè)logo中提取出來的:
接下來,我們就進入到單頁的修改。
封面其實做的還不錯,有一些小問題就是:
所以呢,我們可以基于這些點進行修改。
首先是信息的排版,左對齊就可以了,突出標題,進行對比:
那么,圖片的話,我們選擇什么呢?我們來分析一下標題的關鍵詞:
從這個標題中,我能聯想出來的畫面,大概是這些:
在這里,我選擇用點贊的畫面,表現超預期服務:
但這個畫面中,元素太亂了,而且點贊的手,與頁面的背景色不融合,所以,我把手單獨提取出來,并調整了一下它的色調:
看起來有一些單調,我們可以基于原圖,在周圍加一些小圖標:
看起來好多了,對嗎?我們把信息跟配圖放在一起,來看一下:
有一些單調,咋辦呢?我們可以加入一個暖色調,我用的是黃色,用來協調頁面色彩即可:
是不是好多了?
這一頁的話,原稿中唯一的問題就是,為啥要把人物的圖片,放到Pad里呢?
那怎么修改呢?我們可以基于信息的重要程度,做一個簡單的排版:
人物的背景,我們可以去掉,這樣可以有更大的排版空間:
我用的是稿定摳圖
接下來,換上我們確定的主題色,來看一下:
右側有一些單調,怎么辦呢?
我們可以加一個與空客集團有關的配圖,來豐富背景,另外呢,也可以添加暖色調,與整體的風格保持協調:
這一頁主要是來介紹一個概念,我覺得唯一的問題是,表達上有點啰嗦。
咋辦呢?我們可以先簡單規(guī)劃下布局,頁面上一共有3段信息,可以做成這樣:
然后呢,把我們的內容,放到對應的位置上,這里要注意,我為下面的兩部分信息,提煉了小標題,這樣更容易理解:
加個色塊,并且加一些小圖標,來豐富視覺效果:
但有個問題是,頁面右上角會有點空。咋辦呢?
我們可以把這里的概念名稱,做一些藝術化的處理,主要是變成了3維效果:
制作的方法呢,可以參考這篇文章:立體文字制作
然后,我們把它放到右上角即可:
這里的話呢,沒有什么太大的問題,就是在配圖上,會有一些重點不夠突出。
所以,我們可以找一個只有甜筒的素材,這樣,配圖會更有指向性:
為了與前面的頁面的視覺風格保持一致,還是用上我們的色塊和黃色調:
這里呢,有個細節(jié)是,整個頁面是偏藍色,但是甜筒,會有一點偏暖色調。
咋辦呢?我們可以選擇圖片,在顏色中,修改色調:
來對比看一下效果:
這樣一來,會讓甜筒的素材,與色塊更加融合:
這就是整份PPT的修改過程,整體再來看一遍。
-修改前-
- 修改后 -
整份 PPT 的修改呢,主要是對主題色以及排版方式,做了優(yōu)化,讓整體的風格更統一。
希望對各位有所啟發(fā)。
·
我?guī)鸵患蚁愀酃靖牧朔軵PT,同事:3D效果秀炸了!
]]>今天這篇文章,通過兩個案例,給大家分享一下優(yōu)化思路。
案例一原稿是這樣的:
我們先來看下頁面內容,也不復雜,主要有標題、表格和曲線圖:
仔細閱讀表格和曲線圖,會發(fā)現兩者有一定的相關度,表格表頭和曲線圖X軸的內容是相對應的:
那么在排版的時候,我們就可以考慮將它們結合起來進行優(yōu)化。
首先把曲線圖的X和Y軸重新繪制出來:
然后將表格各個時期的內容,放在對應的區(qū)域內,像這樣:
接下來,我們對表格內容進行優(yōu)化處理,可以分別用圓形和圓角矩形去承載文字信息:
為了增強空間感,給圓形設置了射線漸變,這種明度深淺不同的漸變,可以讓圓形看起來像球體:
同時我也給圓形加了暗藍色的陰影,營造懸浮感;盡量避免用純黑色做陰影色,否則在淺色背景上看起來有些臟:
一樣的方法,將其他的表格內容進行優(yōu)化處理:
最后,我們把曲線也繪制出來,調節(jié)透明漸變填充,這樣可以將遮擋的文字顯現出來:
來看看最終的優(yōu)化效果:
再來看看案例二的原稿:
這個案例是多項內容排版,原稿中元素的使用比較老套,先把文字給提取出來:
?我們改用圓形色塊來承載文字信息:
考慮到頁面的均衡感,可以將各項內容對齊均勻分布,像這樣:
但這時標題上下兩側的內容區(qū)域,與左右兩側相比,看起來也有些單薄,所以我又將版式改為中心環(huán)繞布局:
那么接下來開始豐富頁面內容,中心標題用兩個疊加的圓形來承載,外側在添加兩條漸變線條:
給兩個圓形設置漸變和陰影效果,豐富頁面的層次感:
兩側各個小圓形的處理上,我們可以改換成大小不一的分散排版,這樣能符合空間近大遠小的原則,讓頁面空間感倍增:
分散排版有一個需要注意的點:為了讓頁面左右不失衡,盡量讓兩側元素面積的和,保持一致:
把文字加上看看效果,這時所有圓形都用來承載文字內容,感覺缺少了輔助元素:
最后再添加一些小圓形輔助修飾頁面,效果會好很多:
好了,以上就是這兩個案例的優(yōu)化過程,思路也寫得比較細致,希望對你做PPT設計有所幫助。
·
講真!這張一口氣放了30個圓的PPT,最少能值600元!
]]>今天這篇文章為大家修改一份四川大學PPT。
這是一份智慧醫(yī)療相關的內容,還是先來整體的看一下這份PPT:
老規(guī)矩,還是挑其中的4頁進行修改:
因為這是一份偏醫(yī)療科技相關的PPT,所以,色彩的選擇上,我選了以紫色調為主,給人溫馨的感覺:
背景板就以淺色為主,并在底部,添加一些科技粒子元素:
這樣的話呢,既有了科技的感覺,而且也會比較干凈。
當然,顏色不是唯一固定的,如果你想呈現出高科技的感覺,也可以使用青綠色。
接下來呢,我們就進入到單頁的修改。
原稿的頁面設計上,主要有兩個小的問題:
那該如何優(yōu)化呢?
我們還是先來簡單的構思一下頁面的布局,依舊是左右結構:
但如果只是這樣的排版,有些呆板,所以呢,我對標題文字做了一些處理,主要是增加了漸變:
然后是右側的視覺元素,用什么樣的配圖呢?
我們還是先來分析,標題中的關鍵詞:
很明顯,從『盾』這個字,可以看出,這里想要體現的就是安全。
所以呢,我就搜索了一些盾牌相關的元素,感覺這個不錯,既能體現安全,還有一些科技感:
但在這個畫面中,我只想要盾牌的部分,所以,就單獨拿出來放在PPT上,并調整了顏色:
說明一下,我找到是矢量素材,大家可以看到,元素的每一個面,都是可以進行調色的:
另外,為了體現出是醫(yī)療安全,我們可以在盾牌上,加一個醫(yī)療的標志:
這時候,來看一下效果:
還不錯,但是呢,盾牌的底部,沒有一個底座,出現的有些突兀。
咋辦呢?我們可以繪制兩個橢圓,讓盾牌立在底座上,看起來會更好一些:
這一頁,主要就是一個流程圖的展現,原稿的問題就在于,流程有一些混亂,不知道應該從哪開始。
咋解決呢?還是先來規(guī)劃頁面的版式:
然后,對流程圖做一些處理,關于流程圖的處理呢,主要是找好主干,使其符合正常的閱讀順序。
沒啥好的方法,就是多去嘗試,我畫了幾個不同的版本:
最后定下來是用這個:
對于右側的內容呢,這就沒啥說的了,并列擺放整齊即可:
所以,按照我們的布局,擺放在頁面上即可:
這一頁的表格設計,還挺有創(chuàng)意,但是有兩個小問題。
表格的間距有點太大了,導致信息會有點分散:
左側的表頭部分采用了右對齊,這樣的話呢,會讓內容看上去不整齊:
咋解決呢?我們可以用一個色塊,承載所有的表格內容:
另外,因為我們要突出重點,所以,可以考慮把顏色做一些更改即可:
這一頁的內容呢,結構已經非常清晰,但是呢,視覺元素會有點雜亂。
咋優(yōu)化呢?我們來分析一下,這是一個『某段時間內的數據對比』頁面。
所以,我們可以先來構思『數據對比』部分,該如何呈現呢?最簡單的方法,我們可以使用顏色對比:
另外,因為傳統手術部分,分為4個流程,所以呢,我們可以將其拆分成4段:
那么,時間的概念該如何體現呢?我想了3種方式,用刻度尺,或者心電圖等概念:
最終呢,我選擇的是第2個:
這就是整份PPT頁面的修改過程,整體來回顧一遍。
- 修改前 -
- 修改后 -
整個修改過程,主要是改變了色調,以及對內容可視化的形式做了更改。
希望對各位有所啟發(fā)。
·
原標題:我給四川大學做了份紫色PPT!同事:紫色流程圖好洋氣!
]]>提前聲明,如果你能夠認真讀完這篇文章,那么,你肯定能學到一個超實用的 PPT 設計技巧。
那么,到底是啥呢?
先來問各位一個問題,不知道你是否留意過:
在我們處理 PPT 表格內容時,很多時候,在同一個表格里,往往會有很多的重復項內容。
比如說像這里的[阻力上漲幅度]的內容,重復出現了3次:
還有像這里的[考核時間]和[分析]部分的內容,都存在大量的重復項:
而大多數人的做法呢,都是完整地保留重復信息。
但最近,在翻看一些優(yōu)秀的設計案例時,我發(fā)現,原來還有另一種處理方式。
什么呢?那就是使用圖例,來替代重復項內容,進行呈現。
啥意思呢?比如說像 SpaceX 的這張 PPT 頁面,采用不同色彩的圖形,來表現不同的狀態(tài),看起來就更具可視化效果:
再比如像這個頁面中,用對號來表達完成的狀態(tài):
還有像這個頁面中,用不同的符號,來表現是否提供對應服務內容:
不得不說,這是一個相當簡單實用的設計方法,不僅可以簡化頁面的信息,而且可以增強頁面可視化效果。
我給它起了個名字,叫做『圖例替代法』。
啥意思呢?先來解釋一下,啥叫圖例呢?
這其實是圖表中的一個概念,用來指代每一個圖表系列的含義:
但如果,我們能夠切換一下思維方式,把圖例應用在其它頁面中呢?
比如說像這個頁面,表格里有很多重復的數字1:
但其實,我們可以將其替換為圓形色塊,是不是好很多?
再比如像這個頁面,就是一個普普通通的表格:
各位可以看到,里面【評價部分】的內容項,存在重復:
因此,我們?yōu)榱嗽鰪娍梢暬Ч?,就可以考慮采用 emoji 表情作為圖例:
這樣一來,頁面是不是有趣多了?
像一些科技廠商的發(fā)布會中,也經常會用到圖例法。比如用不同朝向和色彩的三角形符號,來表現出提升或下降:
明白了嗎?
我列舉了4個:
啥意思呢?舉幾個例子來說一下。
比如像這個頁面,用不同的色塊,來表現不同的企業(yè)類別:
再比如用不同的箭頭,表達數字增減:
再比如像小米發(fā)布會中的這張表格,用不同色彩的圖形,表達不同狀態(tài):
好了,那接下來咱們通過3個實際的案例,來理解一下。
先來個簡單的,比如像這個頁面:
大家可以分析一下,這里的重復項內容是哪些呢?
是日平均氣溫,對嗎?
那么,接下來,該如何定義圖例呢?
我們可以使用不同深淺的色塊,來表現不同的氣溫階段:
完成了這一步,咱們來看下頁面效果:
再比如像這個頁面,同樣地,先來分析下,這個表格中,都有哪些屬于重復項內容呢?
很明顯,這里有兩個:
因此,我們可以選擇其中一類內容,比如我們就選擇調查方法。
這里呢,我們定義一個圖例樣式:
同樣地,將其替換運用在表格中即可:
再來最后一個例子,這里的重復項內容是什么呢?
雖然不是很明顯,但簡單分析也能發(fā)現,屬于數據增減型,所以,還是先定義圖例:
放在頁面上,簡單看下效果,可視化效果好很多了:
最后,完成頁面的排版設計即可:
以上,就是『圖例替代法』的使用,大道至簡,好用的方法,往往就是這么簡單。
希望對各位有所啟發(fā)。
·
原標題:看了一加手機這張PPT圖表!我學會了一個超實用的神技巧!
]]>今天給大家分享一個超有創(chuàng)意的圖表風格——視錯覺圖表。
看起來很不錯,對嗎?
其實它們的做法也超簡單,接下來就給大家詳細分享一下。
在開始制作之前,首先我們要理解一個概念——什么是視錯覺圖表呢?
簡單來說,就是利用對元素的處理,讓觀看者形成視覺上的錯覺,從而營造出創(chuàng)意的圖表效果。
比如小米發(fā)布會時,這張宣傳海報,看起來就十分立體,對嗎?
再比如PS軟件之前的啟動頁,怎么看都似乎是成立的:
以及當年風靡全球的游戲《紀念碑谷》,也是通過搭建視錯覺場景,征服了海量玩家。
最最常見的,就是網上的一些視錯覺的圖,一搜一大把:
明白了吧?下面我們正式開始制作。
這個圖表最亮眼的地方,就是那些看起來很有光感的發(fā)光膠囊燈管,對嗎?
但其實只需要一個圓角矩形,和一個虛化的圓角矩形,就可以做出這個效果:
我們首先插入兩個圓角矩形,并設置好填充色:
然后我們?yōu)樽髠鹊膱A角矩形,設置陰影,來增加立體感:
注意:陰影的效果會受形狀大小的影響,在放縮形狀時,需重新調整。
接著,我們選中右側的圓角矩形,在形狀格式中,選擇虛化邊緣,并調整虛化數值:
注意:形狀越大時,虛化的數值也要跟著變大,反之亦然。
最后,把兩個圖形居中對齊,一個發(fā)光的膠囊管就制作完成了:
以此類推,我們可以制作出其他膠囊管:
然后調整各個膠囊管的寬度,使其和原始圖表中的條形寬度一致,來保證數值的精確:
之后,把原始圖表的條形設置為無填充,并調整下坐標軸數字的字體和顏色:
*這里保留原始圖表,是為了以后需要修改數值的時候,還可以重新填充回來,方便比照著調整圖表。
最后,我們再調整一下背景,并添加一些色塊。
再把內容放上,就完成了:
怎么樣,是不是很簡單?
這個圖表分為兩個部分,折線圖和面積圖。
我們先來做折線圖。
首先我們選中原始圖表中的折線,把線條改成平滑線:
然后復制一份圖表,然后Ctrl+X鍵剪切圖表,再按Ctrl+Alt+V鍵進行選擇性粘貼,在彈出的窗口中,選擇增強型圖元文件:
??再按Ctrl+Shift+G鍵取消組合,刪除多余的部分,只保留折線:
??得到折線之后,我們?yōu)檎劬€添加漸變,營造光感:
?然后再給最高點添加一個光效,突出重點:
有了光,就要有陰影,對嗎?
我們把折線復制一份,然后向下調整復制的折線的高度:
之后把折線設置成黑色填充,并增加寬度磅值和透明度:
最后,我們給做陰影的折線添加柔化邊緣,模擬出朦朧的陰影感:
一個帶投影的折線就做好了:
*注意調整兩根折線的圖層,原始的折線在上,陰影折線在下。
做完折線后,面積圖就好做了。
我們首先復制一份折線,然后畫一個,高度大于折線范圍的矩形:
接著,選中折線和矩形,點擊形狀格式下的合并形狀,選擇拆分:
再把折線以上的多余部分刪去:
把折線以下的部分,點擊形狀格式下的合并形狀,選擇結合:
一個圓滑的面積圖就出現了。但這還不夠,因為我們還要做出更立體的效果。
得到圓滑的面積圖后,我們需要再插入10個等距的矩形,高度要超過面積圖,所有矩形的總寬度和面積圖相等。
然后選中矩形和面積圖,執(zhí)行拆分:
再把不要的部分刪去,就能得到分塊的面積圖了:
之后,我們?yōu)檫@些分塊添加漸變,一個微微有些立體錯覺的面積圖就出現了:
最后,我們把面積圖和折線圖對齊,并添加襯底色塊,對內容進行排版:
一個漂亮的視錯覺折線面積圖,就完成了。
到這里,今天要分享的兩個視錯覺圖表教程,就結束了,希望對你有所幫助。
·
原標題:乖乖嘞!這種視錯覺風的PPT圖表,太高端了!
]]>前些日子,逛蘋果官網中的幾個動效,引起了我的注意:
看起來還挺酷的,是嗎?但其實做法非常簡單,只需要用到PPT中的一個功能,花3分鐘就能搞定。
這個功能就是——平滑:
首先,我們插入所有需要飛入的窗口,并放置到相應的位置,得到頁面01:
然后我們把頁面01復制一下,得到頁面02:
我們選擇頁面01,把電腦放大,并把各個窗口移動到頁面外:
最后,我們給頁面02添加一個【平滑】切換效果:
一個多窗口飛入的效果,就完成了!
怎么樣,是不是超級簡單?
沒有復雜的動畫,只需要動動鼠標移動一下~
并且,利用這個原理,我們還可以做出更多簡單又有意思的設計!
這個效果該怎么做呢?
我們首先來分析一下,頁面中元素的變化原理:
Step01:產品A和介紹文字飛出,騰出版面空間
Step02:產品B和介紹文字從頁面外進入
Step03:產品B和介紹文字飛出,騰出版面空間
Step04:產品C和介紹文字從頁面外進入
因此,我們需要至少3個頁面。
因為3個產品要依次展示,所以我們先產品A和介紹放到頁面上,產品B和產品C則放到頁面外:
然后,我們把頁面復制一份,在新的頁面中,把產品A和介紹文字,移動到頁面外:
移動完畢后,為頁面添加【平滑】切換效果:
產品A和介紹都飛出去了,原理第一步實現了,對嗎?
接下來,我們再把產品B和介紹,移動到頁面上:
再預覽一下效果:
產品A飛出,產品B進入,原理的第一步和第二步都實現了。
重復上面的操作,我們就能實現產品B飛出,產品C進入的效果:
最后,我們把這3頁連起來看一下:
還不錯吧?
看完上面的講解,想必很多朋友已經想到了,這個頁面的制作方法。
依舊只需要兩個頁面:
我們首先還是制作好最終的頁面效果:
然后把頁面復制一份,把一些元素拖拽到頁面之外:
最后,為頁面添加平滑切換,就大功告成了:
這里有一個小Tips:
為了讓頁面看起來更有穿插的動感,這里我們可以把許多元素,拖拽到頁面的對面,這樣元素的移動路徑,就會穿過整個頁面:
算是一個小小的細節(jié)處理,感興趣的可以記一下。
整個效果的原理,也非常的簡單,也可以拆解為兩步:
Step01:標題文字縮放進入
Step02:產品和背景圖片淡化出現
我們首先把標題文字放大,放到第一頁:
然后把該頁面復制一份,把標題字號縮小,并添加產品和背景圖:
最后,為第二頁添加平滑切換效果,就完成了:
怎么樣,是不是超級簡單?
其實,所謂平滑切換,無非就是把前后頁面中,相同元素的移動路徑,展示了出來。
方法很簡單,但卻能讓頁面變得更有創(chuàng)意。當然,學會了這一招,你還可以做點更酷的 PPT 頁面。
比如用平滑營造頁面氛圍感:
再比如利用平滑進行產品參數的對比:
都是可以的,以上,希望對大家有所啟發(fā)。
·
原標題:蘋果官網的這2個動畫,太絲滑了!用在PPT中堪稱王炸!
]]>提到論文,很多朋友為答辯PPT設計苦惱。之前完成的一份答辯PPT作業(yè)如下:
今天這篇文章,就給大家復盤一下這份答辯PPT的設計制作思路。
在開始設計之前,我們可以先設定好顏色字體等規(guī)范,這樣在后續(xù)的設計中可以保持好整份PPT風格的統一。
1.顏色選取
可以從學校LOGO色中選取主色調,比如浙江大學logo的藍色,另外,因為單色會過于單調,所以,我加入了一個金色作為輔助色:
此外,通過調整顏色的明亮度,可以延伸出一些較淺的藍色和金色,可用于深淺色搭配或漸變色搭配:
2.字體搭配
一般建議選用微軟雅黑和Arial字體搭配,因為這兩款字體是微軟系統自帶的。在不同的電腦進行編輯或演示時,不同擔心字體丟失的問題:
3.版式框架
利用參考線,規(guī)劃出標題和正文的區(qū)域,我們在相對應的區(qū)域內編輯內容,這樣PPT的前后可以保持一致性:
4.背景顏色
答辯的場合,一般光線會比較敞亮,為了能看清文字,選用淺色背景會比較好:
設計規(guī)范設定好之后,我們就可以開始頁面的優(yōu)化設計了。
頁面設計
封面的內容主要有三部分:學校LOGO、論文選題、人物名稱:
而對于這三部分內容的排版處理,一般會有這兩種:左文右圖排版,或是整體居中排版:
因為是關于老人中心主題的PPT,所以找來了一張包含老人和建筑環(huán)境的圖片,作為背景元素:
將文字和圖片排版在一起,看看效果:
此時,圖片與頁面背景不夠融合,且對文字內容有干擾,怎么處理呢?
很簡單,使用OKPlus插件的圖片透明功能,對圖片的左側做透明過渡處理即可:
頁面整體效果還是會有些平淡,還可以繼續(xù)優(yōu)化一下:
我們可以把人物摳出來,加入漸變色塊,做一個人物穿插的效果,這樣頁面的層次感就會強烈一些:
封面設計處理到這里就差不多了:
為了讓頁面效果更有創(chuàng)意,還可以將頁面背景轉成圖片,做虛化處理,然后重新填充進頁面背景:
接著將色塊設置為「幻燈片背景填充」,這樣就有毛玻璃的效果了:
為了保持好風格的統一性,我們可以沿用封面色塊元素,作為內容的載體:
在文字處理上,可以加入圓形色塊進行簡單的修飾:
但這樣的處理還是有些平淡,于是我將這些圓形替換成更有質感的懸浮按鈕式元素:
這些按鈕元素怎么繪制的呢?也不難,只是將三個不同陰影參數的圓形進行疊加就好了:
??
接下來,我們可以再加入一張圖片豐富背景,將色塊適當調整透明度,讓背景可以顯露出來:
此時,色塊外側的圖片區(qū)域會過于搶眼,怎么處理呢?
我們可以先運用布爾運算功能,將圖片拆分為兩部分:
然后將外側區(qū)域進行虛化處理,這樣頁面效果就會好很多啦:
這頁是將國內外研究現狀的對比,我們可以先將文字進行簡單處理:
用藍色和金色色塊承載文字,這樣對比的效果會更加的強烈:
一般我們都是通過文獻資料的查閱,來獲取研究的現狀,所以加入了紙張的元素來豐富頁面:
空白的紙張比較單調,我們可以將小標題轉移到紙張上,做一個類似書籍的封面效果:
其實,到這里頁面排版大致完成了。
為了讓頁面效果更豐富,我還給色塊做了一個投影:
這樣頁面整體會更有質感一些:
頁面有三個主題:環(huán)保、安全、舒適,先對內容簡單排版:
我們可以找一些對應的圖片,來體現板材、地板、家具等概念:
頁面的排版還比較簡單,為了讓呈現的方式更有創(chuàng)意,我提取了三個主題詞英文的首字母:
然后將圖片填充到字母里面:
接著,同樣給字母做一個投影效果,這樣頁面就有了的空間和質感效果:
最后我們來看看前后對比效果:
以上就是這份答辯PPT的設計制作思路了,希望對大家有所幫助。
如果大家需要源文件,可以在文章下方評論區(qū)留言,即可免費獲得本期源文件
·
原標題:我?guī)鸵晃粚W長,做了份浙江大學的答辯PPT,第四頁好絕!
]]>對于頁面上有一些文字列表的頁面,該咋排版?
就像這樣:
在前幾天有位讀者問了我一個很有價值的問題。是啥呢?
就是如何在二維平面上,表現出三維的立體空間感?
大概就像這樣:
不得不說,這的確是一個很好的問題。
那么,到底是如何做的呢?不廢話,直接進入正題。
我常用的方法分為3種,分別是:
看到這兒,可能很多人會有疑問,漸變的作用,不是改變顏色嗎?為什么能夠增強空間立體感呢?
比如說,我們現在看到這樣的一張素描,看起來像是一個球體 ,對不對?
為啥呢?其實只不過是給一個平面的圓形,添加了漸變而已:
如果說我們把高光,明暗交界,以及反光添加到一個平面的圓形,它也會有立體感:
就是這么簡單。
當我們知道如何繪制球體之后,我們就可以利用它作為文字的襯底,進行排版:
或者是這樣的:
再比如我們之前做過的一頁PPT,很多人很好奇這個球體是怎么來的,其實,它就也是加了漸變的形狀而已:
同樣的,還有一個場景是,利用漸變色,我們可以繪制立體感的數據圖表。
啥意思呢?之前有讀者問我,為啥自己在 PPT 里插入的立體形狀,感覺很low?
原因很簡單,因為我們需要為立方體的每一個面,都調整漸變效果:
只有這樣,才能得到一個非常有質感的立方體:
比如像之前我修改的一頁 PPT 封面,其實就是這樣調整的:
再比如像這個頁面中的圖表,你可以思考一下,它是如何呈現出立體感的呢?
另外,利用漸變調整,我們還可以在平面上,去營造出一個立體的空間。
就像這樣:
那這個又是怎么做的呢?其實,很簡單,就是在頁面上,添加了一個漸變色塊而已:
不過呢,有一個小細節(jié)是,底部色塊的顏色,要稍微深一點:
同樣的,利用這個原理,我們可以做成這樣的空間感背景:
這應該是很多人都能想到的一個方法。
操作上也很簡單,選中一個元素后,調整三維選項就可以:
比如說,我們可以用來進行圖片的排版,從而增強空間立體感:
當然,也可以是對文字添加三維旋轉,都能營造出空間立體感:
這是一個比較簡單的方法,之前也寫過,我就不多說了。
我們在真實世界中,都明白一個最基本的原理,叫做:
而如果我們想要在平面上,營造出空間感,也需要遵循這個規(guī)律。
啥意思呢?舉個簡單的例子,比如像前幾天修改的案例,為了營造空間感,我對后一排的圖片進行了虛化處理。
這就是近實遠虛:
再比如像這個頁面,算是典型的近大遠小式的透視關系:
除此之外,我們還可以通過對形狀的漸變調整,把遠處的透明度設置為100%,也可以實現透視的效果:
用這個方法,我們一般用來制作內容的底座,從而進行排版:
把梯形換成圓形,也是一樣的道理:
繼續(xù)延伸,我們也可以把這個原理,應用到圖片排版中。
比如在排版圖片時,我們可以對圖片進行虛化處理,或者是添加一些虛擬形狀,從而營造透視的感覺:
這樣一來,也可以營造出空間立體感:
再比如像這個頁面,之所以在圖片背后,添加一些矩形色塊,原理也是一樣的:
這就是在平面上,實現三維立體空間感展示的3個方法,希望對各位有所幫助。
·
原標題:華為的這個網頁太酷了!PPT中想做出這樣的效果難嗎?
]]>今天,咱們改上一改酒企的 PPT 。
先來看下原稿。原稿 PPT 內容夠突出,可讀性沒啥問題。就是從頭到尾都用紅底,看久了容易眼疲勞。而且在設計上,沒能傳遞出酒企的高端形象。
接著是顏色,從企業(yè) logo 提取紅色作為主色,并以此顏色向外延展,豐富整套幻燈片的色彩體系。
而對于幻燈片的背景,我使用了一張微微泛黃,且?guī)в幸唤z紋理的圖片,體現歷史久遠的感覺。
最后是設計元素,可以沿用原稿 PPT 中的祥云紋理。
既然這份 PPT 是對外使用的,那肯定需要強化自身的品牌形象了。最簡單的做法,就是把自家的產品放在一起,做一個家族圖。
我們可以在企業(yè)的官網,找到各個的產品渲染圖:
三角形的樣式,看起來對稱且穩(wěn)固。
通過為產品添加倒影,讓頁面看起來更加真實:
接著,利用兩個漸變矩形,模擬地面和墻面:
在墻面中融入祥云紋理,豐富細節(jié):
把產品放在地面上:
加上標題和 logo:
最后,添加光影素材,進一步強化頁面的空間感:
來看下效果:
當然,封面也可以使用淺色背景:
如果你覺得的單調,可以加入一些光效,增強封面的質感:
這樣看起來就高端了許多:
這頁,主要是想要表現出酒企的傳承久遠,底蘊深厚。
純用文字,會比較蒼白,說服力會很弱。我們可以添加相關圖片來規(guī)避這個問題:
除此之外,我們可以讓圖片與筆刷相結合,以此來表現歷史的滄桑感:
和上一頁相同,我們可以添加圖片來增強頁面的說服力。并將頁面內容橫向分布,解決頁面兩側空洞的問題。
為了讓頁面更古風一點,我們還可以把文字豎向排版。反正字少,不會影響閱讀:
接著,繪制偏古風圖形,這樣可以在豐富版面內容的同時,讓圖片與文字之間的聯系更加密切:
來看下頁面效果:
當然,如果想讓每個內容,都與 logo 相關聯,我們可以先利用橢圓,繪制出這樣的平臺:
調整漸變,弱化平臺,并營造出透視感:
再把 logo 置于平臺中央,四個內容沿外側圓環(huán)分布:
現在看,酒瓶子沒有立體感,太單?。?/p>
我們可以像封面那樣,為產品添加倒影:
或者是,添加投影:
這兩個方法,能夠快速的讓產品看起來更加立體,更有質感。
稍微對頁面,排下版,感覺精致多了:
置入產品,產品顏色和背景相呼應:
將產品名放在筆刷素材中,作為頁面的點綴。
或者換一種形狀,產品與名字穿插,頁面的層次感會更強:
來看最終效果:
還不錯吧?
到這兒,這 4 個頁面就改完了。
再來看下修改前后的對比:
- 修改前 -
- 修改后 -
改完后,有沒有高端了那么一丟丟?好了,以上呢,就是這次改稿的全部內容。
·
原標題:我?guī)秃幽弦患揖破笞隽朔軵PT,紅色封面超有質感!!
]]>橢圓平臺怎么畫才好看?有啥技巧嗎?
這是一位讀者看過這頁 PPT 后,在留言區(qū)向我提問的一個問題。
其實,在 PPT 設計中,用形狀來模擬透視平臺,是一個能夠快速提升頁面設計美感的技法。
比如下面這兩頁騰訊峰會的 PPT 原稿,現在看,視覺上略顯平淡:
而利用形狀模擬透視平臺后,頁面的空間、設計感就會大幅度提升。比如繪制橢圓平臺:
或者是繪制梯形平臺:
那么,回到文章一開始的問題,大家用的都是 PowerPoint,為什么你總是畫不好呢?
你繪制的平臺:
別人繪制的平臺:
繪制這類透視平臺,到底有何技巧?
別慌,今天,這篇文章就帶你解開這其中的奧秘!
想要透視平臺畫的好,只需遵循 2 個現實原則即可。因為與現實相關,所以理解起來不難。
? 原則一:近大遠小
體積相似的物體,距離我們越遠,在視覺上看起來就會越小。
比如地面瓷磚,他們的實際大小相同,但一眼望去,越遠的瓷磚,看起來就越小:
如果把圖片中瓷磚線條提取出來,分別來看橫線和縱線。
很明顯,橫線之間的間距,由近及遠,越來越窄:
縱線如果繼續(xù)延展,終將匯于一點:
這就是頁面看上去有縱深感的原因!
我們回到透視平臺的構建上。對于橢圓型平臺,如果只是用大小不同的橢圓簡單嵌套,頁面缺乏縱深感,看起來就會有些假:
我們在繪制時,就可以根據上述橫線的特點,調整各個橢圓錯位,使各個線條的間距,由近及遠,越來越窄:
此外,線條間的各個間距相差越大,平臺的縱深感就會越強:
同理,梯形平臺就應該符合上述縱線的特點。
所有形狀兩側邊界的延長線,都要匯聚于一點:
? 原則二:近實遠虛
近處清晰,遠處模糊。這個原則相信大家也深有體會。
比如從高樓向遠處眺望,近處的大廈就很清晰,而遠處的山巒受云霧的影響,會變得模糊不清。
同樣的,將近實遠虛的原則,應用到平臺的繪制上。比如通過調整橢圓漸變:
讓遠處的線、面透明度降低:
梯形平臺同理,利用漸變讓平臺遠透,近不透:
結合,上面所說的兩大原則,我們用形狀所構建的平臺就更加符合現實邏輯,從視覺上去看自然會更加的美觀。
OK,原理是明白了,那有沒有什么方法,可以快速繪制這樣的透視平臺呢?
當然有,我們可以借助三維旋轉。通過使用三維旋轉,就可以不用手動調整個圓環(huán)的間距,而且平臺的透視強度可以任意調節(jié)。
像上面這個案例,我們可以先繪制 4 個嵌套的正圓。
設置三維旋轉,預設 > 角度 >「透視:適度寬松」:
這時,頁面中的正圓,就會有向后傾倒的趨勢:
我們調整 Y 旋轉,可以變換觀察平臺的視角:
而調整透視,可以變換平臺的縱深感。透視越大,縱深感越強:
最后,調整平臺漸變即可。
除了橢圓透視平臺,像下面這樣的梯形平面透視平臺,也可以使用這個方法快速繪制。
先繪制 5 個矩形,并組合:
和剛才的一樣,設置三維旋轉,選擇預設中的「透視:適度寬松」。Y 旋轉控制平面傾倒的幅度;透視,控制平臺的縱深感:
最后,依據近實遠虛的原則添加漸變效果:
最后,為了拓寬大家的思路,我再分享一些透視平臺在 PPT 設計中的一些用法。比較常見的是充當載體,放置單個頁面信息。比如主要文本:
重點數據:
當然,只要你畫的平臺夠大,也可以放置多個內容:
稍微復雜一些,我們還可以利用透視平臺,立體化呈現層級架構。比如這種圓形平臺:
或是梯形平臺:
等等...
好了,以上呢,就是這篇文章的全部內容了。希望看完這篇文章,你也能夠快速上手,畫出漂亮的透視平臺。
·
原標題:邵大,騰訊官方的這頁PPT也太高級了!為啥我做不出來...
]]>注意,這里有個關鍵詞,叫做『吸引觀眾』:
啥意思呢?如果你的PPT屬于匯報類型,面向熟悉的同事或領導,其實直接表達主題就好:
但是,如果我們要做一個知識分享型PPT,面對的觀眾都是一群陌生人,那么,寫一個具備吸引力的標題,就很有必要。
比如之前一位讀者,讓我?guī)退麅?yōu)化PPT,他要面向一群剛入職場的新人,分享一些出租房裝修的經驗。
他的PPT封面標題是這樣寫的:
這就是很明顯的太無聊了,完全沒吸引力,最后,我們把主題改成了這樣:
是不是有趣很多?
這就是PPT標題文案的魅力。
那么,圓規(guī)正傳,我們到底該如何寫好PPT標題文案呢?
在這里,我結合自己的經驗,給大家分享4條。
很多PPT標題文案的問題,就是空泛,沒有所指。比如像:
如果我們能夠把文案,聚焦到觀眾的核心訴求上,那么他們會更有共鳴。
那么該如何把文案從寬泛,變?yōu)榫劢鼓兀课铱偨Y了一個表格,每次寫標題前,先回答這3個問題:
這個表格很關鍵,后面的方法中也會用到。
比如說舉個例子,這是一位讀者發(fā)給我我的 PPT 課件,標題是這樣寫的:
咱們一起來優(yōu)化下,該如何聚焦呢?看完 PPT 內容后,我發(fā)現是面向傳統企業(yè)的社群營銷方法。
那么,這群人為什么要聽這次分享呢?全部寫在表格里:
到這里,我們的標題文案,就可以變成這樣,聚焦到特定人群的核心痛點:
然后,簡單地完成 PPT 封面的排版呈現即可:
再比如像這個例子,PPT封面的文案內容是這樣的:
原標題文案:
這樣一來,我們的 PPT 標題文案,就可以變成這樣:
簡單找一張合適的 PPT 背景圖,即可完成封面的呈現,如果你正面臨團隊管理問題,這樣,是不是更有吸引力呢?
同樣的,再比如像這一組標題對比,把主題的受眾人群,聚焦到職場新人身上,會更有共鳴:
這樣一來,我們的 PPT 封面就可以做成這樣:
再比如像一個關于穿搭的分享主題,如果內容是關于如何顯高,那么,就可以倒推出核心人群和對應的需求:
對于大多數人來講,正常的心理都是希望,小投入卻能有大回報。
比如像文章開頭提到的『出租屋裝修』的標題,就是采用的這個方法。
只花了500元,算是低投入;
漂亮的出租屋,就是高回報;
為了方便各位理解,我為這個方法,總結了一個句式:
啥意思呢?同樣舉個例子,比如現在你要做一場關于紅酒品鑒的技巧分享,PPT標題文案是這樣的:
原標題文案:
那么,高回報呢?就是知道了如何品鑒紅酒,對嗎?
所以,我們的 PPT 標題文案可以這樣寫:
簡單加一張背景圖,就是個不錯的 PPT 封面:
當我們需要向觀眾分享一個新概念時,可以采用這個方法。通過與觀眾熟知的元素對比,引出別人的關注。
簡單來說,就是A相較于B,到底好在哪里?
啥意思呢?舉個例子,比如說有這樣的一個 PPT 標題文案:
原標題文案:
所以,元素A=郵件,元素B=微信
那么,我們的 PPT 封面就可以優(yōu)化為這樣:
當你看到這張封面時,你會產生好奇心,進而被吸引嗎?我想應該會,對嗎?
再比如像下面這個 PPT 封面文案:
原標題文案:
比如我們可以把互聯網營銷概念中,兩個元素拿出來進行比較:
這樣,就可以做成一張這樣的 PPT 封面:
如果你的分享內容,能夠給觀眾一個明確的結果,可以采用這個方法。
我也簡單總結了一個句式,大概是:
同樣,為了便于各位理解,簡單舉兩個例子。
這是一位讀者發(fā)給我的 PPT 案例,從封面標題文案可以看到,內容是在普及法律知識:
原標題文案:
把標題文案變成這樣:
這樣一來,觀眾會更明確地知道,這場分享對自己的幫助,到底是什么:
再比如像這個封面標題,也是一樣的問題:
看到這張 PPT 封面標題時,其實,我對這個方法是不清楚的,且心里會想,這個方法難嗎?不清楚。
因此,我們可以把這個方法本身的路徑給寫清楚:
這樣一來,觀眾也會更清楚地知道,原來只需要3個步驟,就能掌握一個方法:
以上呢,就是我們在寫『知識分享類』PPT封面標題文案時,可以采用的4個方法,希望對各位有所啟發(fā)。
·
原標題:同事的PPT封面文案這樣寫!被老板狠狠的夸了...
]]>今天這篇文章咱們來改稿一期大學生PPT。
整份PPT呢,是一份關于高分子材料的內容,用來做比賽的:
老規(guī)矩,我們還是挑選其中的4頁進行修改:
因為這是一份項目的PPT,所以顏色的話,我們還是從 Logo 中進行選擇:
好了,接下來我們就進入到單頁的修改。
這個頁面的設計呈現上,沒有什么太大的問題。但唯一不好的地方在于,這一頁PPT科技感太強。
那該如何優(yōu)化呢?
我們還是先來簡單的確定一下,頁面內容的布局,很簡單,左右結構即可:
那么,配圖應該找什么呢?還是從標題信息進行分析,啥叫高分子材料呢?
我也不懂,所以就查了一下百度:
大概呢,就是這樣的:
因此,我們就先用上這個素材,做一個簡單的排版:
這里的話,大家可以看一下,我是把素材復制了一份,也放在了左側,可以讓視覺更加平衡:
但它的問題就在于,色調與背景不搭。咋辦呢?
我們可以對圖片的顏色,進行重新著色:
來看一下調色后的效果,與背景契合度高了很多:
最后呢,我們可以再對排版進行一些微調,把其中一行標題進行輪廓化,增強對比:
這個頁面要表達的信息是火災數量多,但它的問題在于頁面上的圖片太少了,沒有體現『多』的概念。
咋辦呢?很簡單呀,多找?guī)讖垐D唄:
有了這些圖之后,怎么表現出多的感覺呢?最簡單的方式,就是做成圖片墻:
當然,我們還可以這樣:
不過,除了圖片墻之外呢,我們還可以做成這種樣式:
但是,如果只是并列排版,圖片的視覺層次不強,所以我們可以不同行的圖片,進行處理。
在這里,我主要是對最后一行,添加了透明度和模糊效果:
另外,因為是不同的新聞素材,所以頁面的顏色,會有一點雜亂,我們可以統一一下色調:
給大家看一下最終呈現的樣式:
當然,如果能夠做成動態(tài)版,視覺效果會更好:
這個表格頁面的主要問題呢就在于,重點太多了,反而看起來有點亂。
而且因為是一個對比型的表格,重點部分的信息,沒有被體現出來。
那么怎么優(yōu)化呢?
我們可以先將信息簡單地放在一個卡片上,進行排列:
既然要凸顯對比,所以,我們可以添加一個更深色的色塊,作為強調:
到這里基本上就算完成了。
當然如果說想要繼續(xù)優(yōu)化的話,可以加一些分子元素作為點綴修飾:
這是一個商業(yè)模式的邏輯圖形,主要問題呢就在于頁面上素材風格不統一,而且,圖片素材過于搶眼。
那么該如何優(yōu)化呢?
我們呢,可以先來簡單的畫一下它的邏輯結構,大概是這樣:
如果只是這樣,這個圖就太丑了,因為缺少視覺層次。
所以,我們可以做一些視覺上的對比,把部分圖形的樣式做一些改變:
這時候,再來看一下這個邏輯圖,是不是好多了?
最后,我們只需要把文字信息,放到對應的色框里就可以了:
這就是整份PPT的修改過程,我們整體再來看一遍。
- 修改前 -
- 修改后 -
整份PPT的修改呢,主要是對頁面的色調和表達方式做了優(yōu)化,希望對各位有所啟發(fā)。
·
原標題:我?guī)鸵淮髮W生做了份PPT!同事:這么多截圖,還能如此好看...
]]>這篇文章是一篇改稿美化:這是一份關于『精益生產』概念培訓的PPT:
還是老規(guī)矩,選擇其中的4個頁面進行修改:
首先確定一下主題的色彩,那么,提到『精益生產』,能想到啥顏色呢?
我不知道。不過既然是跟生產制造相關,那么,就從生產車間來取色吧:
這里我選的是綠色調為主,有兩個深色,兩個淺色,正好一個可以用來做背景,一個可以用來做強調色:
接下來呢,我們就進入到單頁的修改。
這里的文案信息很簡單,如果能看得出來,主要想突出的是『精益』二字。
因此,為了能夠起到強調的效果,我采用了書法字的排版:
然后呢,把我們確定好的背景色用在這里,以此豐富頁面的視覺效果:
有點單調,不過沒關系,可以加一些表現數據波動的線條素材,進行修飾:
文字部分的話呢,可以加一些墨點的素材,主要目的就是豐富視覺效果而已:
這一頁的問題呢,就是背景干擾了內容的呈現。那么,該如何優(yōu)化呢?
對這一段內容簡單分析,我們可以發(fā)現,信息呢,包含大背景和研究案例。
所以,版式就可以采用這樣的:
然后,我們對文字部分做一些排版,強調案例的內容:
既然內容講的是跟豐田汽車有關,可以找一張豐田汽車的生產車間,來建立視覺關聯:
到這里,我們還可以利用摳圖的方法,做一些局部露出的創(chuàng)意效果:
除此之外呢,我還做了一個深色的版本,我認為都是可以的:
這一頁的主要問題,就是信息太密集了,我們可以做一些優(yōu)化。
還是分析內容,來確定版式結構,既然是大背景,外加兩本書的介紹:
因此,我們的頁面版式,就可以做成這樣:
對于圖書介紹的部分呢,我們可以劃分一些層級結構,強化重點,并且添加小圖標,豐富視覺效果:
另外呢,我們還可以借用樣機,將圖書變成立體效果:
而對于背景介紹部分的文字信息呢,我們同樣是提煉關鍵的數據,強化重點:
到這一步呢,基本上就差不多算完成了。
如果說想要讓頁面更有創(chuàng)意,我們可以加一個色塊,形成疊壓的效果:
這里的排版呢,沒有什么太大的問題,就是視覺上有點太單調。
那怎么優(yōu)化呢?我一開始構思的版式,是采用中心放射的樣式:
但它的問題在于,沒辦法體現出向上增長的箭頭。
所以呢,我又換了一個思路,找了一個數據波動上升的圖表:
為了進一步凸顯向上的趨勢,直接加一個箭頭:
這樣一來,向上趨勢的感覺,就能夠完整的呈現出來。
最后,我們只需要加一些引導線,來完成內容的排版即可:
就是整份 PPT 的修改過程,我們整體再來看一遍。
- 修改前 -
- 修改后 -
整份 PPT 的修改呢,主要是對信息的結構和層級做了梳理,強化了重點,希望對各位有所啟發(fā)。
·
原標題:我?guī)妥x者做了一份綠色PPT,同事:尾頁的3D箭頭,絕了!
]]>自從谷歌推出 Material Design 設計語言后,用卡片作為承載信息的方式,已經是很常見的一種設計形式了:
卡片設計被廣泛用在各類產品和場景中,PPT也不例外。比如剛結束不久的蘋果春季發(fā)布會,PPT中就用到了卡片排版:
卡片的區(qū)塊化結構能讓頁面層次清晰易讀,是頁面布局中的利器。有時候僅使用卡片來排版,也能做出一套不錯的PPT:
然而很多時候,我們進行卡片排版時,往往會忽略很多細節(jié)的處理,導致頁面效果生硬,比如像下面的案例:
那么,如何快速地提升卡片的排版設計效果呢?
今天這篇文章就給大家總結一下,卡片排版的一些細節(jié)要點。
在PPT中,我們是用矩形來繪制卡片,通過給矩形設置顏色、紋理、陰影等參數效果,讓卡片的質感豐富起來。
1.角部弧度
卡片設計常見的角部弧度有直角和圓角這兩種:
我們常常使用圓角卡片來排版內容,因為直角的卡片硬朗高冷,有一定的攻擊性質:
而圓角容易被人眼識別,卡片邊界的區(qū)分更明顯;且柔和的圓角更具親和力,給人安全感和舒適感:
2.卡片顏色
卡片的顏色填充可以是純色或漸變色(黑白灰為無彩色)。
純色卡片只有一種色調,但卻比較難把控,因為單一的顏色,看起來會比較沉悶呆板:
對此比較好的解決方法,是改用不同明度的漸變色來填充,讓卡片細節(jié)層次更加豐富:
怎么設置不同明度的漸變呢?很簡單,拿下面的深黃色卡片舉例:
我們選擇45°方向的線性漸變,然后兩個光圈顏色均選用原來的色值:
接下來,我們通過調整兩個光圈的亮度百分比,就可以得到不同明度的漸變色:
來看看調整后的效果,與之前比較,卡片會更有光澤感:
3.卡片投影
給卡片添加投影效果,可以營造卡片懸浮感,從而增加頁面的空間層次:
一般不建議直接選用PPT中的投影預設,因為這些預設投影比較生硬,不夠柔和自然:
怎么調節(jié)出柔和自然的陰影呢?大致可以分為三個步驟:
第一,選擇與背景色相近的深色作為陰影色,比如下面卡片的陰影色為深紫色:
第二,縮小陰影的大小,然后加大陰影距離:
第三,把陰影的模糊度調大,如果覺得陰影色還是太深,可以適當地加大透明度:
與預設的陰影相對比,調整后的陰影效果會柔和很多:
講完卡片繪制的細節(jié),接下來我們來看下卡片內容的排版。
1.間隙相同
無論是卡片的縱向或是橫向,它們之間的間隙距離,最好能保持一致:
整齊一致的間隙距離,有助于保持頁面的均衡和美觀:
2.四周留白
卡片上的內容信息,與卡片的邊界要留有適當的距離:
為什么要適當留白呢?我們先來看下面的反例。
卡片上的內容信息緊貼著卡片兩側邊界,此時整體頭輕底重,底部文字太擁擠,看著沒有呼吸感:
而給卡片四周適當地留白后,頁面效果看著就會舒暢了許多:
3.文字行數不宜過多
卡片上的文字的縱向行數,最好不要超過5行,因為行數過多容易增加閱讀成本:
還有文字的層級區(qū)分要明顯,我們可以通過不同字重、字號和顏色的設置,從而產生清晰信息層級:
4.減少線框使用
我們經常會使用線框來區(qū)分信息內容,但當卡片上使用過多的線框時,反而會導致頁面的擁擠:
減少線框的使用,或是用淺色色塊代替線框,這樣卡片上信息區(qū)分清晰的同時,整體效果也會好很多:
在PPT中,利用卡片進行排版,常見的版式有哪些呢?
1.并列排版
這應該是最常見的卡片排版版式,比如下面這個案例,頁面有三段并列的內容信息:
我們找來對應的圖標,然后用卡片元素來承載文字信息:
接下來給卡片添加陰影,在底部加入色塊來豐富頁面層次:
最后再添加一些修飾粒子元素,這樣一張卡片并列排版就完成了:
2.上下錯位排版
我們只需將并列版式稍微錯位,就可以做出有節(jié)奏感的上下錯落排版:
又或是常見四段頁內容的錯落排版:
除此之外,還可以給卡片稍微旋轉一個角度,這樣錯位的感覺又會不一樣:
3.大小不一錯落排版
當卡片的大小不一致時,我們可以考慮錯落排版,像蘋果發(fā)布會的PPT,這樣能夠有效利用頁面的空間:
這里再舉一個例子,比如這張有關風電特點的頁面:
我們將各個特點拆分開來,然后用大小不一的卡片承載內容:
接下來根據文字信息的含義,找來相關的圖片填充進卡片中:
最后調整字體的字重、大小和顏色,突出關鍵詞,這樣一頁蘋果卡片風PPT就做好了:
4.三維空間排版
顧名思義,可以通過給卡片設置三維參數,進行三維空間排版:
我們來看下案例,比如下面這張五段頁卡片排版:
分別給左右兩側的卡片設置「透視:左」和「透視:右」的三維參數:
然后將它們湊在一起,就有這樣空間感滿滿的頁面了:
此外,我們通過設置不同的三維參數,可以繪制出不同旋轉角度的卡片,從而進行豐富的三維排版布局:
好了,以上就是關于卡片排版的內容,最后我們來總結一下:
·
原標題:庫克最愛用的這張發(fā)布會PPT!google也常用,太高級了...
]]>今天給大家分享幾個創(chuàng)意工作型PPT圖表的制作方法。
這個圖表看起來十分立體,并且很有光影感,對嗎?
其實制作起來非常簡單,只需要幾個漸變圖形拼合一下:
我們首先插入一個圓柱形,把柱子拉伸到和原始圖表的柱形等高,并適當調整頂面的傾斜度:
然后Ctrl+X鍵剪切圓柱,再按CtrL+Alt+V鍵,在彈出的窗口中,選擇增強型圖元文件:
接著選中圖形,按住Ctrl+Shift+G鍵,取消組合兩次,原本的圓柱形就被拆成了零散的面:
然后我們?yōu)檎嬖O置一下漸變:
再給頂面填充一下顏色:
一個很有立體感的圓柱就做好了:
同理,我們可以制作出其他的圓柱。
做完主體之后,我們再來制作半透明的柱形。
同樣是插入一個圓柱體,然后打散。
然后我們把打散的圖形復制一份,下面會有用到。
我們把兩個圖形對齊到合適位置,然后點擊【形狀格式】中的【合并形狀】,再選擇【結合】,把打散的圖形變成一個上下都是圓弧的圖形:
然后為這個圖形設置漸變:
接著我們從復制的圖形中,拿出頂面的橢圓,并填充顏色:
最后,把這兩個圖形居中對齊,一個半透明的柱體就做成了。
做完柱體之后,我們再來制作倒影。
文字的倒影非常好做,只需要在形狀格式中添加一個映像效果即可:
柱形的倒影呢也很簡單,只需要把柱形的正面復制一份,然后添加一個漸變:
我們把倒影和柱體放置到一起,整個頁面基本就完成了。
我們再繪制一個漸變的圖形作為底座,增強頁面的立體感。
再添加一些光影的素材,一個非常有立體感的圓柱形圖表,就完成了。
還不錯吧?
這個案例看起來和上一個有些相似,但其實操作方法上,要比上個案例簡單許多。
我們首先修改一下原始圖表中,兩類柱形的填充色
具體的參數如下:
然后選中圖表,在【圖表設計】中點擊【更改圖表類型】,在柱形圖中選擇【三維堆積柱形圖】:
圖表立刻就從平面,變成了三維的了!
但現在的傾角有些奇怪,我們可以調整一下圖表的三維旋轉參數:
把傾斜的圖表扶正:
因為圖表本身是傾斜的透視關系,所以我們可以畫一個梯形貫穿頁面,作為圖表的底座。
最后,我們加上文字和裝飾素材,一個漂亮的三維立方體柱形圖表,就完成了~
怎么樣?是不是非常簡單?
這個圖表看起來平平無奇,唯一比較有創(chuàng)意的點,就是圖表的柱形,被替換成了儀表的樣式,對嗎?
這是怎么做到的呢?
方法依舊很簡單,借助PPT中自帶的形狀,就能完成。
我們首先插入一個圓角矩形,并拖動黃色控點,讓圓角最大化,并適當調整高度。
接著我們選中圓角矩形,按住Ctrl和Shift鍵,單擊鼠標左鍵向上拖動,即可快速復制出一個圓角矩形。
然后我們按住F4鍵,快速重復上一步操作,直到復制出一列圓角矩形。
看起來有一點儀表的味道了,對嗎?
接著我們選中這一列圓角矩形,按住Ctrl+G鍵進行組合,并為組合后的圖形設置漸變。
然后我們復制這個圖形,再選中原始圖表的柱形,在填充方式里選擇圖片或紋理填充。
再點擊剪貼板,就能把剛復制的圖形填充到圖表的柱形里了。注意,這里要點擊一下層疊,不然圖形就會被壓縮。
同理,我們可以把另外兩個柱形,也都填充成同樣的儀表圖形。
我們把這個圖表復制兩份,然后修改一下數據,就能得到另外兩個品牌的圖表了。
最后,我們再在頁面上添加一些色塊,讓頁面更有層次感。
一個簡單而又有創(chuàng)意的數據圖表頁,就完成了。
以上呢,就是今天要給大家分享的,3個創(chuàng)意PPT圖表的制作方法。
·
原標題:PPT自帶的圖表丑爆了?按這3種方法搞,立馬高級!
]]>本期的案例PPT,主要是以一個獵頭類公司的介紹,各位可以理解為一家招聘平臺,接下來開始改稿!
老規(guī)矩,還是挑選其中的4個頁面進行修改:
整個品牌的色調呢,是藍色,但如果只使用這一個顏色,會有一些單調,所以,我加了一個暖色調:
因為這是一份企業(yè)介紹類型的PPT,所以,整體呈現出來的風格呢,我會以商務簡潔為主:
那接下來呢,我們就進入到單頁的修改。
信息很簡單,只有一個企業(yè)的名稱,這種越簡單的信息,越難設計。
那到底該如何優(yōu)化呢?我們先來構思一下版式布局,還是左文右圖:
那圖片放什么呢?
我們回到企業(yè)的屬性上來分析,既然是獵頭公司,那肯定是精準找到人才。
所以,我腦子里的畫面,大概是這樣的:
但如果只有這一個畫面,未免太單調了,所以呢,我又去看了一些插畫素材網站:
通過一些素材的組合,做了這樣的一個畫面:
我們把它放到頁面上,來看一下效果:
頁面的信息很簡單,一段話加一張配圖,所以版式的布局,依舊是左右型:
在原稿中,文字部分的問題呢,就在于缺少可視化,所以呢,我們可以考慮加一些圖標:
而配圖的話呢,我們可以借用ps樣機:
把封面變成立體的樣式,這樣看起來更有質感:
然后呢,我們把文字和圖片組合在一起,來看一下:
有點單調,而且與封面的視覺風格不協調,解決的話,加兩個色塊即可:
這一段的信息很簡單,就是兩家公司的業(yè)務對比。原稿的問題呢,就是都是字兒,看起來缺少信息結構。
咋解決呢?還是一步一步來,先來確定布局樣式。
我們可以是左右型的:
也可以是上下型:
然后呢,我們對每一部分的信息進行處理,主要是借用小圖標,增加可視化:
然后,我們把兩段信息,放到頁面上來看一下效果:
這時候,頁面的對比不是那么強烈,所以我們可以引入一個黃色塊:
這一頁的主要問題呢,就是圖形的色調,與整體風格不協調。
所以呢,我們可以基于這個樣式,重繪一下:
這里簡單說一下,我在重繪這些圖形的時候呢,為了保證每一部分的色塊尺寸一致,我使用的是餅圖:
完成之后,我們把內容和圖形放到頁面上:
太單調了,還是老方法,加個色塊,來優(yōu)化一下,另外呢,我在圖形的底部,加了一個陰影,可以增強空間感:
以上,就是整份PPT的修改過程,整體再來看一遍。
- 修改前 -
- 修改后 -
整份 PPT 的修改呢,更多是這個頁面的色調和版式做了處理,保證了風格整潔。希望對各位有所啟發(fā)。
.
原標題:我?guī)蜕虾R幻x者,做了份招聘類PPT!同事:到位!
]]>這個呢,主要是介紹了產品的一個功能,這個檢票的機器屏幕,與右側的界面,采用了一個紅色箭頭進行連接,表示對應關系。
但其實呢,我們可以把它做成彈窗的樣式,這樣看起來關聯會更強:
-后-
今天的文章呢,就選幾頁來做個簡單復盤,在自己總結經驗的同時,也給大家分享一下設計的思路。
先來看看原稿吧:
這是一份關于百雀羚產品推廣的PPT,這類的護膚產品,宣傳物料大都給人一種精致高級感,所以我們以此為方向來設定一些基礎規(guī)范。
因為百雀羚強調的是天然護膚,整體的品牌色調偏綠,因此選取暗綠色為主色調,再搭配金色和黃色,用于強調或點綴:
選用思源宋體作為頁面的標題字體,宋體是為適應印刷術而出現的一種字體,帶有東方文雅氣息,也契合百雀羚的品牌調性;
而正文字體選用了OPPOSans,增添時尚的韻味:
修飾的素材方面,主要是運用一些植物元素來修飾頁面,體現百雀羚天然優(yōu)質草本原料這一概念:
PPT整體的背景為暗綠色,同時用光影和紋理來豐富頁面背景的質感:
規(guī)范設定好后,便于我們把控整份PPT的風格統一,下面進入頁面修改環(huán)節(jié)。
原稿內容不多,就只有l(wèi)ogo和標題,但整體版式較為普通,設計感不強:
我們先優(yōu)化標題文字,更換一個筆畫柔和的字體,把logo也更換為最新的版本:
接下來,思考:怎么能讓只有一句話的頁面,看起來精致又高端呢?
這時候就可以通過背景的設計來烘托呈現精致感,先找來一張植物圖片充當背景:
然后添加蒙版和光影素材,弱化圖片中的干擾元素,同時增加頁面的光感:
用一個中式卡片來承載標題,可以起一個強調的作用:
最后我們在頁面四周補充一些修飾元素,這樣封面就大致完成了:
在此基礎上,我還做了另外一個版本的封面,感覺有個倒影水波紋的效果會更好:
這個倒影是怎么實現的呢?也很簡單。
我們把原封面的尺寸裁剪成下圖這樣,用作被水面倒影的對象:
接著就要借用一個倒影生成的神器網站「Water Effect」:
將裁剪后的封面導出,上傳至此網站,即可自動生成倒影水波紋效果啦:
原稿是典型的卡片三段頁排版,但在對齊、陰影、信息層級等細節(jié)的處理上比較粗糙:
我們先把信息內容提取出來,放大突出標題字體,讓信息層級更清晰:
然后加入相應的圖標,提高文案可視化程度,同時改用圓角卡片來承載信息內容,圓角的卡片看著較為柔和舒適:
卡片上的圓形和標題字體都使用了漸變填充,這樣可以賦予元素光澤感,從而增加層次細節(jié):
為了進一步增強頁面空間層次,我們可以利用漸變矩形構建一個立體墻面背景:
將此背景轉化為圖片,設置「膠片顆?!顾囆g效果,背景就有了現實墻體的顆粒紋理質感:
把卡片內容放在背景上看看效果,感覺四周還是有點空空的:
最后我們還可以加入植物素材,來豐富修飾頁面,像這樣:
最終的頁面空間層次更強了,效果不錯吧~
這張頁面為產品頁,說實話,原稿的展示效果太差了,反而會拉低產品的檔次:
怎么去優(yōu)化呢?可以先把產品逐個摳出來:
延續(xù)前面的墻體背景思路,我們可以搭建一個場景來展示產品:
還可以繪制一些展臺元素,用于承載各個產品,這樣頁面效果會更真實:
接下來,我們將摳出來的產品放在展臺上,精致的感覺一下就有了,但還是有些空:
最后再補充上文字名稱和一些修飾元素,頁面效果就好了很多:
這頁是榮譽頁,原稿設計也是比較普通,沒有體現出榮譽獎章的含金量:
榮譽頁面的優(yōu)化,我們常常使用橄欖枝素材來修飾榮譽獎章:
為保持前后風格的統一,添加一個暗綠色的紋理質感背景:
在原稿中,使用獎杯這一個思路挺不錯的,所以找了一個摳好的獎杯元素,來增強頁面的榮譽氛圍:
此時內容的排版大致完成,我們可以繼續(xù)添加元素來豐富背景層次,避免頁面的單調:
最后把所有元素放在同一頁面上看看效果,質感還是挺豐富的:
好了,以上就是此次的優(yōu)化思路,我們最后來看下修改前后對比:
以上就是這份PPT的設計制作思路了,怎么樣?還不錯吧。
·
原標題:我?guī)椭瘖y品公司,做了一份PPT!動態(tài)封面美到窒息...
]]>