原文標(biāo)題：《那些驚艷的【發(fā)布會 PPT】是如何設(shè)計的？》
今天分享一篇超級詳細的發(fā)布會 PPT 復(fù)盤設(shè)計
話不多說，來看下我的作品：
本次復(fù)盤分五個步驟：分析原稿、尋找靈感、準(zhǔn)備素材、頁面制作、細節(jié)優(yōu)化
01.分析原稿
作業(yè)原稿是這樣的：
首先對 PPT 中的內(nèi)容進行分析。
了解到這是關(guān)于碧桂園中堂的發(fā)布會，主要圍繞中堂的幾個優(yōu)點展開闡述。由于此次作品原稿中的邏輯很簡單，而且已經(jīng)劃分好了，因此我們可以直接使用原稿中的內(nèi)容邏輯。
然后是整體的設(shè)計風(fēng)格選擇。
什么是設(shè)計風(fēng)格呢？其實就是作品的配色和整體氣質(zhì)。眾所周知，對于黨政或者科技風(fēng)格的設(shè)計，我們腦海中都會有一個很清晰的設(shè)計風(fēng)格：比如黨政的紅黃配色給人又紅又專的感覺；而科技風(fēng)的藍綠色系配色，給人神秘高端的感覺。
而對于地產(chǎn)類風(fēng)格，我們平時接觸的比較少，其實地產(chǎn)本身就是虛無縹緲的概念。因此，我們可能無法在腦海中一下子構(gòu)建出一套設(shè)計風(fēng)格，那么就需要查閱相關(guān)的資料和案例，從中找尋靈感從而敲定風(fēng)格。
02. 尋找靈感
當(dāng)你不了解一個公司的風(fēng)格時，最好的方法是先搜索該公司的官網(wǎng)。
以下是碧桂園的官網(wǎng)：
通過官網(wǎng)我們了解到碧桂園是一家地產(chǎn)公司，它的配色和設(shè)計給人一種干凈專業(yè)的氣質(zhì)。
接下來以“地產(chǎn)”為關(guān)鍵詞搜索一些相關(guān)的設(shè)計頁面，作為靈感參考。這里首推「花瓣網(wǎng)」，經(jīng)過搜索后，會得到許多的靈感頁面，我將它們整合為兩類，暗色系和淺色系：
當(dāng)你搜索到不同風(fēng)格的靈感參考時，就要進行篩選，這決定了你后期設(shè)計的大走向，因此這一步很重要。
本次選擇了淺色系，主要與碧桂園官網(wǎng)有關(guān)。不難發(fā)現(xiàn)暗色系的設(shè)計其實是普適性的，可以用在各大地產(chǎn)公司中，但要體現(xiàn)碧桂園本身的調(diào)性，我還是選擇了清爽干凈的淺色系。
03.準(zhǔn)備素材
汲取了設(shè)計靈感之后，我們要為頁面的制作做一些準(zhǔn)備，比如圖標(biāo)、背景圖片和 PNG 裝飾元素等。在此，我推薦攝圖網(wǎng)及覓元素這兩個網(wǎng)站，以下是本次搜集的素材：
素材的準(zhǔn)備階段并不是到這就結(jié)束了，在頁面的制作過程中隨時可能要更換素材，這一個步驟會伴隨整個 PPT 完成。
04.頁面制作
到了頁面制作這個步驟，為了提高效率，先不追求每一頁都做到極致，而是制作完整的一頁就可以了。
先完成再完美！
本次設(shè)計以官網(wǎng)的青色為主，搭配黃色輔助。字體選擇方正清刻本悅宋簡體。
封面
原稿是深色底，而我們希望采取淺色系進行設(shè)計，因此先找一張淺色系的背景圖。
為什么選擇淺色背景呢？因為我們想要營造出中國水墨風(fēng)的意境感，同時淺色系也與碧桂園官網(wǎng)的色彩調(diào)性相一致，所以，我們選用淺色背景。
但注意，淺色背景不是純白色背景，因為純白色背景過于單調(diào)，缺少意境感。
可以考慮使用一些山脈紋理進行修飾，這樣一來，既避免了頁面視覺單調(diào)，又體現(xiàn)出了中國風(fēng)味道。如下是在攝圖網(wǎng)找到的背景：
背景確定后，就要找些與主題相關(guān)的裝飾元素來豐富畫面。
由于是地產(chǎn)公司，所以要有房屋（在這里我還對房屋設(shè)置了簡單的倒影），加入 logo 后簡單排版可以得到如下頁面：
基本排版結(jié)束，后面再細化設(shè)計就好。
目錄
這頁內(nèi)容很少，只有三個關(guān)鍵詞。我選擇了一個綠色基調(diào)的圖片疊底，然后上面蓋一層白色漸變蒙版，再加入鏤空的文字設(shè)計，下面是三個關(guān)鍵詞。我最初的排版設(shè)計如下：
這頁也先這樣，后面再優(yōu)化。
第三頁
原先的排版是上下布局的，由于屏幕尺寸比較寬，所以我改成了左右排版，然后讓標(biāo)題錯落放置，更有設(shè)計感。同時為了防止頁面單調(diào)，所以加入了圖片來充實畫面。
第四頁
這里為了統(tǒng)一畫面，我還是按照左右排版：
第五頁
這張內(nèi)容算是比較多的。標(biāo)題是商業(yè)生態(tài)圈，很多人會想到中間放標(biāo)題，周圍畫一些圈圈來表現(xiàn)生態(tài)圈這個概念
當(dāng)然這樣的設(shè)計很直觀很棒，但是大部分人都能想到，但不夠出彩，還有什么方式可以表現(xiàn)生態(tài)圈這個概念呢？
我想到了之前看到的旭輝地產(chǎn)的一張設(shè)計：
畫面中由中心點向外發(fā)散這一概念讓我印象很深刻，我覺得這也可以用于表現(xiàn)商業(yè)圈涵蓋領(lǐng)域眾多這個概念，于是有了如下設(shè)計。
第六頁
這里人物選擇很重要，原稿中人物很暗淡、憂郁，不太符合目前畫面的氣質(zhì)，因此我重新選擇了一張與畫面氣質(zhì)搭的人物圖片：
好了我們看下目前的成品：
到此，先不說做的有多精致，至少雛形已經(jīng)出來了，算是合格的作品了。
05.細節(jié)優(yōu)化
封面
從封面開始進行優(yōu)化：
目前頁面比較空，需加入細節(jié)刻畫，如符合氣質(zhì)的竹子、祥云等
另外畫面較平，所以我在底部繪制了一個地面營造場景感；同時給房子背后添加高樓線稿來豐富畫面，同時高樓也凸顯地產(chǎn)大亨的感覺。
到此頁面已經(jīng)制作了九成，但還沒達到眼前一亮的感覺。于是我又對字體進行設(shè)計，就是“和”字的設(shè)計，我參考了如下頁面：
我們可以看到頁面中“異”字特別出彩，于是我分析字體進行了復(fù)刻。具體操作包括：筆畫拆分，漸變填充，三維格式設(shè)置等操作，進行字體設(shè)計后的頁面如下：
可以看出，只是一個字體設(shè)計，再搭配一些竹葉穿插使整個頁面亮眼了不少。
第二頁
目前的問題是畫面昏暗，空洞，有些臟，雖然鏤空文字比較出彩，但還是不夠，我想了下是否可以將這種文字和圖片的關(guān)系反過來設(shè)計，這樣，畫面很明亮也更具設(shè)計感。
再有一個小細節(jié)是圖片下方淡淡的綠色發(fā)光效果，這其實是圖片下方加入形狀元素并添加陰影蓋在圖片下方而呈現(xiàn)出的效果。
畫面中文字序號 1，2，3 是亮點，主要用到了背景圖片填充及設(shè)置白色陰影，底部文字也標(biāo)注了拼音加入樹葉修飾等細節(jié)，使整體頁面更具新中式的氣質(zhì)。
第三頁
這一頁也是缺少細節(jié)刻畫，我依舊進行文字設(shè)計，將“不”字加長，使標(biāo)題更具整體感。同時加入竹葉修飾來填補左側(cè)空白。
第四頁
這一頁文字處理與上頁相同。不過目前頁面中文字較散，于是我加入抽象曲線來串聯(lián)，右下角也加入淺色圖片充實畫面：
第五頁
給標(biāo)題加入竹葉和細節(jié)修飾：
最后一頁
問題與前面幾頁相同，加入細節(jié)刻畫：
至此，所有頁面刻畫完畢。
我們來看下原稿和成品的對比：
最后再來回顧設(shè)計的五個步驟：分析原稿、尋找靈感、準(zhǔn)備素材、頁面制作、細節(jié)優(yōu)化
即先查閱資料確定風(fēng)格，搜集靈感，設(shè)計時先完成再完美，細節(jié)是畫面精致的關(guān)鍵。多看多練多積累。你學(xué)會了嗎？
本文來自微信公眾號：Slidecent （ID：Slidecent），作者：林利蒙
廣告聲明：文內(nèi)含有的對外跳轉(zhuǎn)鏈接（包括不限于超鏈接、二維碼、口令等形式），用于傳遞更多信息，節(jié)省甄選時間，結(jié)果僅供參考，IT之家所有文章均包含本聲明。