tft每日頭條

 > 圖文

 > ppt科技風幾何線條

ppt科技風幾何線條

圖文 更新时间:2024-12-21 18:04:02

今天和大家分享一個事情 PPT 頁面設計很常見,但又經常被我們忽略的設計元素:線條

如果大家現在在電腦前,可以打開任意一份 PPT ,我們仔細觀察一下,數一數這一份 PPT 裡面,有多少頁面使用了線條設計?

相信到最後,你會發現線條無處不在。

讓我們一起來看看幾個栗子:

這個頁面,使用了黑色粗線框,很搶眼,頁面很有設計感。

ppt科技風幾何線條(僅用一根線條就能設計出高級感的PPT)1

除了方形,圓形也是很常用的。

ppt科技風幾何線條(僅用一根線條就能設計出高級感的PPT)2

還有我們熟悉的三角形,案例中間做了一個「截斷」的效果,匹配上文字,不連續的線框讓頁面更有設計感。

ppt科技風幾何線條(僅用一根線條就能設計出高級感的PPT)3

還有這種開放式的線框效果,一個「消失」一半的線框,畫面也十分好看對不對!想象一下,如果沒有了線框,效果就大打折扣了!

ppt科技風幾何線條(僅用一根線條就能設計出高級感的PPT)4

看完這幾個栗子,大家應該都可以感受到線條的魅力了吧,繼續往下看,一起來了解到底線條有什麼作用?PPT 裡面怎麼才能用好線條!

ppt科技風幾何線條(僅用一根線條就能設計出高級感的PPT)5

小線條大作用

⭐區分

一頁 PPT 中有很多信息内容,線條可以用來給内容做分層,讓讀者獲取信息更方便。

内容分層怎麼做呢,主要是以下三種情況。

❶ 區分标題與說明信息

PPT 封面頁中少不了标題、副标題、補充說明信息等内容,我們可以借助直線,讓内容在視覺效果上有區分。

ppt科技風幾何線條(僅用一根線條就能設計出高級感的PPT)6

如果沒有,會怎樣呢?

看下案例圖片,是不是感覺不對勁?「秋葉 PPT」的位置略略有點尴尬。

ppt科技風幾何線條(僅用一根線條就能設計出高級感的PPT)7

❷ 區分标題與正文

當線條應用在 PPT 内容頁面中,可以區分标題和文本内容。

比如改造前的這一頁 PPT,沒有線條,隻有一堆文字。

ppt科技風幾何線條(僅用一根線條就能設計出高級感的PPT)8

當我們添加了線條,标題與文本有了明顯的區分,讀者的視覺體驗更舒适了。

ppt科技風幾何線條(僅用一根線條就能設計出高級感的PPT)9

還有這個頁面中,線條不但區分了不同層級之間的信息,還巧妙地處理了文本之間的過渡。

ppt科技風幾何線條(僅用一根線條就能設計出高級感的PPT)10

❸ 區分不同含義的内容

當 PPT 頁面中有并列的文本内容,更加需要線條的區分。

這個案例中,「點」、「線」、「面」的内容很多,如果隻是單純地擺放在一起,總體效果就是:字太多,讓人根本不想看下去。

ppt科技風幾何線條(僅用一根線條就能設計出高級感的PPT)11

有了線條加持的頁面,前後對比一下,内容呈現是不是更加清晰了呢?

ppt科技風幾何線條(僅用一根線條就能設計出高級感的PPT)12

⭐聚焦

我們來看下這個案例,人物介紹圖片和文本的内容分散, 頁面的空白處太多,看起來有點散亂。

ppt科技風幾何線條(僅用一根線條就能設計出高級感的PPT)13

我們試一下用線框把文本内容「框」住,讀者的視覺瞬間就能聚焦在人物介紹上

ppt科技風幾何線條(僅用一根線條就能設計出高級感的PPT)14

除了線框,簡單的線條也可以将讀者的視覺牢牢地聚焦在文本上。所以線條的使用沒有标準答案,靈活地根據内容和版面的情況調整即可。

ppt科技風幾何線條(僅用一根線條就能設計出高級感的PPT)15

⭐引導

線條還有一個非常重要的作用,能引導讀者的視覺上的起落點,從哪裡開始,到哪裡結束,給安排得明明白白的,我們來看一個案例。

一般看到路線圖,大家都習慣地跟着頁面上的起始點,順着線條的方向閱讀,這就是線條的引導力。

ppt科技風幾何線條(僅用一根線條就能設計出高級感的PPT)16

當線條發生變化,路線圖拐了彎,大家也會自然而然地跟着「走」。

ppt科技風幾何線條(僅用一根線條就能設計出高級感的PPT)17

所以當我們想要在 PPT 頁面上做視覺引導,可以善用線條哦。

⭐注解

這個技巧通常應用在産品介紹中,可以在需要解釋的部分,拉出線條,然後補充文字說明。

比如這款跑鞋的功能介紹,就很好地應用了線條注解這個功能,通過線條把注解位置和描述文字連接起來,方便大家了解這款跑鞋的特點。

ppt科技風幾何線條(僅用一根線條就能設計出高級感的PPT)18

⭐裝飾

線條還能有什麼壞心眼呢?它隻是一個平平無奇的「裝飾高手」。

這個 PPT 頁面中,線條對内容沒有什麼實質的影響,但是對畫面的設計來說,就是畫龍點睛的一筆。

ppt科技風幾何線條(僅用一根線條就能設計出高級感的PPT)19

當頁面内容較少的時候,加入一些線條修飾,會有不一樣的驚喜。

ppt科技風幾何線條(僅用一根線條就能設計出高級感的PPT)20

還有在手機的應用程序中,Banner 的海報也經常使用線條的元素,比如網易雲課堂的這份物料海報,就是用漸變的線條來修飾畫面。

ppt科技風幾何線條(僅用一根線條就能設計出高級感的PPT)21

ppt科技風幾何線條(僅用一根線條就能設計出高級感的PPT)22

如何優雅地使用線條?

既然線條作用那麼大,我們怎麼設計,放頁面哪裡,怎樣用起來呢?

接下來通過三個案例,手把手教學,一起 get 線條的使用技巧!

⭐案例一

ppt科技風幾何線條(僅用一根線條就能設計出高級感的PPT)23

一眼看去,除了線框還是線框,這是線框的無效使用效果,完全無法突出文字部分的内容。

解決辦法很簡單,按照這兩步操作就夠了:

❶ 首先拿一個色塊疊加在線框上,然後選中色塊,右鍵單擊選擇【設置形狀格式】——選擇【幻燈片背景填充】;

ppt科技風幾何線條(僅用一根線條就能設計出高級感的PPT)24

❷ 這樣線框就有一種被截斷的效果,再把文字擺放好,這改造效果真的非常棒!

ppt科技風幾何線條(僅用一根線條就能設計出高級感的PPT)25

⭐案例二

首先來品一品這一頁 PPT,頁面内容有「THE END」、「膠卷時代」,想要傳達的内容就是膠卷時代的結束,頁面的設計比較簡單,簡單的文字加上圖片。

如何借助線框來升級呢?看我的:

ppt科技風幾何線條(僅用一根線條就能設計出高級感的PPT)26

用一個線框「困住」膠卷,傳達出膠卷被困,無法跟上時代的步伐,發展止步于此,無疑能很好地傳達出「固步自封」的信息。

具體怎麼操作呢?

❶ 首先把這頁 PPT 的背景填充為圖片,接着把文字和線框的位置擺放好;

ppt科技風幾何線條(僅用一根線條就能設計出高級感的PPT)27

❷ 然後再插入幾個小色塊,遮住膠卷被線框擋住的部位,最後設置色塊填充色為【幻燈片背景填充】就可以了!

ppt科技風幾何線條(僅用一根線條就能設計出高級感的PPT)28

⭐案例三

來看第三個案例,簡單的文字加背景圖片,看起來普通極了,毫無特色,對吧!

但是隻要稍加修改修改,立馬可以變得高端大氣上檔次了呢!

其中的奧妙就是由線條組成的三角形!怎麼做呢?

❶ 首先插入兩個漸變色三角形線框——調整線框大小,一大一小和一前一後,還有線條透明度、粗細;

❷ 借助【iSlide】的【補間動畫】,設置好參數點擊【确定】就 ok 啦;

ppt科技風幾何線條(僅用一根線條就能設計出高級感的PPT)29

設置完畢,三角形立刻營造出了一種立體的感覺,配合文字,畫面的設計感上升了一丢丢,但是由于線條與文字都呈水平狀态,整個頁面看上去還是有些呆闆。

這時候我們可以稍微的變一下,旋轉、跳躍……活力來了!

❸ 全選線框——右鍵單擊選擇【設置形狀格式】——在【效果】-【三維旋轉】中選擇【離軸 1:右】:

ppt科技風幾何線條(僅用一根線條就能設計出高級感的PPT)30

最後把線框放進 PPT 頁面,現在的 PPT 是不是比原本的單純文字加背景圖片高級多了?

ppt科技風幾何線條(僅用一根線條就能設計出高級感的PPT)31

ppt科技風幾何線條(僅用一根線條就能設計出高級感的PPT)32

看完所有的内容,大家是不是被「線條」的魅力折服了呢,一起來回顧一下小線條的大作用:

區分:可以區分标題與說明信息;區分标題與正文内容;區分不同含義的内容。

聚焦:讓 PPT 内容聚合起來。

引導:引導讀者視線。

注解:解釋部分區域内容。

裝飾:提升 PPT 頁面設計感。

線條就是這麼神奇好用,大家快點練起來,讓「線條」在你的 PPT 中釋放魅力吧!

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关圖文资讯推荐

热门圖文资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved