如何使用 Figma 創建令人驚嘆的簡報

開始演示的方法有很多,但 Figma 是一款被低估的應用程式。 Figma 的原型設計功能提供了多種可自訂的過渡效果。你不僅可以用展示的過渡效果驚艷觀眾,還可以整合插件來增添更多樂趣,保持觀眾的參與度,讓你對自己的技能充滿信心。

Figma 是最受歡迎且功能強大的現代應用程式之一,可用於建立設計並與團隊分享。您可以利用它提供的眾多選項來創建精美的簡報。查看 滿足不同需求的頂級 Google 幻燈片替代品.

我們將向您展示如何使用 Figma 開始出色的演示;只需按照本指南操作即可。

1. 設定第一個演示框架

打開 菲格瑪 點選“新建設計檔”。點擊「框架」工具 (F) 繪製您自己的框架,或在右側選擇之前建立的框架,使用 簡報 -> 投影片 16:9您可以建立主表單以節省時間。

雙擊左上角的藍色標題即可重新命名框架。然後,您可以設定背景顏色;不過,您也可以隨時透過突出顯示所有框架並更改填滿顏色來變更背景顏色。

2. 新增標題文本

使用文字工具 (T) 輸入標題。使用單獨的文字方塊插入單獨的行,每行只能包含一到兩個單字。在右側的“文字”選單中設定文字首選項。 Figma 使用 Google 字體,因此您可能需要了解相關資訊。 最佳 Google 字體組合.

3. 新增圖片

您可以使用庫存圖片,也可以自行選擇。若要新增圖片,請使用矩形工具 (R) 繪製一個矩形。您的圖片將根據此形狀添加。

點擊矩形,轉到“填充”,然後點擊彩色正方形。然後點擊 實體 -> 影像 -> 選擇影像找到您的圖像並單擊。 打開將滑鼠懸停在圖片上,會看到四個白色圓圈。點擊並向內拖曳一個圓圈,即可將圖片的角落變圓。

排列圖層,使圖像位於底層,文字位於頂層。您可以在「圖層」面板中拖曳圖層,也可以使用 Cmd / Ctrl + [ 要將圖層傳回或 Cmd / Ctrl +] 將圖層顯示在最前面。

4. 創建第一個過渡

第一個過渡將打開圖像並允許標題文字滑入框架。首先,選擇第一個框架並按下 指令/Ctrl + D 將其加倍。

在左側框架中,透過將 H 框中的高度屬性減小到約 150 來縮小影像尺寸,為影像留下一個水平缺口。選取框架中的兩張圖片,然後按一下 選項 + V (蘋果機)或 Alt+V (Windows)。

若要完成影像轉換,請選擇左側影像。然後在右側選單中,將不透明度變更為 0% 路過 之內 班級這將使圖像在滾動和打開之前不可見。

按一下第一個文字方塊並按住 鍵。 轉移開始拖曳,然後按住空白鍵並繼續將文字拖出框架。文字一旦超出框架,就會消失。如果不按住空白鍵,此過渡效果將無法運作;但如果在拖曳前按住空白鍵,則只會移動框架。

對第二個及後續的文字方塊重複此操作,但將它們稍微向左拖動,以增加過渡效果的變化。保持文字處於選取狀態,將圖層的不透明度降低至 0%,就像先前對影像所做的操作一樣。

要設定過渡,請前往 原型選擇左側框架,然後點擊右側中間出現的藍色圓圈。拖曳它,使線條移動到第二個框架。

在顯示「即時搜尋」的下拉式選單中,選擇 智慧動畫然後,將“計時器”框更改為 1000 毫秒。這將設定您的過渡效果在滑鼠點擊後持續一秒鐘。其他設定應保留預設值。設定過渡效果後,請確保不要重命名訊框標題,否則檔案將無法連線。

點選「播放」按鈕測試過渡效果。返回“設計”頁面繼續設計簡報。

5. 增加更多投影片

若要從投影片 1 移至投影片 2,請複製最右側的投影片 (Cmd/Ctrl+D)。在新的框架(投影片 2)中,使用先前的方法將文字方塊移出框架 (Shift + 拖曳 開始拖曳後按下空白鍵。將一個文字方塊移到框架左側,另一個文字方塊移到框架右側。將兩個文字方塊的不透明度都設為 0%。

對於圖片,調整其大小並將其稍微偏離中心,然後將不透明度設為 0%。這樣就能有效地為第二張投影片提供一塊空白畫布。您可以在上一張投影片中不可見的素材上新增內容。

將一張大照片放在相框中央。要在照片頂部添加一些裝飾,請使用 Figma 插件 對於 GIF 檔案或下載 GIF貼紙 從 Giphy 中將其拖曳到圖片上方。選擇主圖片和所有 GIF,然後將它們分組在一起(指令/Ctrl + G),這樣可以確保智慧動畫正常運作。

選擇群組並複製它(指令/Ctrl + C)。然後將其貼到幻燈片框架1上(指令/Ctrl + V)。縮小其尺寸並將不透明度設為 0%。然後將此圖層移到後面(Cmd / Ctrl + [)。這可確保順利過渡到下一張投影片。

進入原型。選擇投影片 2,點擊藍色圓圈將其拖曳到投影片 3。 Figma 預設使用原型選單中先前的設置,因此所有設定都應根據先前的過渡進行設定。返回設計頁面。

複製最後一張投影片(指令/Ctrl + D)。這張投影片將使用與上一張相同的圖像,但我們會將其縮放到框架的一側。按住 鍵的同時拖曳影像,將其移至框架的左側。 轉移將滑鼠懸停在圖像的右邊緣上,直到出現相反的箭頭,點擊並將圖像的右邊緣向左拖動,直到滿意為止。

回到原型,將兩個框架連接起來。然後返回設計。檢查 所有設計師都應該使用的最佳 Anima 功能.

在調整大小後的圖片右側添加標題和正文,並將它們組合在一起。複製文字群組並將其貼上到上一張投影片上。像之前一樣,點擊並拖曳文字群組到框架右側。

6. 新增模型

若要建立模型,請參閱我們的指南: 創建模型 使用 Figma 插件,新增一個框架並將模型貼到上面。調整模型大小以適應框架。

複製模板並將其貼到上一個框架中。調整其大小以適合影像,然後將其移至圖層底部,並將不透明度設為 0%。您可以將框架連結到原始模板。

7.新增標籤

複製模型框架。添加標題和描述來解釋模型的各個部分。將文字分組並標記。接下來,您可以為項目符號和線條建立一個玻璃指示器。將一條線與一個圓圈分組。將指示器與其描述的內容對齊,並在其旁邊添加描述。您可以將模型中的框架連結起來。

複製該框架並添加另一個指標來描述它。你需要將框架連結回原始模式。為每個指標複製一個框架,以便每個指標可以獨立移動。

8.結束演示

重複上一張投影片。輸入一兩個單字並將其居中。將文字複製並貼上到上一張投影片。

點擊縮小文字大小 K 調整大小時-文字縮小時,保留其格式。將文字放置在模板頂部附近,並將圖層置於圖像下方。將不透明度設為 0%。返回上一張投影片。

使用拖曳方法將所有其他物件移出框架。移動會將所有物件移到兩側和上方,而文字則會從頂部向下移動並展開。您需要在原型中連結幻燈片。

9.分享簡報

您可以在任何地方登入 Figma 帳戶存取您的演示文稿,也可以將 URL 分享給他人,以便他們隨時隨地查看。若要使用過渡效果呈現最終演示文稿,請點選「播放」按鈕,然後以全螢幕模式開始簡報。

你也可以將影格儲存為 PDF 文件,不過動畫轉場會遺失。查看 非同步視訊或音訊會議的最佳應用.

使用 Figma 提升你的簡報

這款簡報不僅簡潔明了,不會讓觀眾感到困惑,而且過渡效果專業清晰。無論您的職位是什麼,無需 UI/UX 專家也能輕鬆使用 Figma,讓您的簡報更上一層樓。自信地進行演示,您一定會被各種問題所困擾,想知道如何讓您的簡報脫穎而出。現在就可以查看。 Prezi 的頂級功能,協助您建立增值簡報.

轉到頂部按鈕