視覺排版

最實用的 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 簡報 編輯部


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 簡報 編輯部






排版技巧:掌握 10 種技巧就可以創造漂亮的排版

排版,在平面設計中占了蠻重要的一環,若沒有好的排版方式就等同跟觀看者沒有正確的對話。這時候排版的層次就顯得很重要了。

我們今天就來談談可以把排版弄得漂亮的 10 個技巧,讓你在做平面設計時,你也可以使用它!


排版是什麼?

它們就像一個交響樂團一樣,小號、大號、重低音等去排列出一首曲子,那麼在平面設計的排版也是一樣,字的粗細、字體、方位都可以形成一張好看的排版了。

平面設計排版有一個很神奇的地方是如果把字放到 A 地方會感覺不好;但如果放到 B 地方就很好。

想起前幾年我去德國旅行的時候,走在路上看到路邊放了一台知名的 Gogoro 電動機車,當時的我覺得那台機車好漂亮,那台的機車配色就很普通的黑色而已。

後來回到台灣,在路上看到許多 Gogoro 電動機車,我竟然沒有感到漂亮,為什麼同一家公司出產、設計款式一樣都平平是一台電動摩托車,為什麼放在德國很好看,但是放在台灣也就還好?

這不是崇洋媚外,只是後來發現到兩件事可以讓這台機車變漂亮:

  1. 城市特色、建築,都有美學在裡面。

  2. 路上好幾輛車,但卻只有一台機車。

話說回來,排版到底是什麼?

一般來說排版層次可以分為三種階級,以一個城市來說。

l   第一級:德國柏林,這是大標題,大部分人都知道這個國家的城市。

l   第二級:建築、地鐵等知名景點,這是副標題,中部分的人大概知道樣子,這些都是可以去 Google 去看就知道了。

l   第三級:我在路邊看到的 Gogoro 機車,這是文字,少部分的人知道這個城市、這個地點、這個時間出現了這台機車,而且它就擺在一個車多、機車少的地方。

所以排版層次的整個總結就是:大標題、副標題、文字,去創造一個排版內容,讓人整體看起來是舒服的。

換句話說,你的編排方式需要運用點線面以達到你在傳遞訊息的起承轉合。

看報紙、雜誌學排版

看了以上你大概知道其實報紙、雜誌就等於我剛剛所說的一種方式,這可以算是一個很基礎可以學習平面排版的方式,一般的報紙中的布局有分為三大類型:標題、中標題、小字的說明。

通常大字體都是讓觀看者第一眼看,所以在那個時候文案就很重要了,接著中標題再來小標題。

如此一來,這樣得觀看順序就可以讓觀眾明確知道這篇報導在講些甚麼、發生了什麼事件等。

這是很基礎的一種排版方式。

如何使排版看起來有質感呢?

過去許多知名平面設計大師都出來說,排版在平面設計中是最基本也是至關重要的一環,幾乎呈現整個作品 80% 的成敗,這點我很認同,它擁有許多奧妙與學問都在裡面。

大小字體

運用比較大型字體創造層次,就像剛剛說的報紙排版部分,如果讓標題變大、字變小的話,這時候層次就出來了。

字體改變

如果運用字體的改變就可以完全改變層次樣貌,比方說,標題用哥德體、副標體用書寫體,如此一來這樣的層次也就出來了。

顏色變換

這就類似像音樂的音色一樣,若是在整個背景上是白色的,想要讓標題一瞬間看到,那麼你可以考慮換顏色,顏色可以融入或者凸顯,這需要有一點色彩知識選擇。

首先第一個看到「I LOVE YOU」接著看到怪奇比莉的全名,再來就是歌詞了。

色塊區分

色塊可以讓整個畫面去區隔,最常看到的就是 CTA (行動呼籲按鈕),它可以讓觀眾知道這是區隔也可以點擊。

這不是真的,請勿當真,這是範例。

細條區隔

有些人不太喜歡利用色塊去區分,他們會去使用線條來區隔事件,就像「A/B/C/D」這樣去區隔,我也會做範例。

