視覺呈現

最實用的 3 種簡報設計(含簡報排版技巧)

簡報排版技巧

簡報設計是一門學問,必須同時融合「創意」與「清晰」,才能有效傳達訊息,打動觀眾並激發共鳴。在現代商業或學術場合中,一場成功的簡報不僅僅是內容的呈現,更是展現個人品牌的大好機會。不過在揮灑創意的同時,也要注意簡報設計是否足夠清楚傳遞資訊!以下 4 個簡報排版技巧,新手一定要注意:

(1) 內容精簡

切勿在同一張幻燈片上放置過多內容,這會使得排版混亂,導致觀眾無法快速理解主要資訊。動畫效果也包含在簡化範圍內,過度使用可能會分散觀眾注意力,請謹慎使用。

(2) 文字夠大

這往往是最容易被忽略的重點,文字不夠大會有閱讀上的困難。簡報製作因距離電腦螢幕較近,不會察覺到正式上台時,底下觀眾距離很遠、影像模糊……等問題。根據個人經驗,最佳大小為:標題字級大於 28pt、內文字級大於 20pt、註解字級大於 16pt。

(3) 視覺一致

缺乏一致的排版風格和格式,會使簡報顯得雜亂無章,也會讓觀眾找不到閱讀起始點。建議在製作簡報前,就先進行設定,避免中途修改。需一致的項目包含:字體、配色、間距……等。

(4) 閱讀引導

這屬於進階一點的技巧,除了基本的「中文橫式閱讀,由左上至右下」、「中文直式閱讀,由右上至左下」之外,更包含了符號引導,例如:箭頭、線段、圖形……等不同方式。如果不擅長使用,建議直接套用軟體本身提供的版型範本即可。

簡報設計 3 種類型

簡報設計是由「資訊內容」與「編輯排版」所組成,藉由兩者的組合變化,創造出具創意度,又不失清晰度的簡報。根據各種需求,大致歸納出 3 大基礎簡報排版技巧,分別是:「通用型簡報設計」、「變化型簡報設計」、「重點型簡報設計」。

(1) 通用型簡報設計

通用型簡報設計的主要特色就是「統一標題格式與位置」,這種簡報排版技巧具有非常大的適應性,可以融入各種資訊內容中,同時也可順利幫助新手達到視覺統一的效果,這也是大多數人接觸簡報時,最常使用的一種。

不過這樣的排版方式,容易產生單調枯燥的感受(作品 A),因此許多人在設計時,會將標題字級放大(作品 B),或是使用搶眼的配色(作品 C),來強化視覺感官。

(A) 作品來源:ysh1234

(B) 作品來源:Louis Twelve

(C) 作品來源:Dennis Pasyuk

(2) 變化型簡報設計

變化型簡報設計的主要特色就是「標題格式固定,位置變動」,這種簡報排版技巧可以創造出很多變化,其中包含:標題與內文綁定移動(作品 D)、標題與內文分開移動(作品 E)(作品 F)。

不過此排版方式,不易使用於資訊圖表較多的簡報內容。另外也非常吃閱讀引導技術,沒有足夠經驗的話,容易造成觀眾在閱讀上的困難,對於剛接觸這種方式的新手,一定要注意視覺統一規範,且建議從綁定移動的編排開始(作品 D)。

(D) 作品來源:Yu-Cheng Chou

(E) 作品來源:Yumiko Selvador

(F) 作品來源:Annisha Firdausy

(3) 重點型簡報設計

重點型簡報設計最為人熟知的就是 Steve Jobs 在 IPhone 發表會上呈現的簡報,主要特色就是「大字配大圖」,同時滿足 4 大簡報排版技巧(內容精簡、文字夠大、視覺一致、閱讀引導),讓觀眾聚焦在單一重點上。

看似完美的簡報設計,其實存在重大致命傷:就是它非常挑發表場合。這種形式的簡報只會出現在演講或分享會,因為台下的觀眾不需要跟你做會後討論,所以可以省略很多資訊內容以及前因後果。不建議一般人使用,否則會招來主管或老師的不滿。

圖片來源:Wccftech

