為什麼蘋果發表會的Keynote這麼好看?學會這4招,你也能做出同款簡報
為什麼蘋果發表會的Keynote這麼好看?學會這4招,你也能做出同款簡報

假如把蘋果發表會比擬成舞臺劇的話,那麼貫穿全場的Keynote就是它們的劇本。

Keynote1.jpeg
圖/ 愛范兒

今天就帶大家一起解析歷屆蘋果發表會Keynote的套路,手把手教你玩轉Keynote。

懶人目錄

  • 蘋果的Keynote有什麼套路?
  • 電影級別的流暢動畫
  • 手把手教你玩轉神奇移動
  • 還有這些加分的Keynote使用技巧,拿走不謝

蘋果的Keynote有什麼套路

嚴格遵守四原則

《寫給大家看的設計書》中,設計師羅賓·威廉斯(Robin Williams)將複雜的設計原理凝煉為親密性、對齊、重複和對比4個基本原則。我們將這四個原則套入到蘋果發表會的Keynote中,幫助大家更容易梳理製作的邏輯。

  • 親密性:親密性表現在將相關的項目組織在一起,包括物理位置的相近、整體風格的統一,使其成為一個視覺單元,達到一致性。
Keynote2.png
圖/ 愛范兒
Keynote3.png
圖/ 愛范兒
  • 對齊:找一條明確的對齊線,並堅持以其為基準進行對齊,包括文字對齊、圖片對齊、元素對齊等等。
Keynote4.jpg
圖/ 愛范兒
  • 對比:透過多種方式實現有效(突出)的對比。

這一點在蘋果凸顯產品細節時能夠清楚看到,利用單獨一頁來突出放大介紹產品的細節。

Keynote5.jpg
圖/ 愛范兒

又或者是用發光的色塊來突出某個部件,用線條引出對應的資訊。

Keynote6.png
圖/ 愛范兒

或者用「拆解」的方式放大某個零件。

Keynote7.jpg
圖/ 愛范兒
  • 重複:設計的某些方面需要在整個作品中重複,重複的本質是「一致性」。

蘋果風=極簡風,不管是蘋果官網、還是發表會中使用的簡報Keynote,你都可以看到蘋果強迫症式的一致極簡設計。

1. 背景統一

從賈伯斯固定使用的深藍色漸層背景,到現在庫克常用的全黑色背景,統一的字體,大範圍的留白,我們都可以看到這種整體風格的親密性帶來的愉悅。

Keynote8.jpg
圖/ 愛范兒
Keynote9.jpeg
新建Keynote,可以在預設看到賈伯斯固定使用的藍黑漸變範本
圖/ 愛范兒

2. 居中構圖

Keynote10.png
圖/ 愛范兒
Keynote11.png
圖/ 愛范兒

3. 平鋪排列

Keynote12.jpg
圖/ 愛范兒
Keynote13.jpg
圖/ 愛范兒
Keynote14.jpg
圖/ 愛范兒

4. 字體統一

從Myriad到自己設計的San Francisco,無襯線的字體顯得更加簡潔。在iPad介紹部分,也採用了具有手寫風格的字體。

Keynote15.jpg
圖/ 愛范兒

我們還為你們整理出了蘋果發表會的一些排版「套路」:

1. 關於數據的呈現,採用各種視覺化的方式表達。

Keynote16.png
圖/ 愛范兒
Keynote17.png
圖/ 愛范兒
Keynote18.png
在2018 WWDC上用一張一千億美元的支票。
圖/ 愛范兒

而在和以往單品對比上,也用所見即所得的方式,代替了枯燥的資料。

Keynote19.png
圖/ 愛范兒
Keynote20.png
圖/ 愛范兒

2. 關於產品功能羅列,不管是現場進行Memoji Facetime,還是為了展示Apple Watch功能,把電動腳踏車搬上舞臺,都讓你所見即所得。

Keynote21.png
圖/ 愛范兒
Keynote22.png
圖/ 愛范兒

3. Slogan或關鍵點的展示,換成了各種填充背景的字體做突出展示。

Keynote23.png
圖/ 愛范兒
Keynote24.png
圖/ 愛范兒

小結:

  • 少即是多:一頁就是一個主題,主要還是要靠簡報者豐富的現場演講。
  • 所見即所得:實景操作、用更加視覺化的形式展現數據、表現功能。
  • 講一個故事:有興趣的朋友可以去翻翻《賈伯斯的魔力演講》這本書。

而除了排版風格、整體配色上的一致性,Keynote的動畫也極具表現力和感染力。

Keynote25.gif
閃亮出場的轟炸效果
圖/ 愛范兒
Keynote26.gif
順暢過渡「神奇移動」
圖/ 愛范兒