加入符號

相信有在做 Word 應該知道,如果你想要做一些不同區分可以加入符號或數字,什麼意思 ?

就像是:你認為周杰倫做了那些歌曲,是你喜歡的?

  • 以父之名

  • 不能說的秘密

  • 威廉古堡

  • 菊花台

或者

  1. 以父之名

  2. 不能說的秘密

  3. 威廉古堡

  4. 菊花台

空白區隔

這個方法比較像是極簡主義者經常使用的方式,他們會利用空白來凸顯 ABCD 的事件區隔。

這就很像訪問者問問題,受訪者經過一些思考後給答案的感覺。

網格編排

瑞士國際主義帶起來的風格,我覺得這種比較注重架構、動線,但認為多少還是有層次的概念在裡面,如果你再搭配上面的字體大小這類的,層次又出來了。

藍線帶表格線

若我把藍線給消失 (下圖),你會發現整體上非常乾淨,又有條理的編排,這也是我剛入門學平面設計很喜歡用的方法。

角度改變

可以利用角度的改變讓字體呈現,但我認為這是在實驗性藝術編排會使用,因為在商業設計裡面,目的是為了要傳達訊息給大眾,不是說不能用,而是需要給大眾可以快速的看過去整個內容在表達什麼。

字體設計

其實這個感覺不算是編排層次在裡面,算是另一個領域。

這個會放這裡的第 10 種原因是,一般專業設計師認為有些字體選來選去都一樣,感覺跳脫不出層次,所以乾脆自己設計文字比較實在,相對的,這其中裡面有深奧的學問在裡面,也耗時間,這需要自己另外學字體設計課。

 

結論

魔鬼藏在細節裡面,如同文章中所說的最基本排版是重要的一環,它幾乎呈現整個作品 80% 的成敗,所以想讓作品好看,在他人看到你的作品第一瞬間很驚艷之前,你要不斷學習如何編排,讓作品說話。

本文作者:Creativemini

本文出自:排版層次如何使用 ? 掌握 10 種技巧就可以變漂亮的排版

責任編輯:BFA 簡報 編輯部


整個空間,都是一場簡報

整個空間,都是一場簡報

參加各種企業會議或現場活動時,我們越來越注重空間中的任何小細節,舉凡大型活動的現場,會議室裡的溫度、燈光、噪音、甚至是洗手間等,只要有一個環節讓參與者無法擁有絕佳的體驗,都會為活動的整體滿意度留下扣分機會。

所以,我們先來談論一個容易讓人所忽略的事 : 活動現場或會議的投影片。

處理資訊過量的三部曲

處理資訊過量的三部曲

一張意境大圖搭配一行金句是演講型簡報的標配,但在實際工作中我們接觸到的都是資訊量龐大的簡報。如何把文字量爆炸的投影片做得好看成為工作者在製作簡報中遇到的最大難關之一。

在這邊先和大家傳遞一個概念:好看的簡報不等於好懂的簡報。工作簡報最主要的目的是傳遞資訊,讓閱讀者可以通過投影片這個工具更加清晰地理解和吸收簡報內容。

所以,把文字量爆炸的投影片做得清楚好懂,才是商務簡報追求的方向。

3 Ways to Achieve Slide Symmetry

3 Ways to Achieve Slide Symmetry

設計投影片是一件很繁雜的事,無論是調整字體還是插入圖片,我們都盡力想提升頁面的美觀度,但最終會發現總是無法像網絡上的模板那樣好看。其實呈現一份清楚的簡報,對齊是很基本的原則。

本文我們將介紹對齊相關的基礎技巧。掌握簡單的投影片元素排列概念便能很快地增強視覺上的和諧。

Easy Fixes for Text-on-Image Conflicts

Easy Fixes for Text-on-Image Conflicts

Have you ever had problems placing text on top of photos? The colors either clash on certain letters, or the placement is just off? You may not care so much, but in the pursuit of PowerPoint perfection, minute details sometimes matter. To that end, we will cover how to use transparency, shadows and/or photo selection to solve this issue.

簡報中常會有把文字放在圖片上的排版,但要麼圖片顏色會把文字吃掉,要麼畫面過於豐滿而沒有地方放置文字。雖然不是特別大的問題,但為了追求投影片的完美,細節往往很重要。因此,這次將從透明度、陰影、挑選合適圖片這三點來和大家分享如何解決這個問題。

2020 簡報狂熱者應知的十大趨勢

2020 十大趨勢 #1.jpeg

簡報製作者們開始意識到配色的重要性。

在去年我們發佈「2019 簡報狂熱者應知的十大趨勢」時,就曾經預測在今年配色一定會上榜,果不其然,整個 2019 年搜尋關鍵字「配色」的次數,在 BFA 簡報的官網所有訪問量中高於平均值的五倍之多,而色彩權威 PANTONE 每年公佈的年度色,也是越來越受到大家的重視。

2020 十大趨勢.004.jpeg

而配色的觀念應用在商業情境,則可以先從企業識別系統 (CIS, Corporate Identification System) 開始思考起。絕大部份的企業都會有自己的品牌標誌、配色的使用規範,BFA 簡報也是,在對外且正式的簡報場合,這些規範應該要嚴格的被遵守,但在內部的場合,也許可以有些彈性,來增加工作者製作簡報的效率。

BFA 簡報推薦六個顏色給大家 :

黑、灰、白、企業識別色、企業識別色 (深)、企業識別色 (淺)

黑灰白做為視覺的基本色,然後以企業識別色 (這裡以紅色為例) 做為基礎,再加上一個深紅色,和一個淺紅色,總共六個顏色。


實際的應用我們看一個簡單的案例 :

圓餅圖

圓餅圖是商業簡報情境常見的資訊圖表,一開始的問題是軟體自動帶入的配色沒有邏輯,不過稍微想一下就會發現,圓餅圖在討論的時候通常只會專注在至多前三的佔比,因此只要將企業識別色依深淺用在前三大比例的餅圖,再用深淺灰色填入通常會忽略不談的餅圖,即可完成簡單,但具有企業質感的資訊圖表。

 
2020 十大趨勢 #2.jpeg

半透明的色塊具有應用範圍廣,呈現效果佳,操作容易的三個特質。

首先看看下方這張投影片上的文字,是否能看清楚呢?

2020 十大趨勢.015.jpeg

即使改變了字體的顏色,仍然無法輕易識別。

2020 十大趨勢.017.jpeg

但這個時候,只要在背景圖和文字之間,加入一個半透明的色塊 (任何顏色皆可),不止可以輕鬆解決這個問題,畫面還變的更有質感了呢。

2020 十大趨勢.019.jpeg
2020 十大趨勢.020.jpeg
 

圖標化應用在投影片設計上已經流行了三、四年的時間,其中經歷過平面化,通常為圖標化 1.0 的時代、到類扁平 (2.0) 的圖標,依然不褪流行。

也因為圖標化是如此的流行,因此到了 2020 年,簡報者開始在意圖標的獨特性,是否能代表自己的企業、風格、調性...等等

2020 十大趨勢.023.jpeg
2020 十大趨勢.024.jpeg
2020 十大趨勢.025.jpeg

在前陣子由日本設計師 Holoko 與英國程式設計師 Rob 聯手製作的 Free icons of Taiwan,掀起了一波流行可見一斑,這是非常有代表的圖標。

2020 十大趨勢.027.jpeg

而簡報小聚則分別在 2018 和 2019 的聖誕特別場,製作了獨特專屬的主題圖標。

2020 十大趨勢.029.jpeg
2020 十大趨勢.030.jpeg
 

借重字型公司 justfont 的金萱、金萱那堤字體,人們從 2017 年前開始,越來越在意字體的選擇。

從前陣子的台北黑體、粉圓、激燃體...新的創作字體也變的越來越多,我們也期待看到越來越多的字體在簡報中的應用。

 

從 2015 年開始,在投影片的邊界,加上一個邊框的設計一直是 BFA 簡報 的經典視覺代表。