持續精進簡報設計

雖然只分享 3 種簡報設計,不過這些都是基礎樣式,還是有非常多進階款簡報設計可以嘗試,只要我們遵照簡報排版技巧規範,依然能創造出頗具個人特色的簡報。


本文作者:白日夢專科 Daydreamaster

延伸閱讀:免費排版工具推薦!排版設計輕鬆上手

責任編輯:BFA 簡報 編輯部





Pantone 2024 年度代表色:Peach Fuzz 在簡報設計中的應用

Pantone 每年年末會選出的隔年年度代表色,不僅引領著時尚和設計界的潮流,也為企業和專業人士提供了一種新的視覺語言。

2024 年,Pantone 選出了「Peach Fuzz」作為年度色,Pantone 表示 Peach Fuzz,這個溫暖、舒適的蜜桃色調,不僅代表著心靈的豐富和柔和,還帶來了一種溫暖而親切的感覺。在簡報設計中,這種色調能夠傳遞出關心與分享的訊息,營造出一種安靜、舒適的氛圍。


接下來,用三個實際案例來看看 2024 年 Pantone 年度色 「Peach Fuzz 」在簡報設計中的應用

簡報背景

作為簡報的背景,Peach Fuzz 可以提供一種清新且舒緩的視覺感受。它適合用於需要強調輕鬆、合作和人文關懷的主題。例如,在介紹健康、心理、團隊協作或社會責任等領域的簡報中,這種色調能夠有效地提升觀眾的情感連接。

資訊圖表

在圖表和資訊圖形中使用 Peach Fuzz,可以讓數據圖表更加有親和力。這種柔和的色調有助於減輕數據密集型的視覺壓力,使信息傳達更為溫和、易於接受。

Before

After

標題內文

Peach Fuzz 也適合用於簡報的標題及內文。它可以作為強調或突出重要內容的顏色,它溫暖、柔和的色調不僅能夠強調和突出重要內容,還能減少視覺壓力,為觀看者提供一種輕鬆愉悅的視覺體驗,使得簡報更加吸引人且易於閱讀。

Peach Fuzz 不僅是一種色彩,也是一種情感及溫暖的傳達。在簡報設計中巧妙地運用這種色調,可以幫助傳達更加溫暖親切和富有感染力的信息。今年度可以好好透過這種色彩的應用,讓您的簡報將能夠更有效地與觀眾產生共鳴,傳達出你想要表達的核心價值。



本文作者:BFA 簡報 編輯部


運用單色配色與對比,輕鬆強調簡報中複雜圖表的重點訊息!實例優化詳解

圖表的呈現在簡報中往往是一個重要的環節,而強調圖表中的重點更是時常會遇到的情境,但大多數人愈想要強調圖表重點,反而讓觀眾愈不容易抓到重點。

前陣子我在臺大公衛所演講時,就遇到一個很經典的案例,臺上老師秀出一個學生簡報上呈現了一個這樣的圖表:

這是一個很典型的科學圖表,在這張圖表中相信只要你仔細看還是可以猜到這張圖表是想要強調 APS 與 BLIP 同時出現的階段是極度危險期,而這樣的呈現方式是很常見卻不夠直觀的呈現方式。

我認為這張圖表有幾個問題:
.用紅色虛線框強調重點區域效果不彰
.過多的色塊與框線相互競爭視覺注意力
.文字的層級差異不夠明顯

因為以上的問題導致觀眾在看這張圖表時,無法聚焦在它想強調的重點區域。

於是當時我就現場示範應該如何優化調整這張圖表:
STEP 1 將強調效果不彰的紅色虛線框移除

STEP 2 將軸線文字的色塊移除,並強化軸線上的文字

可以發現軸線文字色塊移除後,圖表變得比較清爽,同時將軸線上的文字適當地加粗加大,可以不失分量地清楚傳達軸線上的意義。由於橫軸是有時間變化的意含,所以將區分不同階段的藍色虛線延伸至橫軸下方,發揮區別的作用。


STEP 3 用單色配色原則替代數值原本色彩

不同濃淡的同色系色彩

