![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/46478169-8f54-4920-b33b-0b12e416de91.jpg)
大疆無人機新品發售,宣傳海報也一如既然地炫酷,那麼這種充滿科技感的海報是怎麼做出來的呢?
除了無人機產品本身的科技感,海報的製作也讓這份科技感的氛圍達到了極致。
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/a62db6a4-2904-4a3a-b44d-6fa64ee92999.jpg)
作為PPT設計師,我本身對於科技風是喜愛的,也製作過不少這種風格的PPT,那麼這篇文章就分享一些科技風PPT頁面的小技巧吧~
相對應的我準備了一些我精心收藏的科技風背景素材,文末有獲取方法哦~
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/40435053-5a7a-4d0c-ad20-ba721437444d.jpg)
1、科技感字體
雖然無人機的宣傳海報中字體很平常,但畫面整體科技風是由於產品本身帶來的,而我們製作這種風格的PPT時,也不會使用這類高科技產品配圖,那麼字體的選擇就尤為重要。
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/859b0a8f-6ce3-4480-b183-782c09ab8ff9.jpg)
借助花瓣,我們可以蒐集到很多優秀作品,從而總結其視覺特徵:
比如大多數深色背景搭配亮色,
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/2a6de204-dcf9-4fb6-a4e7-bc28a216423a.jpg)
又如單色透明度漸變,
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/be69c903-557d-4f8e-9b23-b81cbdf77a48.jpg)
以及使用大量的折線進行修飾,
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/3a16192e-9d49-469a-adfe-183c1cb52089.jpg)
舉個例子,這明顯是一張商務風格的PPT的頁面,如何將其充滿科技感呢?
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/c5d1e2f0-9e5a-408b-a5d9-6fb6228a60dd.jpg)
1,主題色,可以選擇深底搭配藍青漸變。 漸變可以讓頁面更有層次,兩個顏色可以用於內容頁的模塊劃分。
2,引入我們所總結的視覺特徵,如為標題字適當地添加一些折線,從而讓文字機械感更強。
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/ea5268c1-57c9-4909-9362-93989c35ff03.jpg)
接下來進行一些優化,最終是不是科技風強烈了很多?
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/8583231e-59b0-4040-ad02-7ddcb2caa98a.jpg)
還有一個例子,大家繼續往下看:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/024dbbc8-ac23-48c9-9c29-32cc7c952d65.jpg)
這種頁面更像進行工作匯報
這是一張封面,先處理標題,可以使用站酷酷黑,這款字體筆劃上的尖角設計感很強。但字形太扁。
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/e621c521-4c06-4934-a491-7c8994830193.jpg)
這點不足完全可以藉助PPT本身的文本效果進行處理
接下來可以使用顏色大小進行突出和強調:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/9d823d36-15f8-4355-995b-93f0439ad7a9.jpg)
其實這裡還可以對文字進一步優化,
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/8c4af616-f7c4-408a-b665-3cfeee7130dd.jpg)
最後加上背景:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/bfae1154-ed69-4774-9da5-b6e5f6a8be48.jpg)
2、科技感素材
除了字體和背景的處理,還有一點和是否營造出科技感牢牢相關,那就是科技感素材的處理和使用。
在製作科技類PPT時,我們會用漸變圓形模擬發光效果,進而增強頁面的視覺效果:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/e1e4a958-987c-42a2-a092-684dcca59041.jpg)
那這是怎麼製作的呢?其實很簡單,直接對圓形設置中心漸變即可
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/9191bf3b-377f-4105-86a3-290b12c63cd1.jpg)
可以看看對比效果:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/b517c2c5-5cd7-4382-b00d-3315a41314cc.jpg)
這個方法可以舉一反三,矩形、三角形、甚至更複雜的圖形進行不同漸變的調整:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/627c571e-faa6-4ede-895a-715992178836.jpg)
最後把形狀設置為幻燈片背景填充,再把做好的科技素材放到具體的頁面中看一下效果:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/99288e5c-10a3-4c73-9d52-3730e65215de.jpg)
對於 PPT 中基本形狀中,除了大家使用頻率最多的就是矩形、圓形以及圓角矩形:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/2c5d9d37-7ebe-4211-b2da-5086a52bb816.jpg)
其實,在 PPT 預設中,還有其他幾個非常好用的形狀。比如 「矩形:減去對角」:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/c201c340-daeb-4978-aeda-16d223b4ec9f.jpg)
就比較適合用在偏科技感的頁面中:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/0e244d3c-ad84-4903-a47f-3582553da9ba.jpg)
說到這裡,對於色塊形狀組成的科技感素材,在PPT中有很多使用方式~
舉個例子,這是修改前的原稿:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/92896a69-70b6-402d-b515-1668271aa06c.jpg)
確定好版式,並對數字進行處理,
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/f0bb1e9c-e3f4-4560-90cd-cfa7c3787c56.jpg)
利用折線強調小標題,使用漸變菱形構建圖標與標題的聯繫,最後下方的解釋說明性文字,直接使單色漸變圖形承載:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/beed0260-2920-48f1-aaa0-941025e4edba.jpg)
形狀的處理
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/cb1c277b-6e04-4603-8d61-c67dd0b34e4e.jpg)
這是最終的版本了~是不是科技風滿滿?
點擊關注@PPT進化論,回復關鍵詞“科技風”,即可免費獲取我收藏的科技風背景素材!
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/7c3e5c69-80e8-416f-a569-59d25e7acbe1.jpg)
文章為用戶上傳,僅供非商業瀏覽。發布者:Lomu,轉轉請註明出處: https://www.daogebangong.com/zh-Hant/articles/detail/I%20learned%202%20things%20from%20DJIs%20new%20product%20promotion%20posters%20tips%20for%20making%20technologystyle%20PPT.html
评论列表(196条)
测试