第一名居然是這份淺色PPT?隔壁女同事:愛了愛了


第一名居然是這份淺色PPT?隔壁女同事:愛了愛了

這周我們旁友圈給大家發佈了新的作業——為共享充電寶-街電,設計一份推廣方案PPT!
圈裡的設計高手摩拳擦掌,躍躍欲試,紛紛交上了自己的設計作品,經過層層篩選,大家共同投出 這份淺色的科技PPT!

常見的科技風 PPT ,大都是深色系,淺色類的比較少見,來給大家分享下我的設計思路。

第一名居然是這份淺色PPT?隔壁女同事:愛了愛了

作業原稿給到的頁面類型,是挺常見的,不復雜,就看怎麼把它設計得出彩了:

第一名居然是這份淺色PPT?隔壁女同事:愛了愛了

01.

風格規範

先來確定一下設計的規範,這一步,我們可以參考一下,街電的官網界面風格。整體比較簡潔:

第一名居然是這份淺色PPT?隔壁女同事:愛了愛了

同時,街電作為一個互聯網企業,在風格上,我們可以選擇清新舒適一些的淺色科技風,字體選擇思源黑體,主色調為 Logo 的顏色,基本規範如下:

第一名居然是這份淺色PPT?隔壁女同事:愛了愛了

02.

頁面設計


先來看看封面的設計


在 PPT 設計中,封面通常是比較重要的,後續的頁面,多以封面為主,來統一風格。

第一名居然是這份淺色PPT?隔壁女同事:愛了愛了

因為是關於產品的推廣方案,所以,在封面中,最好可以展示一下街電產品。找了一些街電產品素材,採用左文右圖的版式:

第一名居然是這份淺色PPT?隔壁女同事:愛了愛了

給產品添加一個承載物,這樣,看起來不會過於生硬,於是,繪製了一個波紋擴散型的底座:

第一名居然是這份淺色PPT?隔壁女同事:愛了愛了

同時給產品添加倒影,這樣更顯真實,看起來有質感:

第一名居然是這份淺色PPT?隔壁女同事:愛了愛了

這時,背景還是有些單調乏味的,怎麼豐富一下呢?

第一名居然是這份淺色PPT?隔壁女同事:愛了愛了

把背景調成白青漸變,添加一些漸變圓形,然後,調整一下圓形元素的大小位置,適當調節柔化邊緣的參數,使其看起來更加柔和:

第一名居然是這份淺色PPT?隔壁女同事:愛了愛了

這樣是不是很有空間感?


接下來,看第二頁內容頁

第一名居然是這份淺色PPT?隔壁女同事:愛了愛了

文案內容的層級關係,都比較明瞭,對文本內容進行簡單排版,然後,思考怎麼優化頁面:

第一名居然是這份淺色PPT?隔壁女同事:愛了愛了

因為優勢有4個,我們可以添加數字“4”,這個元素來豐富頁面:

第一名居然是這份淺色PPT?隔壁女同事:愛了愛了

對“4”這個數字進行設計處理,比如用任意多邊形工具,繪製電路折線:

第一名居然是這份淺色PPT?隔壁女同事:愛了愛了

同時,可以在筆畫相交處,添加漸變蒙版,這樣更有層次些:

第一名居然是這份淺色PPT?隔壁女同事:愛了愛了

加入一些擴散型的漸變圓形圖形和線條,適當調節漸變顏色:

第一名居然是這份淺色PPT?隔壁女同事:愛了愛了

並以數字“4”為中心,將產品的4個優勢,分列兩側進行排版:

第一名居然是這份淺色PPT?隔壁女同事:愛了愛了

這樣優化就完成了,除此之外,我們還能怎麼排版呢?

套用旁友圈新推出的『定製級工作型PPT設計靈感手冊』中的版式,我又做了2頁排版。

第一名居然是這份淺色PPT?隔壁女同事:愛了愛了

來自邵大公眾號推文配圖

關注我,回覆關鍵詞【街電】,一鍵獲取PPT源文件。

這是『定製級工作型PPT設計靈感手冊』的4段內容排版樣式:

第一名居然是這份淺色PPT?隔壁女同事:愛了愛了

這是我套用版式後,做出的第二個版本:

第一名居然是這份淺色PPT?隔壁女同事:愛了愛了

第三頁

架構圖頁


這一頁架構圖關係也比較清晰,但原稿中的圓形和箭頭元素就比較普通:

第一名居然是這份淺色PPT?隔壁女同事:愛了愛了

如何進行優化呢?我的想法是,用些更具科技感的幾何圖形進行元素替換。


於是,使用布爾運算功能,我畫出了這樣的幾何圖形,圖形都是圓角的,少了尖銳感,看起來較舒適:

第一名居然是這份淺色PPT?隔壁女同事:愛了愛了

為保持整體風格統一,對圖形進行顏色填充、調節陰影等處理:

第一名居然是這份淺色PPT?隔壁女同事:愛了愛了

增添電量圖標和科技元素代替原稿箭頭,明確一下文案彼此之間的邏輯關係:

第一名居然是這份淺色PPT?隔壁女同事:愛了愛了

文字處理還是比較平淡,可以用相關的圖標和圖形豐富一下:

第一名居然是這份淺色PPT?隔壁女同事:愛了愛了

最後一頁

文字列表頁:

第一名居然是這份淺色PPT?隔壁女同事:愛了愛了

還是先對文案內容進行層級梳理,可以提煉小標題,加入相關圖標:

第一名居然是這份淺色PPT?隔壁女同事:愛了愛了

五段內容頁不太適合對稱類型的排版,我這裡選擇環形圍繞排版,像這樣:

第一名居然是這份淺色PPT?隔壁女同事:愛了愛了

在環繞的中心處,我加入一張產品圖,作為代表街電公司的一個意象:

第一名居然是這份淺色PPT?隔壁女同事:愛了愛了

為了讓產品底部不那麼生硬,使用 OKplus 插件的圖片透明工具,將產品底部透明化處理:

第一名居然是這份淺色PPT?隔壁女同事:愛了愛了

具體的操作步驟是這樣的:

第一名居然是這份淺色PPT?隔壁女同事:愛了愛了

看一下呈現的效果,是不是會柔和一些:

第一名居然是這份淺色PPT?隔壁女同事:愛了愛了

最後,我還用了科技粒子裝飾元素,增加科技感,同時,加上一個漸變扇形,看起來有雷達掃面的效果:

第一名居然是這份淺色PPT?隔壁女同事:愛了愛了

加上動畫看看,很有感覺吧~

第一名居然是這份淺色PPT?隔壁女同事:愛了愛了

到這,全部頁面就設計完成了,前後對比:

第一名居然是這份淺色PPT?隔壁女同事:愛了愛了

好了,今天就先到這裡了,大家覺得怎麼樣呢?

最後,不要忘記領取福利哈~


分享到:


相關文章: