阿里巴巴出品的這組網(wǎng)頁，是我見過最驚艷的科技風(fēng)設(shè)計(jì)！

時(shí)間：2023-06-04 10:39:02 | 來源：網(wǎng)站運(yùn)營

時(shí)間：2023-06-04 10:39:02 來源：網(wǎng)站運(yùn)營

阿里巴巴出品的這組網(wǎng)頁，是我見過最驚艷的科技風(fēng)設(shè)計(jì)?。嚎萍硷L(fēng)是PPT中一種常見的設(shè)計(jì)風(fēng)格，視覺效果酷炫，也經(jīng)常和“高逼格”、“高大上”劃上等號。




如何制作這種風(fēng)格的PPT？三頓偶然從阿里云的官網(wǎng)上發(fā)現(xiàn)了一大波案例：







這些難道不是現(xiàn)成的科技風(fēng)PPT設(shè)計(jì)嗎？老樣子，我把其中精彩的一部分搬進(jìn)了PPT：







酷炫狂拽的科技風(fēng)PPT到底是怎么做出來的？有哪些好的思路和靈感？和三頓一起來看看吧！

搞定科技風(fēng)PPT，分享這些思路和靈感

字體選用

科技風(fēng)PPT該用什么字體？其實(shí)根據(jù)一切皆可黑體的原則，我們可以直接使用思源黑體。







從效果上看，不管是作為標(biāo)題字體還是作為正文字體，和科技風(fēng)主題的契合度都相當(dāng)不錯(cuò)。







當(dāng)然在標(biāo)題字體的部分，還有很多其他的選擇。我們可以使用一些棱角分明、富有張力的藝術(shù)字體。







三頓三頓，既然是科技風(fēng)主題的PPT，一定和書法字體沒什么關(guān)系了吧。你還別說，書法字體可以作為裝飾元素小范圍的出現(xiàn)。







完全不會和科技風(fēng)的設(shè)計(jì)沖突，效果還真不錯(cuò)。

圖片選用

科技風(fēng)PPT又該選擇什么樣的圖片呢？其實(shí)從前面這些案例看不難發(fā)現(xiàn)，大致有這樣三類圖片：線條、渲染效果以及星球宇宙。




一是線條，不用三頓多說，圖片一放上去就是滿滿的科技感。










二是各種樣機(jī)模型和渲染效果，同樣逼格十足。







可問題又來了，線條和渲染效果雖然很好看，但現(xiàn)成直接可用的圖片卻很難找，怎么辦呢？




其實(shí)，星球、宇宙這類的圖片也完全可以用到科技風(fēng)PPT中：

配色選用

搞定科技風(fēng)PPT，藍(lán)色、黑色以及白色可以說是最最經(jīng)典的搭配。










當(dāng)然好用的配色不止這一組，從阿里云發(fā)現(xiàn)的這組青色、黑色以及白色的搭配也超級亮眼！










黑白兩色基本固定，除此之外還可以選用黃色作為頁面的主色，極富活力。










當(dāng)然頁面的配色也可以更活潑一些，較亮的配色和漸變色都是很好的選擇。

頁面元素

想要做出一份出彩的科技風(fēng)PPT，除了圖片、字體以及配色這些基本元素的處理外，其他元素的選用也特別重要。




在圖標(biāo)的使用上，我們可以選擇一些線條較細(xì)的圖標(biāo)，而配色上也是選擇藍(lán)色、青色以及白色這些前面高頻出現(xiàn)的配色。










配色和效果使用合理，PPT中那些基礎(chǔ)的元素，比如圓形、六邊形以及箭頭，也可以大放異彩。







配合PPT中的立體效果，你甚至可以做出這樣的頁面，







當(dāng)然，做出上面這樣的頁面需要一定的操作水平。如果是PPT小白，也可以去找一些現(xiàn)成的科技風(fēng)矢量素材，來營造科技感。

版式設(shè)計(jì)

看了前面這么多的案例，其實(shí)科技風(fēng)的PPT在版式設(shè)計(jì)上并沒有太多門道，各種版式布局都能使用。




但是三頓在阿里云的官網(wǎng)發(fā)現(xiàn)了一種驚艷到我的版式布局，模塊化布局。







沒想到，把頁面內(nèi)容分成幾個(gè)小塊，再和科技風(fēng)結(jié)合可以這么好看！每個(gè)小塊都可以放置一段內(nèi)容，既清晰又美觀。










三頓之前有詳細(xì)介紹過這種布局，頁面分塊只是一個(gè)思路，“方塊”也可以隱形，比如用增大間距來將內(nèi)容分塊：







也可以用顏色深淺來給頁面分塊，效果滿分！

實(shí)戰(zhàn)案例，回顧科技風(fēng)PPT設(shè)計(jì)

封面頁案例

你Get到科技風(fēng)PPT的制作技巧了嗎？不妨動(dòng)手試試吧！以下面這段內(nèi)容為例，仔細(xì)回想一下前面的內(nèi)容，該如何設(shè)計(jì)？







閱讀判斷，這是一個(gè)封面頁的內(nèi)容。那在前面的案例中，封面頁是如何設(shè)計(jì)的？




無非兩塊內(nèi)容，首先是背景圖片，可以用線條、渲染圖片以及星球宇宙等等。三頓這里就選擇了這樣一張科技風(fēng)十足的樣機(jī)圖片：







其次是添加文字，萬能的思源黑體建議直接登場！







覺得有些單調(diào)？我們可以把字體換成一些富有張力的藝術(shù)字體。







再改個(gè)顏色吧！三頓選擇用代表科技風(fēng)的青色來修改部分文字的顏色。







一選圖片，二改字體，三調(diào)配色，簡單三步你也能搞定這樣的科技風(fēng)封面頁！

內(nèi)容頁案例

分享了那么多，內(nèi)容頁要怎么做就不用三頓多教了吧？還是來個(gè)案例鞏固一下！




以下面這個(gè)案例為例，思考一下，你會怎么修改呢？







我們可以先提煉內(nèi)容，這頁內(nèi)容整體上是一個(gè)總分的關(guān)系，而一共有6個(gè)并列的分點(diǎn)。提煉重點(diǎn)內(nèi)容，三頓做了這樣一個(gè)頁面。







接下來再去思考怎么把它變得科技風(fēng)十足，簡單一點(diǎn)，找一張科技感的圖片作背景，高頻使用的藍(lán)色作為頁面的主色。







復(fù)雜一點(diǎn)，嘗試一下超級好用的模塊化布局吧！三頓這里用黑白兩色作為頁面的主色，用青色的漸變作為每個(gè)小塊的邊框，效果非常不錯(cuò)。







還能怎么改呢？其實(shí)我們完全可以再加上一些科技風(fēng)的元素。算是一個(gè)小作業(yè)，在看完文章之后自己動(dòng)手試試吧！




以上就是這期三頓食堂要給大家分享的完整內(nèi)容啦，搞定科技風(fēng)PPT，這些設(shè)計(jì)一定可以給你參考：