你好,我是陳西。
本次我們來講解一個純文字邏輯內頁的PPT實戰定製設計,總之就是很厲害的嗦!
看下視頻教程如下:
點擊觀看本次PPT教程詳細視頻版
手機屏幕太小學習觀看體驗不好,可以發送到電腦端觀看,體驗更好!
接下來我們進行一下文字版教程分析講解。不方便看視頻的可以看下方文字版教程。真是貼心的帥西!
先來看下甲方給到的原始PPT材料。如下:
這個是原始的PPT材料,客戶要求文字內容最好不要刪減,我們就不刪減文字了。
但是,對這一頁內容的理解,邏輯劃分,重點信息的提煉還是要做的。
做好了這一步之後,纔是我們開始進行效果設計的步驟。
我們可以仔細閱讀一下材料,然後劃分層級提煉出文案信息。
如下:
整個內容我們劃分成了三個模塊:標題,同比增長,環比下降。
標題我們考慮放在頁面最上方居中,然後同比增長和環比下降考慮採用左右對比的排版方式。
這樣可以很形象的進行數據的對比展現。
最後還要考慮一下,如何更加形象的表現出同比增長和環比下降的視覺效果,讓人更容易理解和獲取信息。
來看下設計定製後的一個效果。如下:
總體的效果基本完成了我們預期的想法,尤其是同比增長和環比下降的一個視覺化處理,比較好。
接下來我們具體分析一下細節的設計操作。
如下:
首先我們要設置一個線性漸變的矩形蒙版。
調節的是90度的線性漸變,使用的是深色系,整體的配色是考慮了整套定製PPT的一個配色來定的。
具體參數可以參考上圖。
接着需要找到一些紋理圖片,來製作我們整個PPT的一個背景。
如下:
這是我們找到的高質量圖片紋理素材。
結合上我們的漸變蒙版,可以做出PPT背景了。如下:
背景的紋理不用太清楚,隱約能夠看到就行。
接下來進行這一頁大標題部分裝飾形狀的設計製作。如下:
繪製一個長條矩形,注意這裏設置的是矩形漸變效果,然後漸變方向選擇的是從中心。
這種漸變一般不常用,需要多注意一下參數的設置。
除了內部填充是矩形漸變,還需要給這個長條矩形設置一下線條的漸變。
如下:
給這個長條矩形外框設置的是0度的線性漸變,注意滑塊顏色以及透明度的調節就行。
然後我們結合上大標題文案以及一些線條裝飾,排版到PPT背景中。
如下:
這裏給大標題文案調節了一個青色到藍色的線性漸變,難度不大。
接着就是內部文案的一個設計處理。如下:
這個是我們考慮後,設計的一個效果。
重點數據突出,更形象化的表示出了同比增長的這樣一個視覺效果,比較有意思的。
接下來我們看下中間那部分的效果是怎麼設計的。
如下:
我們先挑其中一個橢圓形來講解一下參數的設計。
內部填充設置的是線性漸變,兩個漸變滑塊,相同的顏色,調節的不同透明度。
然後是外部線框的漸變設置。如下:
同樣還是線性漸變,兩個漸變滑塊,顏色也一樣,只不過透明度不一樣。
這樣兩層漸變設置之後,這種形狀的效果就製作好了。
接下來我們再製作一些特別的形狀元素。如下:
由普通箭頭和梯形組成一個自制的特殊箭頭效果。
注意需要使用合併形狀裏的結合,讓這兩個形狀合成一個整體的新的形狀。
接着還需要找一個獨特的形狀。如下:
PPT中基本形狀裏的圓柱體,很少有人發現這個形狀,哈哈哈。
其實用起來很方便的。
然後再繪製一些線條呀,圓環呀一類的形狀。
全部參考之前設置的橢圓形進行漸變的設計,如下:
這樣子疊加排版後,就可以得到我們需要的一個整體元素了。
結合上文案的排版設計,如下:
同理,右側環比下降的設計操作也是如出一轍的。
只不過環比下降我們採用的箭頭是下降的趨勢,同時採用一些餅圖形狀的裝飾元素。
我們補充上右側的文案效果設計,以及整體頁面的一些線條裝飾元素設計。
如下:
整體的一個定製級PPT邏輯內頁就設計好啦。
更加詳細的操作,參數設置,思路分析,技巧都可以看最上方對應的PPT視頻教程,非常詳細哦!
◎PPT源文件下載/代做PPT:查看個人主頁右側簽名關注下載即可
陳西推薦好文: