方格精選

簡報設計實評|小米春季發佈會:設計了標誌,設計了產品,那麼簡報⋯⋯呢

更新於 2021/04/03閱讀時間約 7 分鐘
既然有影評、樂評、書評,這幾天瘋搶眼球的小米發佈會,我們來看一看在簡報設計中,平凡上班族的角度,有甚麼the good, the bad, the ugly吧。
小米本身有不少爭議性的地方,例如產品設計與創新、與競爭對手的比較、引來惡搞的新標誌等,都留給其他專家表述吧,還是專心做好自己的事,就是上班族如何做好簡報設計。

或許你會有疑問,這裡不是寫給一眾在自己坐位上熬夜努力的上班族嗎,鎂光燈下的數碼產品發佈,還不是你參考我,我參考你,跟我們的日常業務可有甚麼關係?

答案很簡單:免費的學習對象,就不要浪費。

能夠登上舞台的投影片,質素總不能夠太參差,背後會有專屬的設計師,站在巨人的肩膀上自然能看到不一樣的角度。這就是為甚麼自己不是「米粉」還要在夜深(我還是要上班的⋯⋯)看發佈、截圖、分析和寫分享文的原因囉。
接下來我們就從數據表達、視覺傳遞及排版設計三個角度,分享一下有甚麼做得好,有甚麼做得不好,有甚麼⋯⋯喔⋯⋯不應該做。

數據表達

資訊圖和懶人包是在網絡世代吸引目光的好工具,企業業績、產品銷量、部門預算、網絡流量⋯⋯統統都是要梳理的數據。
上圖是去年小米營收的增長。
基礎的東西也齊備了,圖表左下角有scale解說,投影片右下角有資料來源,兩者採用了細一點的字體以及淡一點的顏色,不會搶了觀眾的目光。
設計上也有兩個可取的地方,強調色使用了和品牌一樣的顏色,與右上角的標誌互相呼應的同時,也帶來了設計的一致性。圖表上為了簡潔,撤去了Y 軸,讓左邊的文字去帶動數據的表達,因為重點就是要說明:我們賺多了。
可以注意的地方有三項:
  1. 19與4之間的距離太大,字體設計要留意kerning;
  2. 左邊文字與右邊圖表的距離太大而令人懷疑他們之間的關係,是為了讓雷軍站在中央?但他是在來回走動啊;
  3. 灰色長條圖與橙色趨勢線好像沒有甚麼分別,視覺元素上會否重覆了?

雖然不明白出貨量和銷量是否有必然關係,但點題其實做得很好。很多學生和初職的上班族愛用客觀的標題,例如「小米手機銷量與去年比較」,本質上完全沒有錯,只是沒有主動的表達你想說的話,固然觀眾看了數據,聽了你的解說,慢慢會明白,但提早破題可以提升觀眾的engagement,也減少一些心急的人在暗暗的打量「那麼你想說的是甚麼?」。右下角的數據來源,就如以上所述,做得足夠。
不足夠的,就是第一眼看上去的感覺,「啊,拜託不要這樣懶吧」。
這個表格就是從數據搬字過紙,用最快的辦法做完,把自己品牌那一行做了highlight,就完成了。有甚麼沒有被考慮呢?
  1. 重覆兩對data set在Q4 2020與Q4 2019的對比,但數目是隔開了的,眼睛要對比出貨量,要從column 2與column 4之間內回,市場份額則要在column 3及column 5來回跳躍;
  2. 相反的數據方向,2020放了在左邊,視線下一步會才遇到2019的數據,而最後的對比,卻是顯示由2019至2020之間的增長。圖表的時間線,多數是左遠右近,沒有特定的原因就不要去改動。舉例說,由左至右先是43.4再到33.0,最後的對比是增加而不是下降,觀眾的潛意識要有額外一重步驟,把數字與年份關係起來,再對調,去合理化這是增加。
  3. 除了最後的對比欄,觀眾要在水平的方向理解出貨量與市場份額的升降,需要不停的在腦海中比較數字,但既然有數字,大可以誇過視覺化去表達升降方向和趨勢。