而這些動畫的實現,全靠Keynote內建的動畫效果。像是剛剛的「神奇移動」,是每次發表會的固定「嘉賓」。今天讓我們一起來看看「神奇移動」如何實現。

手把手教你玩轉神奇移動

神奇移動,官方解釋是「將物件從一張投影片移到下一張投影片的效果」。

所以在製作的過程中,需要固定一個物件。讓我們用愛范兒的logo來試一下,我們選定了愛范兒及AppSo兩個logo作為固定元素,插入到第一張幻燈片中。

Keynote27.jpeg
圖/ 愛范兒

在第二張幻燈片中改變固定元素的位置大小,並在第一張幻燈片的動畫效果上選擇「神奇移動」,匹配選項選擇「物件」,即可看到改變位置神奇移動的效果。

Keynote28.gif
改變位置的神奇移動效果
圖/ 愛范兒

同理,你還可以在第三張幻燈片中,將愛范兒單獨拿出來放大,達到改變大小的神奇移動效果。

Keynote29.gif
改變大小的神奇移動效果
圖/ 愛范兒

通過位置和大小的變化,你可以實現從整齊排列到發散的流暢效果,反之亦可。

Keynote30.gif
圖/ 愛范兒

你還可以用來聚焦某個局部,或者是放散到整體:

Keynote31.gif
圖/ 愛范兒
Keynote32.gif
圖/ 愛范兒

除了匹配物件,你還可以匹配單詞和字元,用來表示縮寫。在第一張幻燈片輸入字元,然後在第二張幻燈片進行字元的縮寫。

Keynote33.jpeg
圖/ 愛范兒

選擇按「字元」的匹配方式,就可以達到以下的效果。

Keynote34.gif
圖/ 愛范兒

神奇移動製作的要訣就是選好固定要素,設計變化規則。

除了神奇移動,在剛結束的10月發表會開頭,蘋果為我們展示了300多種形態的蘋果icon,我們也嘗試用Keynote做了簡易版的同款。

首先需要製作一個鏤空的遮罩層,然後可以在背後插入圖片或者影片。

Keynote35.jpeg
圖/ 愛范兒

你就可以製作一個像這樣的遮罩短片。

Keynote36.gif
蘋果Share You Gift廣告片
圖/ 愛范兒

同理,你可以插入多個圖片,並設定各個背景圖片的出場順序,自己做一個渲染背景的效果。

Keynote37.gif
圖/ 愛范兒
Keynote38.jpeg
圖/ 愛范兒

實際上,Keynote還有很多值得把玩的過渡動態和自訂動畫效果,透過構件出現、動作、消失以及各個構件的順序,延續的時間、出場的規則,你可以用Keynote做出非常酷炫的動畫,例如iPhone 7/Plus發佈的快閃廣告。

還有這些加分的Keynote使用技巧,拿走不謝

在我們「高仿」蘋果發表會的過程中,也為你整理一些能幫你快速製作的技巧,在實際過程中也非常實用高效,拿走不謝。

1. 自訂範本保證統一性

為了保持製作過程中的統一性,你可以預設整體風格,文字大小、固定元素也可以在右邊的樣式框裡進行預設,在使用過程中,點擊即可使用,非常便捷。

Keynote39.gif
圖/ 愛范兒

2. 快速對齊模式保證對齊性

多個元素之間的排列,都可以點擊這裡進行選擇。

Keynote40.gif
圖/ 愛范兒

3. 善用陰影,製造層次感

你可以自訂Keynote圖片的陰影功能,陰影類型中的接觸陰影可以用來展現產品與其他元素的層次感。

Keynote41.png
圖/ 愛范兒
Keynote42.png
圖/ 愛范兒
Keynote43.gif
Keynote圖片陰影功能
圖/ 愛范兒

4. 一鍵匯出影片

製作完絢麗的動態效果,你可以直接點擊匯出為iMovie,就可以保存為影片模式,分享給更多的人。

Keynote44.png
圖/ 愛范兒

今天的蘋果發表會Keynote解析就到這裡,而我們還為你找到了WWDC 2014 Keynote的復刻版,讓你看看背後的製作原理。

Keynote45.png
圖/ 愛范兒

本文授權轉載自:愛范兒

關鍵字: #Apple #WWDC
本網站內容未經允許,不得轉載。
往下滑看下一篇文章
AI賦能 設計起飛,Pinkoi 執行長顏君庭以 Samsung Galaxy S24旗艦系列拓展國際設計生態圈
AI賦能 設計起飛,Pinkoi 執行長顏君庭以 Samsung Galaxy S24旗艦系列拓展國際設計生態圈

翻開 Pinkoi 名片背後,一句簡潔的「Design the way you are」映入眼簾,這正是 Pinkoi 共同創辦人暨執行長顏君庭創立公司的初衷:希望每個人都能用好的設計,實踐獨特的自我風格與生活樣貌。近年來, Pinkoi 不僅成功將設計生態圈拓展至國際,也串接 AI 引擎服務,成功以科技力搶攻消費者心佔率,讓跨境銷售零距離。

擁抱科技力,Pinkoi 自建 AI 模型 極致個人化體驗

2011年發跡於台灣的 Pinkoi,產品聚焦於生活風格及設計相關,如今已是擁有超過625萬名會員的國際電商平台,設計館來自全球77個地區、消費者遍及全球150個國家。為搶攻全球文化創意產業商機,去年底, Pinkoi 搭上 AI 科技浪潮, 正式推出「生活風格智慧模型」,以大規模個人化為主要場景,打造個人化商城,讓設計師得以更有效率的行銷商品。

「自建 AI 模型,就是為了打造獨特的個人化體驗。」出身美國矽谷科技業的顏君庭,談起自家創建的 AI 服務,眼神閃爍著光芒。他指出,「 Pinkoi 站上以設計品為主力,而設計品常常是各國民眾的興趣、風格、價值主張、地域性文化的延伸,所以相較於一般電商,我們更需要深入經營在地市場,了解設計師與消費者的需求。」

透過自建 AI 模型,不僅讓 Pinkoi 業績大幅成長,消費者在平台的瀏覽時間也提升近三成、創造1.5倍的商品點擊率,有效提升品牌黏著度。顏君庭笑稱,日本市場對於 Pinkoi 甚至有「沼る」的美譽,盛讚平台商品獨特、令人忍不住著迷而長久駐足。

DSC00365.jpg
Pinkoi 共同創辦人暨執行長顏君庭對新科技趨之若鶩,讚嘆 Samsung Galaxy S24 Ultra 是「貼身得力助理」!
圖/ Samsung

智慧即時翻譯、筆記智慧助理 跨國商務人士最得力的行動幫手

對新科技趨之若鶩的顏君庭,近期則對三星電子最新推出的智慧型手機深深著迷,它就是首款結合全方位 Galaxy AI 應用的 Samsung Galaxy S24 旗艦系列 。

身為跨境電商平台的領導者,顏君庭經常需要走訪世界各地,最近剛結束日本差旅的他,直言 Samsung Galaxy S24 Ultra簡直是他的「貼身得力助理」。

「智慧即時翻譯的功能,真的是領先所有同業的最大亮點!」顏君庭表示,不會日文的他,過去在日本如果要打電話訂餐廳、旅館,都需要請朋友或同事幫忙,或是透過其他翻譯軟體來回轉譯,過程十分曲折。

「這次去日本有 Samsung Galaxy S24 Ultra,我可以直接按手機通話,開啟翻譯功能,我講英文,對話就會直接翻譯成日文,對方回應日文,也會轉回成英文,等於我們可以直接溝通,這點完全解決過去一直無法被解決的痛點,」顏君庭興奮地說道。

DSC00341拷貝.jpg
「智慧即時翻譯」的功能,即使在沒有 Wi-Fi 的飛航模式下也能使用。
圖/ Samsung

『智慧即時翻譯』與『智慧自動摘要』功能,對時常參與跨國團隊會議的顏君庭,更是省時省力。他指出,雖然團隊主要溝通語言為英文,但有些交流討論常會運用到日文、韓文等多國語言,「如果請一個即時口譯,對公司的營運成本來說非常高,請同事翻譯,頂多也只能簡譯。有了 Samsung Galaxy S24 旗艦系列,我們可以把對話錄下來,透過 AI 即時翻譯成指定語言的文字,好像大家即時的聊天、參與討論。」

DSC00125+147.jpg
與員工會議時,透過語音轉文字生成會議紀錄,還能分辨多人對話,並利用智慧自動摘要功能,一鍵做好摘要。
圖/ Samsung

「這對帶領跨國團隊很有幫助,有時用自己的母語討論,更能直接的表達想法,有效增進團隊的情感凝聚力,」顏君庭說。

筆記智慧助理也是日理萬機的顏君庭很喜歡的功能,他表示,每天要閱讀的文件相當多,現在只要輕輕觸碰手機螢幕幾下,就能快速獲得資料的精簡版本,筆記智慧助理還會自動排版、校正拼音,甚至在內文上方生成條列式的摘要,亦可將手寫字轉為文字,自動排版、生成重點摘要,將重要訊息直接佈達給團隊執行,「幫我省下很多時間。」

搜尋圈,一圈即搜:助力Pinkoi團隊精簡工作流程

Samsung Galaxy S24 旗艦系列 對於審核 Pinkoi 平台產品,更是如虎添翼。顏君庭表示, Pinkoi 對於產品審核非常嚴格,從設計本身到圖片拍攝,都要求出自設計師原創。因此,每當設計師上架產品,團隊須將圖片投遞到不同的平台,透過「以圖搜圖」的方式,確認有無相似物件。

