大家好,我是林利蒙。
很榮幸在本期旁友圈#甲方來襲#的活動中,獲得了第一名,很多旁友對這次設(shè)計比較感興趣,另外也受到運營小姐姐--東鶴的邀請,所以有了此次復(fù)盤。
此次甲方來襲的主題是碧桂園發(fā)布會設(shè)計,是一次地產(chǎn)風(fēng)格的練習(xí)。首先來看下我的作品:
接下來通過復(fù)盤詳細講講我的設(shè)計思路,主要分為五個部分:分析原稿、尋找靈感、準備素材、頁面制作、細節(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?
?準備素材?
汲取了設(shè)計靈感之后,我們要為頁面的制作做一些準備,比如圖標、背景圖片和 PNG 裝飾元素等。在此,我推薦攝圖網(wǎng)及覓元素這兩個網(wǎng)站,以下是本次搜集的素材:
素材的準備階段并不是到這就結(jié)束了,在頁面的制作過程中隨時可能要更換素材,這一個步驟會伴隨整個 PPT 完成。
?04?
?頁面制作?
到了頁面制作這個步驟,為了提高效率,先不追求每一頁都做到極致,而是制作完整的一頁就可以了。
本次設(shè)計以官網(wǎng)的青綠色為主,搭配一點黃色輔助。字體我用了自帶氣質(zhì)的方正清刻本悅宋簡體。
先來看原稿封面:
原稿是深色底,而我們希望采取淺色系進行設(shè)計,因此先找一張淺色系的背景圖。
為什么選擇淺色背景呢?因為我們想要營造出中國水墨風(fēng)的意境感,同時淺色系也與碧桂園官網(wǎng)的色彩調(diào)性相一致,所以,我們選用淺色背景。
但注意,這里的淺色背景不是純白色背景,為什么呢?因為純白色背景過于單調(diào), 缺少意境感。可以考慮使用一些山脈紋理進行修飾,這樣一來,既避免了頁面視覺單調(diào),又體現(xiàn)出了中國風(fēng)味道。如下是在攝圖網(wǎng)找到的背景:
背景確定后,就要找些與主題相關(guān)的裝飾元素來豐富畫面。
由于是地產(chǎn)公司,所以要有房屋(在這里我還對房屋設(shè)置了簡單的倒影),加入 logo 后簡單排版可以得到如下頁面:
這樣的排版設(shè)計基本上就可以了,后面的再進行細化設(shè)計就好。接下來是第二頁,原稿如下:
這頁內(nèi)容很少,只有三個關(guān)鍵詞。我選擇了一個綠色基調(diào)的圖片疊底,然后上面蓋一層白色漸變蒙版,再加入鏤空的文字設(shè)計,下面是三個關(guān)鍵詞。我最初的排版設(shè)計如下:
這頁也先這樣,后面再優(yōu)化。
第三頁是一個小標題配兩部份內(nèi)容:
原先的排版是上下布局的,由于屏幕尺寸比較寬,所以我改成了左右排版,然后讓標題錯落放置,更有設(shè)計感。同時為了防止頁面單調(diào),所以加入了圖片來充實畫面。
第四頁與上頁的布局很類似,原稿:
這里為了統(tǒng)一畫面,我還是按照左右排版:
第五張原稿:
這張內(nèi)容算是比較多的。標題是商業(yè)生態(tài)圈,很多人會想到中間放標題,周圍畫一些圈圈來表現(xiàn)生態(tài)圈這個概念,當(dāng)然這樣的設(shè)計很直觀很棒,但是大部分人會想到這樣的設(shè)計方法,所以再這樣設(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)制作了九成,但還沒達到眼前一亮的感覺,頁面氣質(zhì)沒有出來。于是我又對字體進行設(shè)計,就是“和”字的設(shè)計,我參考了如下頁面:
我們可以看到頁面中“異”字特別出彩,于是我分析字體進行了復(fù)刻。具體操作包括:筆畫拆分,漸變填充,三維格式設(shè)置等操作,進行字體設(shè)計后的頁面如下:
可以看出,只是一個字體設(shè)計,再搭配一些竹葉穿插使整個頁面亮眼了不少。
第二頁
目前的問題是畫面昏暗,空洞,有些臟,雖然鏤空文字比較出彩,但還是不夠,我想了下是否可以將這種文字和圖片的關(guān)系反過來設(shè)計,這樣,畫面很明亮也更具設(shè)計感。
再有一個小細節(jié)是圖片下方淡淡的綠色發(fā)光效果,這其實是圖片下方加入形狀元素并添加陰影蓋在圖片下方而呈現(xiàn)出的效果。
畫面中文字序號 1,2,3 是亮點,主要用到了背景圖片填充及設(shè)置白色陰影,底部文字也標注了拼音加入樹葉修飾等細節(jié),使整體頁面更具新中式的氣質(zhì)。
第三頁
這一頁也是缺少細節(jié)刻畫,我依舊進行文字設(shè)計,將“不”字加長,使標題更具整體感。同時加入竹葉修飾來填補左側(cè)空白。
第四頁
這一頁文字處理與上頁相同。不過目前頁面中文字較散,于是我加入抽象曲線來串聯(lián),右下角也加入淺色圖片充實畫面:
第五頁
標題欠缺設(shè)計,畫面較空。細節(jié)優(yōu)化后的頁面:
最后一頁
問題與前面幾頁相同,加入細節(jié)刻畫:
至此,所有頁面刻畫完畢。
總結(jié),在設(shè)計時,先查閱資料確定風(fēng)格,搜集靈感,設(shè)計時先完成再完美,細節(jié)是畫面精致的關(guān)鍵。多看多練多積累。
好了最后來看下原稿和成品的對比:
希望我的制作思路能給你帶來幫助。如果對本次作品感興趣,也歡迎交流~
?
本文內(nèi)容為 林利蒙?原創(chuàng)出品
如果對你有所幫助,歡迎在文章底部點擊「在看」
旁友圈PPT學(xué)習(xí)社群推薦
已超16500位讀者,現(xiàn)在加入,可以免費獲取PPT視頻學(xué)習(xí)課程,以及超5000頁涵蓋各個類型的PPT設(shè)計靈感手冊......
更多關(guān)于<設(shè)計感>的文章,推薦閱讀
35頁PPT,教你只用一個小圖標,做出創(chuàng)意十足的幻燈片!
定制案例復(fù)盤,我們是如何為喜瑪拉雅設(shè)計PPT的?
再小的技能,
也值得被認真對待。