在調整數值顏色後,我們可以發現將不是重點的 BS 與 Psychosis 數值改成不同濃度的灰色之後,能夠讓觀眾的視覺停留在有顏色的 APS 與 BLIP 數值上,而這兩個數值我運用不同濃度的橘色來呈現,可以避免彼此顏色過度競爭但又可恰好區別彼此,並且降低配色不佳的風險。

STEP 4 將上方的階段色塊濃度調淡並去除中層不必要的框線

將上方的階段色塊濃度調淡之後,我們可以更專注的聚焦 APS 與 BLIP 數值表現上,同時中層的框線移除後,整個圖表變得更加清爽,但又不影響原本的訊息判讀。

STEP 5 將 Ultra high risk 文字下移,並利用底色及陰影做出對比

透過將 Ultra high risk 區域加入底色之後,可以更明顯地被觀眾所注意,至於文字的陰影加不加影響不會太大,這邊只是想更強調,所以加上了陰影。其實到這個階段,已經可以說是優化到 90%,一般論文圖表能重製成這樣也很有誠意了,如果你想要更突顯,讓觀眾一秒內就聚焦在圖表重點,你就需要做完以下最後一步。

STEP 6 利用圖片遮罩的技巧,充分突顯重點區域

利用簡報中的圖片遮罩技巧,可以將非重點區域的色彩飽合度降到0,只留下重點區域的色彩,這樣一來就可以讓觀眾一眼聚焦在你想說明的區域,觀眾也不會被圖表中的其他訊息干擾。

我們來對照一下圖表優化前後的差異:

優化前

優化後

相信大家即使不是這個科學背景領域的人,在看到優化後的圖表依然可以很快速直覺的指出重點區域在哪裡。

一個好的圖表就是要站在觀眾的角度,去設想什麼樣的方式可以讓閱讀者不費力地捕捉到圖表中要傳達的重點訊息 。

希望透過這個實際案例的說明,可以讓大家更理解圖表資訊呈現上的訣竅,我們也可以發現一個好的簡報設計視覺呈現不一定要有很多繁複的變化,能夠準確有效傳達訊息才是最重要的事情。



本文作者:黃祺浩

本文出自:運用單色配色與對比,輕鬆強調簡報中複雜圖表的重點訊息!實例優化詳解

責任編輯:BFA 簡報 編輯部


4 個步驟用 Midjourney 產生簡報或部落格的圖庫圖片

用 MidJourney 產生簡報或部落格的圖庫圖片真的太好用了!

用咒語花 30 秒寫一個不但充滿驚喜、而且比在 Unsplash (圖庫) 搜尋關鍵字快上許多。

對於「非視覺設計工作者 (aka 跟設計工作無關的職業,例如學生、行銷人員、講師…等)」,我想 Stock Photo (圖庫) 是圖片生成 AI 最實用的使用場景。

那麼我們該如何寫 Midjourney 的 Prompt (指令)來產生圖庫的圖呢?

參考 Jimmy 的 Learning Prompt 教學,可以把一句 Prompt 拆成 4 個步驟來寫。

  1. 主體:照片中主要要呈現的人事物,例如一位正在敲打筆記型電腦鍵盤的男人 (A man is typing on a laptop keyboard)

  2. 背景:主體的背後要呈現什麼,例如有 5 本身放在筆記型電腦的旁邊 five books resting beside the computer)

  3. 聚焦:照片畫面要聚焦在哪個區域,例如正在敲打鍵盤的雙手 (focus on the typing hands)

  4. 風格:照片的風格,例如虛化背景、用攝影拍攝 (photo shot by Canon and in bokeh)


完整的指令是

A man is typing on a laptop keyboard,five books resting beside the computer,focus on the typing hands,photo shot by Canon and in bokeh

產生的圖庫圖片如附圖。

只要稍微練習一下,就能依據自己的需求產生任意的圖庫圖片了。

P.S. Midjourney 在近期推出 V5 模型,人類的「6 隻手」問題已經被大幅改善,而且這個模型擅長繪畫照片,非常適合用來產出情境圖的圖庫圖片