我們將這樣的設計大量的應用在網路上的傳播素材,還有線下的活動輸出物設計上,在近幾年,大家應該也有在許多不同的地方,看到類似感覺的設計。

2020 十大趨勢.gif
 

16:9 早已是近幾年投影片的主流比例,但我們也觀察到,有些場合開始變的更寬了。

因應寬螢幕的比例,在簡報工具中的模版也推出了更多的左對齊的模版,在 16:9 的比例中我們非常推薦使用。

 

扁平化的設計在簡報中的應用,從圖標 (Icon) 開始流行,到了今年,不管是插圖、還是裝飾用的幾何圖形、線條...扁平化的設計將隨處可見。

 
2020 十大趨勢 #8.jpeg

人有五覺,在簡報中一定會用上的有兩覺 :

視覺 : 看投影片及簡報者
聽覺 : 聽簡報者口說

最近流行的沉浸式簡報,指的不是大量的投影片動畫特效,或是過度抑揚頓挫的口說表演,而是合乎邏輯的使用以上兩者,放大閱聽人在視覺及聽覺上的感受,達到更好的溝通效果,通常適用於感性主題的簡報情境。

「打火哥」蔡宗翰在 2019 年 12 月來到簡報小聚分享,當時的登台就是一場高水平的沉浸式簡報,大家也可以在影音平台上找到他的精彩簡報。

更進一步的,也可以利用投影片之外的小道具,來刺激視覺及聽覺之外的感官,例如有實際的物品讓人觸摸、氣味...等。

2018 年 11 月,也是第 40 場的簡報小聚,我們邀請到「無光晚餐」的幕後策劃者,也是驚喜製造公司的陳心龍來分享,在他登台分享的後半段,我們將現場的燈光全部關閉,並偷偷在觀眾席間噴灑獨特的氣味,讓大家體驗部份「無光晚餐」的精神,這就是一段非常棒的沉浸式簡報。

 

終於,簡報講者開始意識到,聽眾其實並不在意 :
你是誰、你從哪裡來、你過去做過什麼事

開場一個簡單的 Hello,就可以直接進入重點,比方說在培訓授課的情境說明今天的學習內容有哪些,然後就開始教學、在銷售提案的情境說明你可以解決的問題是什麼,或是為什麼對方需要你的產品 / 服務、在會議報告的時候告訴主管結論再接著說明原因...不管在什麼樣的情境下,人們更在意的一直都只有一個 : 我可以從你的簡報中得到什麼。

 
2020 十大趨勢 #10.jpeg

不要再用 Thank You 結尾了!

(Thanks、謝謝您的聆聽、謝謝您的時間、以上...都不要再用了)

簡報是一種以終為始的思考策略模式,在結尾的時候,明確的告訴對方,你需要他做些什麼事情,比起道謝,會更有助於推進事情往目標前進。

在內部會議的情境中,你可以參考下面的這張圖,將你的簡報最後一頁改成類似的樣子,明確的告訴對方,接下來的 Action Item 是什麼。

而在外部的情境,常見的誤區之一是要大家掃瞄 QR code,但事實上在台灣的使用習慣,大家是會去搜尋關鍵字,所以你可以試著在簡報最後一頁,提供一個可以找到你的產品 / 服務的關鍵字,做為最後的行動項目。

所以,現在換我們為你設計一個結尾行動啦,那就是如果這篇文章對你有幫助,或是你覺得對你的朋友會有幫助的話,請分享它吧!

本文作者:BFA 簡報 編輯部

簡報排版老是沒有靈感?不如直接用一刀切的排版法吧

簡報排版老是沒有靈感?不如直接用一刀切的排版法吧

也許有些人會認為排版是需要靠靈感的,但靈感總是可遇不可求,而工作的時間有限,對於日常上班族來說,做簡報並不是唯一的任務。所以應該要有一套方法來幫助自己,就算沒有排版靈感也能開始動手做起來。

黃祺浩老師於文中歸納出排版原則,整理了具體的作法,讓大家對於簡報製作更好上手。