「現在不用這麼麻煩了,我直接用 S Pen 觸控筆 圈起 Samsung Galaxy S24 Ultra 上的圖片,就可以立即搜尋,」他笑著說:「剛開始拿到S Pen 還有點納悶,因為使用經驗停留在過去,但實際使用才發現,意外的好用!」

顏君庭表示, Pinkoi 站上商品多達110萬項,內部會議討論時,有時沒辦法很精確的說出品牌或風格,透過 Samsung Galaxy S24 旗艦系列「搜尋圈」一圈即搜的功能,就可以很快速找到商品的細節,或類似的品項,讓團隊得以更快速聚焦討論。

DSC00227.jpg
「搜尋圈」的功能,快速找到商品的細節及類似的品項,讓團隊在會議中聚焦討論更有效率。
圖/ Samsung

極致攝影 超強續航力 捕捉靈感不斷電

創業這10餘年來,顏君庭還是保有實地探訪台灣、各地市集的習慣,他也喜歡以手機拍攝,紀錄新發現的品牌或設計概念。「 Samsung Galaxy S24 Ultra 拍照的內建相機非常厲害,白天晚上都不需要用到濾鏡,」顏君庭也分享智慧相片編輯 的妙用,他指出,差旅移動中隨手拍照,常常會拍到不想要的物品或背景,這時只要用 Samsung Galaxy S24 旗艦系列內建的生成式相片編輯功能,輕鬆選取物件,即可移動或擦除, AI 還會自動填充背景,「完全不用擔心照片拍得不好。」

D.jpg
內建「智慧相片編輯」,輕鬆圈選,即可移動或擦除物品, AI 運算自動填充背景。(右圖為完成畫面)
圖/ Samsung

此外,顏君庭也分享長途差旅的重要需求,他表示,由於海外出差行程滿檔,經常是清晨六點到深夜的行程,旅途中還需要拍照紀錄、開線上會議、收發即時通訊等,常因爲忘記帶手機充電線,需要跟店家開口要求幫忙充電,「 Samsung Galaxy S24 的高續航力也解決這個痛點,一整天高度使用竟然都還有電,讓我很放心。」

Samsung Galaxy S24 的簡潔設計,也讓他印象深刻。「我很喜歡 S24 超窄邊框的設計,讓整個手機畫面更清晰,不會被邊框干擾。」而深紫色的新色也十分特別,顏君庭分享到,「礦物在華人文化中有特別的寓意,例如這次拿到的深紫色非單調的色塊,而是帶有類似紫水晶的礦物感,也有點帶來事業與生活上的好運,整體設計很時尚,很符合商務人士的需求。」

建立「亞洲設計生態圈」串聯跨界連結設計

顏君庭會依據不同的使用需求變換裝置,例如隨身攜帶的手機,方便解決訊息、拍照、筆記或翻譯等即時需求,有較完整的工作時間時,則可用畫面較大的 Samsung Tab S9 平板接續處理。利用「快速分享」功能,跨裝置傳遞檔案,相互串聯。

「『智慧生態圈』(Samsung Galaxy Ecosystem)串連的模式,我認為很符合商務上的使用習慣,手機用來快速紀錄靈感、平板 進一步編輯;跨裝置的傳送省去了等待,又可以發揮每個裝置的優勢,讓我充分利用時間,」顏君庭說。

DSC00251.jpg
Samsung Galaxy Ecosystem 智慧生態圈,跨裝置串聯,可將Tab中的筆記直接複製於手機上,讓商務生活更加便捷。
圖/ Samsung

面對日益競爭的市場,顏君庭以三星電子的智慧生態圈裝置策略巧妙比喻, Pinkoi 將持續致力建造「亞洲設計生態圈」,未來兩年亦將更專注在跨境市場銷售,聚焦協助台灣設計師共同推展至日本市場。

如同 Samsung Galaxy S24 旗艦系列運用 AI 科技力作為解方,解決消費者的痛點,顏君庭也將帶領 Pinkoi ,強化 AI 運用,將更美好的生活與使用體驗,傳遞給更多消費者。

了解更多 https://pse.is/5wumz6

本網站內容未經允許,不得轉載。

登入數位時代會員

開啟專屬自己的主題內容,

每日推播重點文章

閱讀會員專屬文章

請先登入數位時代會員

開啟收藏文章功能,

請先登入數位時代會員

開啟訂閱文章分類功能,

請先登入數位時代會員

我還不是會員, 註冊去!
追蹤我們
台日半導體新局 全解讀
© 2024 Business Next Media Corp. All Rights Reserved. 本網站內容未經允許,不得轉載。
106 台北市大安區光復南路102號9樓