P.P.S. Midjourney 要改變圖片的細節很簡單,例如「把打電腦的手換成穿西裝的手」,只要改成 A man in suit and wearing a watch is typing on a laptop keyboard 即可





本文作者:朱騏

本文出自:4 個步驟用 Midjourney 產生簡報或部落格的圖庫圖片

責任編輯:BFA 簡報 編輯部






AI 畫質修復工具:重塑素材品質的關鍵

在當今數位時代,圖片素材的畫質在製作簡報或創作時都扮演著至關重要的角色,會直接影響作品的品質和效果。然而,我們常常面臨到的挑戰之一,就是低畫質素材帶來的限制。在這樣的情況下,AI 畫質修復工具成為了解決問題的最佳選擇。這個工具具備改變影像品質的強大功能,透過 AI 演算技術將低從低解析度轉化為清晰且高解析度的可用素材。


接下來,只需要透過簡單四步驟,就能快速提升圖片素材的畫質!


 I LOVE IMG - 提升圖片質量功能

STEP 1 : 無需登陸註冊,直接點擊選擇多張圖片按鍵上傳圖片




STEP 2. 左側可以查看效果,右側可以選擇圖片尺寸



STEP 3. 確認效果及尺寸後,點擊右下角提升質量按鍵

STEP 4. 最後,點選按鍵下載已提高質量的圖片

AI 畫質修復工具將成為眾多專業經理人和創作者的得力工具,為我們帶來一個更加振奮人心的創作時代。在製作簡報、影像或設計作品時,這項工具將持續加速我們對影像處理的流程,為工作和創作帶來更多可能性和便利性。

本文作者:BFA 簡報 編輯部

Keynote 教學:一秒立即幫圖片去背

圖片處理是日常生活中常見的一個需求。無論是在社交媒體上分享照片、製作宣傳海報,還是在簡報中使用圖片,我們常常需要將圖片的背景去除,來達到好的效果。而對於那些經常使用 Keynote 進行簡報的人來說,如何快速地去背是一個非常實用的技巧。接下來,只需四個步驟,就可以讓你在 Keynote 中一秒幫圖片去背,讓您的簡報更加精彩吸睛!

Step 1 :將圖片導入 Keynote

Step 2:點擊圖片,選擇右側「格式」選項進入圖片編輯模式 在您插入圖片後,點擊該圖片,然後在上方工具列中選擇「格式」。進入圖片的編輯模式,並呈現出多個編輯選項。

Step 3:點擊「移除背景」功能 在圖片編輯模式中,您會看到一個名為「移除背景」的選項。點擊這個選項,您會發現圖片的背景自動變成了半透明的,主體本身則突顯出來了。而除了軟體自動辨識之外,也可以透過滑鼠選擇想要去除的顏色區塊,來提升準確度。

Step 4:完成去背,保存並確認更改。當您調整完去背的準確度後,點擊下方的「完成」按鈕,就完成了整個去背的過程。接著,您可以選擇保存這個圖片的更改,或者直接應用到您的簡報中。

Keynote 作為一個強大的簡報工具,提供許多實用的功能,其中包括快速去背圖片。這個功能讓使用者在一秒內就能去除圖片的背景,製作出更專業、更吸引人的簡報效果。無論是在工作中需要製作簡報,還是在日常生活中愛好攝影,這個技巧都很有幫助。現在開始使用去背功能,提升 Keynote 簡報力!

本文作者:BFA 簡報 編輯部

Adobe Firefly AI 生成填充功能強勢登場,為 Photoshop 帶來全新設計體驗

Adobe 近期推出 Photoshop 中的生成填充 (Generative Fill),將 Adobe Firefly 生成 AI 的功能直接引入 Photoshop 設計工作流程中。

「生成填充」是世界首創設計工作流程 AI 設計小助手,只需在 Photoshop 中先選取想變更的範圍,接著點選生成填色按鈕並輸入指令,該工具就將根據您的指令,自動填充內容到所選區域,甚至可以自動對照現有圖像的光影為圖片進行調整,輕鬆擴展或刪除圖像內容,這一功能的出現大大簡化了後期處理流程,節省了時間和精力,同時提升作品可能性及多元性。