如是者針對以上幾點,可以考慮以下的做法,減少欄數,調整數據方向,加入升降趨勢,提升品牌行列的對比度:
數據要否表示得愈多愈好?我們接著看一個反例子。
以上是旗艦手機與其他品牌型號的比較,重度使用五個小時,看看剩餘電量還有多少。
先不說強調色為什麼要是檸檬黃,而不是自己品牌的橙色,右上角以強調色去突出頭三位,做法不錯,再把頭二名的顏色淡化,進一步把新手機,亦即第三行強調起來,都是上班族可以收藏的設計技巧。
這頁投影片有兩個數據,手機的電量,以及五小時重度使用後的剩餘電量,分開來看,小米11 Pro都不俗,有著競爭對手當中最大的電量,以及前三名的剩餘電量,續航力算是可誇的吧。
但把他們放在一起,卻是失誤的一著。
表格式的顯示,觀眾,尤其是對數據敏感的觀眾,下意識會嘗試把數據的關係看得重要,既然有數字,有百方比,不把他們相乘該待何時呢;多得把競爭對手的數據羅列得如此清楚,我們就來計算一下,這五個小時內,各種手機各自消耗了多少電量吧:
那麼在五個小時內,小米11 Pro消耗了接近4000mAh,在云云競爭對手之中,其實並不突出,與蘋果手機的電池消耗率相別更達兩成;這種比較,恐怕不是簡報設計師希望觀眾採取的方向吧?
也就是說,數據並不是愈多愈好的啊!

視覺傳遞

科技或金融業,投影片都喜歡以深色的背景,來營造專業的感覺。與白色或是淺色的背景相比,如果採用同一個字體大小,個人經驗是,深色背景白色字的readability會稍降,也就是說要把字型放大一點兒,才會擁有相同的readability。
以上的功能表列頁,固然愈多內容表示愈多卓越功能,拿手機拍下再放在社交媒體分享,實在是不錯;但字體變成了這麼的小,現場觀眾要怎麼辦?還是根本看不清楚?黑色背景,加上粗體白字,進一步使readability下降。簡報投影片,以及product factsheet,還是有一點差別的。當然,要是主管堅持內容要夠多,那折衷一點,可以使用比較幼體的字型,把觀眾的眼睛也照顧一下。
提到觀眾的眼睛,採用深色背景的另一個要注意的地方,就是與其他顏色背景的混合使用。
在關了燈的發佈會場地,黑色背景使整個環境都是暗的,要是突然撤向白色或亮眼的背景,就好像你在電影院舒適地看戲,前面的觀眾把電話拿出來,亮亮的熒幕像是漆黑中的螢火蟲一般吸引。
以下的深色、全白、全黑背景組合,是在短短十四秒之間發生,要是我們在現場,眼睛能否來得及適應?
投影片設計美麗是一回事,觀眾是否看得舒服是另一回事。投影片之間的配合,得有人去花時間和心思。

排版設計

