平面設計和演示設計的區(qū)別

2022-11-11    seo達人



Keynote是Mac用戶使用的幻燈片軟件,我們平常看到的蘋果發(fā)布會,國內手機發(fā)布會基本都用的是Keynote。當然Mac系統(tǒng)也兼容PPT。Keynote因為其簡約而高級的動效而備受青睞,很多企業(yè)開發(fā)布會首選就是Keynote。我做了幾張動效圖來示意一下發(fā)布會的高級效果。





演示設計這個概念,包含了上述PPT,Keynote發(fā)布會。常見的PPT商業(yè)定制項目包含: 企業(yè)介紹PPT、產品型發(fā)布會PPT、白皮書、商業(yè)計劃書等等。我們今天討論的不是這兩款軟件跟平面設計PS AI的區(qū)別, 我們要討論的是平面設計和演示設計的區(qū)別,所以下文的闡述中,我有可能一會兒講PPT,一會兒講Keynote,講的都是一碼事,都叫(幻燈片)演示設計。

對PPT感到非常詫異

在沒有接觸演示設計之前, 我一直是做平面設計(這些年做過UI,平面海報,電商類,游戲視覺,官網)。這兩年才剛接觸PPT,算是一個跨界選手了。當我第一次聽到PPT居然還需要設計,我感到十分詫異。我不是很能理解一款毫不起眼的Microsoft PowerPoint,我意思是說,一款職場人士的常用的幻燈片演示軟件,一款根本算不上是設計軟件的PowerPoint,能跟設計有什么掛鉤的呢?有什么沾邊呢?

讓我感到更詫異的是,還有專門PPT設計師這種職業(yè)的嗎?他們的日常工作是怎么樣的?PPT設計師跟平面設計師有什么區(qū)別呢?如果說設計是為了解決問題,優(yōu)化體驗。那么,PPT設計需要解決的是什么樣的問題呢?什么樣的客戶,有這類需求呢?有多少這樣的群體,愿意為毫不起眼的PPT而付費呢?我剛接觸PPT那會兒,我實在是太多的疑惑了。

第一直覺,好丑,好Low.

作為一個資深平面設計師,當第一次看到一些所謂很“不錯”的PPT作品,我第一反應真的是看吐了。感覺好丑好low啊!這就是我的第一直覺。有一些配色,一些陰影,很多細節(jié),簡直完全侮辱我這么多年的審美。這也更加加深了我對PPT的疑惑:

· 就這玩意,這么土的效果,以我的技術不是隨便降維碾壓這些人么?
· 為什么會有這么丑的PPT?
· PPT設計不遵循平面的規(guī)則嗎(透視,顏色,投影等)?
· 要是我來做的話,肯定能做的更好。
· 就這些東西,居然還有那么多人說好?





發(fā)布會,不就是大圖疊字么?簡單!

在沒有跨入這個行業(yè)之前,如果你問我對PPT和發(fā)布會的第一直覺,我會這么回答你:不就是大圖配文字嗎?如果說讓我來操刀發(fā)布會, 我所認為的演示設計,難道不應該是高逼格大圖加簡約而且少的文字么?發(fā)布會不應該就是這樣的嗎?是的,我的第一直覺沒有錯。我們現在看到的比如小米、華為、OV、蘋果,汽車發(fā)布會等等,都是大圖配字。



這樣的設計,背后的邏輯是什么呢?設計看起來很簡單,真的做起來很容易嗎?

演示設計的邏輯

回想一下,我們是什么時候開始接觸PPT這款軟件?我想大部分人基本都是從學生時代開始吧。老師講課都會用到PPT。在學生時代如果老師講課講得無聊,那臺下的學生肯定就打瞌睡了,要么就在竊竊私語或者玩手機,總而言之,注意力肯定被分散了。無聊的老師講課,PPT大片大片的文字,丑陋的配色,臺下學生總是不愛聽,講課生動的老師往往更受歡迎。


同樣道理,教室的場景換成了發(fā)布會現場,老師角色換成了演講人,黑板換成了演示大屏幕。人依然還是從學生時代過來的人。

一切都沒有變。


發(fā)布會演示設計,如果你不能抓住觀眾的眼球,那臺下就沒人聽你講了,場面也會逐漸失控,臺下的人玩手機的玩手機,交流的交流,甚至還會有人覺得浪費時間直接走了。就像看一部乏味的電影,繼續(xù)看下去也是在浪費時間。還不如睡覺。這種情況的出現,對于臺上演講人來講,也是一種巨大的壓力。


所以,演示設計要考慮一個非常重要的問題就是,如何讓每一頁的呈現,深入人心,抓人眼球。這就是為什么發(fā)布會,總是用無比震撼的大圖或者視頻,簡約的大字文案來呈現。因為精彩的內容(圖片和視頻)可以吸引觀眾的注意力,再配合演講人高超的演講技巧,把要傳遞的信息,借著幻燈片傳遞出去。發(fā)布會的主體是人?;脽羝禽o助演講人的工具。你不會見到有人會把一大堆的文字放巨大的屏幕上吧?那坐后排的觀眾看著多費勁。那觀眾到底是自己閱讀大屏幕上面的字呢,還是聽人(演講人)講呢?

請記住,最沒吸引力的當然是枯燥乏味的文字,而且是大段大段的文字。這里我做一個案例展示你感受一下你就明白了。假設你現在正在觀看一場蘋果發(fā)布會,這一個頁面密密麻麻排滿了iPhone 14的相關參數和文字介紹。這里無意冒犯 , 只是想通過一個錯誤的案例展示來表達我自己的觀點。



抓住觀眾的注意力

不管是平面設計還是演示設計,有一條永恒不變的設計規(guī)則,那就是觀眾的注意力特別容易走神。我就拿官網舉例子。做過官網的同學應該有所體會,首頁Banner區(qū)域的位置,一般不會超過5張Banner圖,每一張圖片的輪播時間,一般不會超過3秒。你的Banner如果不能第一時間吸引用戶注意力,逗留時間再長也沒用。并且,如果第一張Banner停留時間過長,將影響用戶注意后面幾張banner。用戶的注意力非常有限。同理,偌大的會場,巨大的屏幕, 臺下成千上萬的觀眾,發(fā)布會如何能吸引用戶的注意力?按照設計的邏輯,要想吸引觀眾的注意力,畫面視覺呈現上能用動態(tài)元素優(yōu)先用動態(tài)(視頻、三維),其次是圖片(吸引眼球的圖片),最后才是文字(盡量少而精簡)。當然一整場發(fā)布會下來不可能全是視頻,這樣也會造成視覺疲勞,仿佛看了一場兩三小時的電影。 這樣源文件也會超負荷過大,硬件設備也未必跟得上。所以一場發(fā)布會,是需要控制好視頻,圖片,占總頁數的比例。

演示設計,就是推演+視覺展示。

說到這里,我給演示設計下一個定義。平面設計是用符號,文字,圖形等一系列的元素進行排列組合成視覺呈現出去給受眾群體。演示設計則是,通過符號,文字,形象,圖形,動畫等等,運用合理的視覺化,用復合邏輯的手段去推演,去展示,把關鍵的point,有力power地傳達出去給臺下受眾。


演示演示,就是推演+視覺展示。和平面設計不同的是,幻燈片演示,不適合在一頁內容上去表達過多的信息,要保持簡約和克制。所以你會看到尤其是手機發(fā)布會,演講的文字內容一大段一大段,但是畫面上字少卻鏗鏘有力,圖片大氣且震撼。



當我第一次動手實戰(zhàn)的時候,我錯了。

前面說到我剛開始接觸演示設計的時候,我的認知就是,做PPT不就找符合文案意境的圖,然后把字擺上去嘛。比如講企業(yè)愿景,大概率就是配高山,大海,攀登,地球等等元素。比如講醫(yī)療的時候,就是配醫(yī)生,實驗室等等配圖。這樣的認知也沒錯。



當我第一次做項目實戰(zhàn)的時候,我也是這么干的。 然而我又犯錯了,我對PPT又有了新的認知。

首先是用途。用途上分為 閱讀型PPT 和 講解型PPT。

| 閱讀型PPT

如果PPT是用作商業(yè)計劃書,項目提案,品牌介紹,白皮書等等這類場景,這一類型的PPT稱為閱讀型PPT。 閱讀型PPT頁面上承載了很多的信息,頁面布局整整齊齊,板塊分明。這一類型的PPT一般是發(fā)給其他受眾去仔細閱讀的,尺寸一般為16:9,4:3,或者2:1 , 3:1。



| 講解型PPT

如果PPT是用在大型發(fā)布會現場這類場景,這一類的PPT稱為講解型的PPT。 這一類PPT,上面也提到過,演講的主體是人,PPT只是輔助的工具,整場發(fā)布會下來主要靠演講人把PPT的內容給講清楚,所以發(fā)布會級別的PPT,一般字少,大圖,大背景,配合動畫,三維去演繹。



我第一次動手做商業(yè)項目的時候,我錯就錯在我的需求是閱讀型PPT,我卻按照講解型的思路去做。每一頁PPT把內容大部分都刪了, 只留下部分重要的信息,再配以大圖。下面這個就是一個反面教材,隨便找個圖片胡糊過去,No Way。

當我再次實戰(zhàn)做發(fā)布會時, 我又犯錯了。

犯了一次錯,我弄明白了什么是講解型的PPT,什么是閱讀型PPT。在我第二次接到發(fā)布會需求的時候,我記得當時是給一個醫(yī)療項目做發(fā)布會,我配了一張水珠的超高清大圖。我當時認為這個圖片非常匹配畫面要表達的場景,但現實又再一次給我打臉。

我記得客戶的反饋就是這個圖過于素材化,一看就是免費攝影圖庫,不符合他們企業(yè)的調性。我這才意識到原來我們平常看到的發(fā)布會級別的演示,一張大圖配的一些剪短而有力的文案,這個圖片的來由不是網絡上找張圖貼上去,或者請攝影師拍一張那么簡單。反過來想,找個合適的圖或者付費買一張合適的圖然后直接打文字上去,真有那么容易,那發(fā)布會也太容易做了,錢哪有那么好賺呢,對吧。



最合適的圖片來自哪里?

那如果圖片不是找一張匹配的圖就能完成演示設計的工作,那最合適的圖片從哪里找呢?他們大廠發(fā)布會的圖從哪里來呢?答案是,網絡上從來就不存在100%合適匹配的圖片,如果你隨便找一張圖就能糊弄甲方過稿,說明你的甲方好忽悠,或者說要求并不高。

我們拿蘋果來舉例子。你去看蘋果的每一次新品發(fā)布會,你去看蘋果的官網上面的圖,他們的選圖絕對不會是隨便在網絡上找合適的圖片,他們的圖片,視頻,一定是團隊親力親為拍攝的。尤其是在展示自己的大樓,車間,生產線,員工,企業(yè)文化等等,網絡上怎么可能存在匹配合適的圖片呢?最優(yōu)質,最合適的圖片一定是請專業(yè)攝影團隊拍攝。這是解決商業(yè)需求首選的方案。

下圖為 蘋果官網截圖





大多數客戶沒有這個預算,要求咱去網絡找圖。預算充足的甲方能讓設計師用上付費高質圖片。預算不足的,設計師只能靠免費圖庫。這里我拿一個我之前做過的商業(yè)案例來給大家展示,這是一頁飛機稿,由于涉及商業(yè),所以畫面所有信息都去除,我們只看畫面視覺。


這一頁客戶要表達的是企業(yè)文化,不畏險阻,勇攀高峰。于是我找了一座高山來表達這個意象。當然這座山不能直接拿來用,于是我對這個照片進行了處理。



圖片壓縮有摩爾紋



這個效果很不錯了對吧。我發(fā)過去給客戶,盡管已經對圖片進行了二次處理符合這一次的意象,但是客戶仍然對圖片提出質疑,認為這座山光禿禿,而且沒有生命力,攀登起來感覺像是探險運動,很危險的感覺。當然客戶的顧慮是對的。后面經過了溝通,我把山峰換成了綠油油的有樹林的山,然后才過稿。

你看,哪怕是精心處理過的圖片,它依然沒法100%匹配客戶的要求。PPT商業(yè)定制,著重在定制兩個字,這就是為什么我每次對客戶介紹自己的時候,我給自己的title都是【PPT商業(yè)定制設計師】。如果你還不是很明白我在講什么,我用兩件T恤來告訴你,什么叫定制。

左邊是一件純白T恤,是工廠批量生產的類型。價格也比較親民,大概幾十塊錢左右。那什么叫定制化呢? 右邊的T恤就是定制,根據客戶的要求私人定制。價格能翻好幾倍。很多年前就聽聞過某位設計大師說過一個非常經典的比喻: 設計就好比裁縫做衣服。


作為設計師,需要在每一次的項目中傾聽客戶的內心需求,再運用手里的素材給客戶定制匹配的圖片,對于反映企業(yè)文化的意象圖片,客戶自然有他自己心中的考量。





字給我再放大點!

有一次做國內某知名游戲工作室的發(fā)布會PPT。 主辦方會場有3個屏幕,一個主屏,兩個副屏。副屏上基本是放字,來輔助大屏的有獎問答。我當時在設計副屏的時候,我認為字已經放得足夠大了,再大就破壞了畫面的平衡和比例,至少在平面領域來講,畫面的字傻大粗,完全沒有美感比例可言。我已經調了五六版了老板還是不滿意,最后老板自己調了一版超級大的字,我才意識到原來我做不好PPT是思維上沒有扭過來,不是因為技法的問題。平面講究的字體大小比例均衡,不適合用在演示項目,尤其是發(fā)布會項目。為什么呢?我們要從用戶的維度去思考,設想一下在會場,如果你的字放得不夠大,那么后排的觀眾可能無法閱讀到文字。給觀眾體驗感不是很好。所以,為什么發(fā)布會一般不會放很多的文字?因為確實閱讀起來很費勁。這就是平面設計跟演示設計的區(qū)別。

那問題來了, 到底發(fā)布會現場,用多大的字才合適呢?業(yè)內有這么一個公式,可以大概推算出字體用多少號,能夠讓發(fā)布會現場最后一排的觀眾也能清楚的看見。



A是指現場最后一排座位到大屏幕的距離,

B是發(fā)布會大屏幕的寬度,

Pa是指人到電腦屏幕的距離,

Pb是指你制作幻燈片時,你電腦屏幕的寬度。


假設A是16m, 也就是說最后一排到大屏幕的距離大約是16米,B(發(fā)布會屏幕)的寬度大約是4米,你再用尺子測量一下你的電腦屏幕寬度(Pb值),假設Pb值是80cm,那我們可以算出Pa,人到電腦屏幕的距離是320cm. 也就是3.2m. 為什么要推算這個3.2m這個數值呢? 這個數值至關重要,得到3.2m這個數值之后,你就站在距離你電腦3.2m的位置,去看你電腦上面的字,能不能看清,如果不能看清就把文字調試到 你站在3m外還能看清的字號大小。



我再強調一遍。此時在電腦桌前做PPT的你,就站在距離你電腦3.2米的位置,然后去調試你PPT中的字體,這個時候就做個測試,字號大概放多小,仍然能被你自己看得清。那么,這一份PPT在發(fā)布會現場就能被最后排的觀眾看清。 當然允許的話 ,還是盡量把字調大一點點。


業(yè)內這個粗略的測試方法, 有點類似于我們小學數學知識里面的比例尺。這個方法不是萬能的,如果條件允許的話,最好就是帶著你的電腦去現場控臺測試,這是最直觀的方法。因為發(fā)布會屏幕亮度,現場燈光等等,各方面很多不可控的因素都有可能影響到你的PPT閱讀性。

平面設計或許不需要對文案進行提煉。但是演示設計需要!

上一篇文章我有提到,演示設計師的第一重任,就是要對客戶想要傳達的信息進行提煉處理?;睘楹?,有所取舍。但是平面設計尤其是版式設計,是允許畫面上大片大片文字的存在的。

那么問題來了,客戶如果給了你很多的文字內容,都想塞在PPT里面,怎么辦?

答案是,做刪減或者分頁。我們要針對內容和客戶溝通,讓客戶做取舍,刪減提煉。一頁PPT保持言簡意賅的表達。 如果很多內容實在都想保留,那就拆頁,分開好幾頁來講。記住,就因為你是設計師,所以你更應該引導甲方(牽著甲方走)。而不是讓自己陷入被動,在設計的時候左右為難,寸步難行不知道該怎么辦。大膽告訴甲方,這一頁內容實在太多了,放不了那么多,影響閱讀。

演示設計也遵循平面設計排版四大基本準則

如果要說平面設計和演示設計,有什么共同的點。那我一定要講,從排版上他們都遵循四大基本準則。從本質出發(fā),如果一份設計稿,畫面信息排布凌亂不堪,那還不如直接閱讀文字。四大準則:對比,對齊,重復,親密性。這個已經是老生常談的話題了,這里不展開闡述。同樣的,演示設計也是需要對畫面進行信息處理,把重要的信息區(qū)分開來。

問題來了: 平面的排版技法用在ppt里面合不合適?

不合適。 前面有提到,PPT最重要的是簡單,直接,生動。如果平面的技法用在PPT上面,很顯然閱讀起來是很費勁的。 不信你看下面這兩個案例。就拿我日常最愛喝的楊枝甘露做一個例子 左邊是我找的一個平面案例。很不錯對吧。 但是如果我用這個排版遷移到發(fā)布會大屏上,或者16比9的PPT里面,我也不多說了,你就自己對比一下吧。



你會發(fā)現,在現場大屏幕下,閱讀如此多的信息,會感到非常費勁,

這就是平面設計和演示設計的區(qū)別。

工作流程的異同之處

做了將近快3年的演示項目,很多流程已經算是爛熟于心。今天趁著這個機會,把自己心中的方法論,系統(tǒng)地寫下來,方便給各位入行的新人設計師指明一條道路。寫,是為了查漏補缺,是為了讓知識更加系統(tǒng)化,縫合進自己的知識體系。對自己對他人都是一件有利的行為。

這里我重點說說,演示設計的工作流程。請看下圖:



首先第一步是提煉文稿。甲方會給你演講人的講稿,大篇的word文字,需要你摘錄分頁放在PPT里。提取關鍵信息,梳理清楚表達邏輯。也有一些甲方,會提前把內容已經放在PPT里了,對于內容多的閱讀型PPT例如白皮書,需要把布局擺整齊。對于內容少的,需要用圖片來撐整個畫面,有一些還需要進行尺寸遷移,比如客戶提供的是16比9, 但是我們要改成發(fā)布會的超寬屏尺寸。

第二步是看分頁。我們把內容分好頁數之后,需要發(fā)給客戶確認,客戶可能會因為預算不夠,讓設計師刪減頁面。因為PPT是按頁數來算錢的,比方說一場發(fā)布會,1頁報價1000元,客戶預算1萬5.但是你卻分頁分出了20頁內容,這無疑超出了客戶的預算,如果乙方這邊不肯讓步的話,甲方只能刪減內容了。疫情大環(huán)境下,大家都得勒緊褲腰帶過日子。甲方也不好過。

第三步是溝通風格。每一個行業(yè)其實風格大體上是固定的,比方說黨政風,水墨風,地產有地產的風格,保險金融也有保險金融的風格。國內手機大廠發(fā)布會風格,都以簡約風格為主。國內新能源汽車發(fā)布會,一律向國外BBA,特斯拉等明星企業(yè)看齊。所以平時看發(fā)布會,就應該多看國外的東西,畢竟很多東西都是借鑒回來的。顏色方面萬變不離其宗。來來去去也就那些。我把定風格這件事情說的如此的輕松,是因為我已經參與了大大小小數百個商業(yè)定制項目,所以很多風格已經爛熟于心。

第四步出風格稿。風格稿一般出3頁就夠了。分好頁之后,選比較能出效果的頁面做風格稿,不要選簡單好做的,尤其是一頁只有一句話,或者只有幾個詞的,這種頁面無法作為風格稿的代表。

第五步定規(guī)范。規(guī)范主要包含以下幾種東西,布局規(guī)范、顏色規(guī)范、字體字號規(guī)范、元素運用規(guī)范、通底。



首先是布局規(guī)范,每一頁PPT都應該設定參考線,我們應當把內容規(guī)定在參考線之內,這樣看起來每一頁都是統(tǒng)一美觀的,這一點對于閱讀型的PPT尤為重要。布局規(guī)范類似于版式(畫冊、DM、白皮書)的設計規(guī)范。

不管是平面設計還是演示設計,我們都應該設定顏色規(guī)范。主色,次主色,輔助色,顏色一般不要超過三種,這是一句老生常談的話了。字體字號規(guī)范也是平面設計和演示設計項目都需要指定的規(guī)范。在演示項目中,需要制定大標題、副標題、內頁標題、正文規(guī)范,還有主題字體。

元素規(guī)范是指,通篇設計稿中不斷復用的元素,比如圓圈,三角形,或者某一些光效,標題修飾等等。

通底是指每一頁PPT的背景。背景通常根據KV元素色調,或者通用元素來指定,通用背景也是為了讓整套PPT看起來更加規(guī)整。

這里我做了一個表格,寫了平面設計和演示設計的工作流程的區(qū)別。當然,平面設計下面有很多細分的領域,我這里一個表格可能沒法闡述全部, 我只挑其中一兩個范疇來講,大家可以進行知識遷移,舉一反三來對比一下平面設計和演示設計的區(qū)別。



設計中的設計

大家有沒有讀過原研哉的這本書?建議入行幾年的朋友,對設計行業(yè)有一定了解的人,可以讀一下這本非常有深度的書。這里我為什么起這個標題 - 設計中的設計。設計中的設計,是你看不見的設計心思。一場發(fā)布會,除了臺前幕后的策劃以外,其實有很多甲方的小心思在里頭。


比如,甲方為了讓觀眾能夠好理解一些復雜的概念,可能會提供一些動畫視頻讓演示設計師放在畫面里。甲方也會糾結一些頁面的字眼描述是不是夠嚴謹,會不會誤導觀眾引起爭議,他們經常會在現場修改文案;甲方會針對整套PPT進行一個全局的梳理,先說哪個,后說哪幾個點,這里的環(huán)節(jié)應該說多少分鐘,那個賣點要讓誰上臺來講;現場的提詞器需要反復校對文稿;怎么樣控制這個節(jié)奏,才不會讓觀眾打瞌睡。在哪里穿插亮點,或者提問題,能夠和臺下一起互動?哪里需要增加動畫?一切策劃細節(jié),都是人為的設計。不要以為設計只是呈現在屏幕上。設計環(huán)節(jié),也算是設計。這些背后的東西,都是設計小心思,我把它稱為,設計中的設計。


原文地址:站酷

作者:我是葉老師

藍藍設計建立了UI設計分享群,每天會分享國內外的一些優(yōu)秀設計,如果有興趣的話,可以進入一起成長學習,請加藍小助,微信號:ben_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系01063334945。


分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。


藍藍設計bouu.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司



分享本文至:

日歷

鏈接

個人資料

藍藍設計的小編 http://bouu.cn

存檔