使用這一功能非常簡單。只需在 Photoshop 中先選取想變更的範圍,接著點選生成填色按鈕並輸入指令,軟體將根據您的指令自動填充內容到所選區域,且提供多種選擇。這一功能的出現大大簡化了後期處理流程,節省了時間和精力,同時提升作品可能性及多元性。

接下來用四步驟帶您快速體驗 AI 生成填充的強大!

Step 1. Photoshop (Beta) 下載

想試玩 PS 內建的 AI 功能,得先有正式版 Photoshop 的帳號

你可以點選超連結前往 Adobe 官網下載 Photoshop (Beta)

Step 2. 選取圖片變更範圍

使用任何 Photoshop 中的選取工具,在影像中選取想要的物件或區域周圍。

Step 3. 點選「生成填色」,並新增文字提示

在顯示出的相關工作列中,選取「生成填色」按鈕。

相關工作列中會出現文字輸入提示方塊,您可在此以英文 (僅限英文) 描述要在影像中產生的物件或場景,也可以選擇留白。若您留白,Photoshop 會根據周遭內容填滿選取範圍。

建議在指令中使用描述性名詞和描述性,而非「填滿區域」或「建立場景」等指示性提示。

Step 4. 產生變化版本

完成文字提示後,在相關工作列中按一下「產生」。

  • 您可以在使用的「屬性」面板和「生成填色」對話方塊中,查看根據文字提示所產生之變化版本的縮圖預覽。

  • 圖層」面板中已建立新的「生成圖層」。您可隨時選取此圖層以叫出「屬性」面板,以顯示文字提示、遮色片和變化版本。如此您可以用盡無數的創意可能性,並在需要時反轉效果,而不會影響您的原始影像。

Photoshop Beta 是 Adobe 第一個整合 AI 的測試產品,它與 Firefly 及 AI 功能深度結合,將改變眾多使用 Adobe 產品用戶的工作模式,我們也可以期待未來熟悉的 Adobe 工具會如何讓 AI 幫助我們加快工作流程。




本文作者:BFA 簡報 編輯部





Adobe Lightroom 全新 AI 降噪功能為使用者帶來更優質的後期製作體驗

Adobe 在最新版本中推出了 AI 相關功能,其中 Lightroom 的 AI 降噪功能為使用者帶來了更優質的後期處理體驗。在攝影中,噪點是常見問題之一,特別是在高 ISO 條件下或拍攝夜景時,過多的噪點會影響照片的品質導致失去清晰度和細膩度。然而,有了這項新功能,使用者可以輕鬆消除這些噪點,展現出更加有質感的作品。

AI 降噪功能利用人工智慧來辨識和處理噪點。不僅能有效減少噪點數量,還能保留圖像細節,可以在不損失照片品質的前提下獲得更清晰、更細膩的作品。

使用這一功能非常簡單,只需在 Lightroom 的降噪選項中選擇 AI 降噪,軟體將自動根據照片的特點和噪點程度進行處理。還可以根據使用者需求進行微調,以獲得最佳的降噪效果。這一功能的出現大大簡化了後期處理流程,節省使用者時間和精力。

雜訊減少選項可以在 Lightroom 介面右側的「細節」選單裡點選

點選雜訊減少選項後跳出的預覽視窗可以進行個人化微調

Adobe Lightroom 的新 AI 降噪功能為攝影帶來了更多可能性和便利性。隨著技術的不斷進步,我們可以期待未來會有更多類似的創新,同時也意味著 AI 應用的普及將有效提升我們的生活品質。

本文作者:BFA 簡報 編輯部

寫給不是設計師的-漸層配色(上)

寫給不是設計師的-漸層配色(上)

這篇文章並不是一篇教您如何使用工具的文章,也就是說我不會告訴您 Sketch3/ Photoshop/ illustrator 這些工具應該要如何使用。但這篇文章內的範例皆是使用 Sketch3 or Photoshop 所製作完成,如有需要任何的範例圖/成品圖歡迎寄信留言跟我索取,期許您在讀完 (上),(下) 篇後能輕易完成上圖的學習目標。