兩星期前介紹過,在寬比的投影片中,使用二分或是三分的排版方法,都會讓人看得舒服。
小米在推介家電產品的時候,細心留意一下,設計上不會帶來壓迫感對吧?
壓迫感不單是觀眾的事情,也關係於大老闆的啊!
小米宣布投資電動車產業,一張明知道會給瘋傳的投影片,先再次放下檸檬黃不說,為什麼沒有在雷軍頭上留多一點點呼吸的空間呢?硬是要看上去有如泰山壓頂的壓力好看嗎?沒有在現場預演時發現的嘛?唉,真惱人。
到投資電動車的部份接近結尾的時候,又是一張適用於PR的投影片,這種大圖大字的設計,要是在寬比的投影片上,這種窄型的字體(即高度比寬度大)會帶來一點的視覺衝突感覺,其實普通的字體,有著接近正方形的比例,已經看得夠舒服。
希望以上的分析,透過實際的例子,無論上班族的你和妳是否「米粉」,也從中了解到一些簡報設計的技巧和細節吧。
為什麼會看到廣告
人人也說要大圖大字,簡報是否只有一個模式? 在企業框架內、上司要求下如何發揮設計創意? 我不想聽「你要這樣做」,我要知「為什麼」! 遙距簡報的世代,設計上又有什麼雷區要避免?
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
商務簡報中,經常需要運用時間軸,來代表公司部門的發展史,產品的開發的更生歷程,有些人喜歡借來作簡報的目錄頁。畫幾個圖,或是套個模板,看似輕易的事,但要有新意,又要不誇張,又要看得舒服,書本又不會教,上班族又是時候一起耍一點小心機了。
把投影片都設定成了16:9的比例了,把文字圖像的距離都拉闊了,大概就好看又完成了吧。甚麼?!還有東西要注意嗎?上班族為什麼要互相傷害⋯⋯ 經過前文的介紹,選好了簡報投影片的比例,如果是市場上大熱的16:9甚至是更寬的21:9,有些人會覺得,為的是「空間感」、「電影感」、「酷炫」,然後放一個滿屏的圖像
上文論述了「對齊」對於簡報設計的好處,那麼除了你知我知的工具列功能,例如align、distribute以外,上班族們一起來看一下還有什麼快速有效的小撇步吧!
反正只是用一次,為什麼要花時間對齊?」預備簡報中常出現的反問句。 投影片上的原素,文字、形狀、圖像,在平面上的相對位置,有人會很著緊,也有人覺得順眼就好,當然亦自然會有人覺得差不多就可以。 這裡不會說一些苦口婆心的說話,指簡單的東西最容易看出有沒有盡力,主管看在眼內之類⋯⋯云云;沒有人喜歡被框在別人
承按上週,在疫情下遙距簡報成為了新常態,作為普通上班族有甚麼新技巧需要適應呢? The Closer NOT the Better 攝影界有一個著名的提醒,說是你的照片拍得不夠好,是因為你走得不夠近。 除非特地去購入設備,否則我們在家上班,發佈或是參與簡報,都是在使用自己或公司的筆記型電腦
在全球疫情下,為了社交距離也好,為了減輕租金壓力也好,遙距工作慢慢風行了起來。面對面的簡報,也因為大家不再聚集於辦公室或是路演場合,機會變得少之又少。 那麼,有哪一些我們從前認定為金科玉律的簡報技巧,在遙距簡報下已經不再適用呢?或是有那一些新的技巧,值得上班族在新常態之中注意一下呢?
商務簡報中,經常需要運用時間軸,來代表公司部門的發展史,產品的開發的更生歷程,有些人喜歡借來作簡報的目錄頁。畫幾個圖,或是套個模板,看似輕易的事,但要有新意,又要不誇張,又要看得舒服,書本又不會教,上班族又是時候一起耍一點小心機了。
把投影片都設定成了16:9的比例了,把文字圖像的距離都拉闊了,大概就好看又完成了吧。甚麼?!還有東西要注意嗎?上班族為什麼要互相傷害⋯⋯ 經過前文的介紹,選好了簡報投影片的比例,如果是市場上大熱的16:9甚至是更寬的21:9,有些人會覺得,為的是「空間感」、「電影感」、「酷炫」,然後放一個滿屏的圖像
上文論述了「對齊」對於簡報設計的好處,那麼除了你知我知的工具列功能,例如align、distribute以外,上班族們一起來看一下還有什麼快速有效的小撇步吧!
反正只是用一次,為什麼要花時間對齊?」預備簡報中常出現的反問句。 投影片上的原素,文字、形狀、圖像,在平面上的相對位置,有人會很著緊,也有人覺得順眼就好,當然亦自然會有人覺得差不多就可以。 這裡不會說一些苦口婆心的說話,指簡單的東西最容易看出有沒有盡力,主管看在眼內之類⋯⋯云云;沒有人喜歡被框在別人
承按上週,在疫情下遙距簡報成為了新常態,作為普通上班族有甚麼新技巧需要適應呢? The Closer NOT the Better 攝影界有一個著名的提醒,說是你的照片拍得不夠好,是因為你走得不夠近。 除非特地去購入設備,否則我們在家上班,發佈或是參與簡報,都是在使用自己或公司的筆記型電腦
在全球疫情下,為了社交距離也好,為了減輕租金壓力也好,遙距工作慢慢風行了起來。面對面的簡報,也因為大家不再聚集於辦公室或是路演場合,機會變得少之又少。 那麼,有哪一些我們從前認定為金科玉律的簡報技巧,在遙距簡報下已經不再適用呢?或是有那一些新的技巧,值得上班族在新常態之中注意一下呢?
你可能也想看
Google News 追蹤
Thumbnail
*合作聲明與警語: 本文係由國泰世華銀行邀稿。 證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務,定期定額(股)服務由國泰綜合證券提供。   剛出社會的時候,很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天,都會聽到各種市場動態、理財話題,像是:聯準會降息或是近期哪些科
Thumbnail
我的第一堂AI繪圖寫作課是一場災難,許多沒有設想到的情形一個接一個冒出來,搞得我焦頭爛額。經過幾堂課以後,我才慢慢掌握訣竅。以下分別就課程規劃、常見地雷及目前使用的練習方法來分享……
Thumbnail
製作簡報前,我們先認識基本的排版觀念,掌握幾個大原則,就可以讓簡報看起來很專業囉!
Thumbnail
撰寫日期:2023.11.25 作者:FAHAHA|翁順法 A 組設計流程的問題,其實也發生在非常多人身上。差別只在他們是畫在紙上,而多數人是直接發生在投影片中。 很多人做投影片時,一打開空白的頁面,就會急著找模板、配顏色、找插圖、玩動畫…,卻忽略掉應該要先去思考真正要溝通的核心訊息...
Thumbnail
撰寫日期:2023.08.27 作者:FAHAHA|翁順法 這篇文章將跟你分享提升簡報質感的方向,共包含四個步驟。
Thumbnail
撰寫日期:2023.07.16 作者:FAHAHA|翁順法 四個步驟如下:學習 → 觀察 → 模仿 → 調整。
Thumbnail
不是,這中文書名的註解也真的太長吼。根據餵狗後的翻譯,就只有驚嘆號前的挖燈打貼大拉米打(뭐든 다 배달합니다)~也就是交付任何物品,編輯就是想破哏到什麼都寫在書名就對了。 對比我在底層的生活,這本書是位年輕記者在離開報導工作後、全球疫情蔓延的時候加入了蓬勃發展的各樣以運送人/物為業的零工經濟中,轉換
Thumbnail
撰寫日期:2022.11.28 作者:FAHAHA|翁順法 這篇文章並不是一篇政治觀點文,而是一篇知識分享文。主要想跟大家分享,我從2022年台北市長的選舉政見海報中,觀察到的簡報技巧。
Thumbnail
撰寫日期:2022.08.22 作者:FAHAHA|翁順法 這篇文章從聽眾的角度出發,分享了三個簡報讓人看不懂的原因,分別是:搞不清目的、找不到重點、看不懂邏輯。反過來想,想要做出讓人一看就懂的投影片,不外乎就三個目標:釐清目的、凸顯重點、明確邏輯......
Thumbnail
行銷人必學!CANVA設計吸睛簡報實戰 一步步透過Canva 提供的簡報模版與平台,結合行銷概念,掌握知己知彼的簡報關鍵要訣,就能輕輕鬆鬆幫助我們製作成說服力超強的提案簡報!
Thumbnail
以前,我在“別人的PPT”裡,看見一些特別的形狀, 腦袋會自動出現聲音: 這是用illustrator做的,PPT做不到!做不到! 後來,我才發現POWER POINT其實也可以編輯形狀,把A形狀變成B形狀。 A漸層線 作用:把等寬直線,變成一端(或兩端),逐漸變細消失的線條,讓線條變更美。
Thumbnail
*合作聲明與警語: 本文係由國泰世華銀行邀稿。 證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務,定期定額(股)服務由國泰綜合證券提供。   剛出社會的時候,很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天,都會聽到各種市場動態、理財話題,像是:聯準會降息或是近期哪些科
Thumbnail
我的第一堂AI繪圖寫作課是一場災難,許多沒有設想到的情形一個接一個冒出來,搞得我焦頭爛額。經過幾堂課以後,我才慢慢掌握訣竅。以下分別就課程規劃、常見地雷及目前使用的練習方法來分享……
Thumbnail
製作簡報前,我們先認識基本的排版觀念,掌握幾個大原則,就可以讓簡報看起來很專業囉!
Thumbnail
撰寫日期:2023.11.25 作者:FAHAHA|翁順法 A 組設計流程的問題,其實也發生在非常多人身上。差別只在他們是畫在紙上,而多數人是直接發生在投影片中。 很多人做投影片時,一打開空白的頁面,就會急著找模板、配顏色、找插圖、玩動畫…,卻忽略掉應該要先去思考真正要溝通的核心訊息...
Thumbnail
撰寫日期:2023.08.27 作者:FAHAHA|翁順法 這篇文章將跟你分享提升簡報質感的方向,共包含四個步驟。
Thumbnail
撰寫日期:2023.07.16 作者:FAHAHA|翁順法 四個步驟如下:學習 → 觀察 → 模仿 → 調整。
Thumbnail
不是,這中文書名的註解也真的太長吼。根據餵狗後的翻譯,就只有驚嘆號前的挖燈打貼大拉米打(뭐든 다 배달합니다)~也就是交付任何物品,編輯就是想破哏到什麼都寫在書名就對了。 對比我在底層的生活,這本書是位年輕記者在離開報導工作後、全球疫情蔓延的時候加入了蓬勃發展的各樣以運送人/物為業的零工經濟中,轉換
Thumbnail
撰寫日期:2022.11.28 作者:FAHAHA|翁順法 這篇文章並不是一篇政治觀點文,而是一篇知識分享文。主要想跟大家分享,我從2022年台北市長的選舉政見海報中,觀察到的簡報技巧。
Thumbnail
撰寫日期:2022.08.22 作者:FAHAHA|翁順法 這篇文章從聽眾的角度出發,分享了三個簡報讓人看不懂的原因,分別是:搞不清目的、找不到重點、看不懂邏輯。反過來想,想要做出讓人一看就懂的投影片,不外乎就三個目標:釐清目的、凸顯重點、明確邏輯......
Thumbnail
行銷人必學!CANVA設計吸睛簡報實戰 一步步透過Canva 提供的簡報模版與平台,結合行銷概念,掌握知己知彼的簡報關鍵要訣,就能輕輕鬆鬆幫助我們製作成說服力超強的提案簡報!
Thumbnail
以前,我在“別人的PPT”裡,看見一些特別的形狀, 腦袋會自動出現聲音: 這是用illustrator做的,PPT做不到!做不到! 後來,我才發現POWER POINT其實也可以編輯形狀,把A形狀變成B形狀。 A漸層線 作用:把等寬直線,變成一端(或兩端),逐漸變細消失的線條,讓線條變更美。