Halo拌夏,大家好僧著,我是子安履因。
最近在做邵大的旁友圈作業(yè)障簿,這次作業(yè)主題是微信讀書,并且在這次作業(yè)中嘗試了新的風格栅迄,所以這次我們來做一個復(fù)盤總結(jié)站故。
原稿是這樣子的:
拿到原稿,我們首先要確定設(shè)計規(guī)范毅舆,也就是確定風格西篓、配色、字體憋活。
01 風格確定
因為這是一份介紹微信讀書的 PPT岂津,所以我先去了官網(wǎng)上找靈感。
官網(wǎng)上有2個版本悦即,一個黑色風格頁面吮成,一個是水墨風格頁面橱乱,沒有其他多余介紹,并沒有給我太大的啟示粱甫,本來打算通過常規(guī)的商務(wù)風來完成這次作業(yè)的泳叠,但是發(fā)現(xiàn)旁友圈大神們商務(wù)風的作業(yè)太優(yōu)秀,所以這次想要出彩的話茶宵,只能轉(zhuǎn)換風格危纫,另尋他法,但是目前又沒有什么靈感乌庶,怎么辦呢种蝶?
在我把花瓣、站酷這些設(shè)計網(wǎng)站翻了一遍瞒大,冥思許久無果后蛤吓,回頭看了一眼 LOGO,突然好像有那么一絲靈感了糠赦。
我們先將 LOGO放大看是這樣子的会傲。
那如果將藍白顏色互換淌山,就是這樣子的。
然后再仔細看一下泼疑,內(nèi)部白色的形狀有點書本的感覺,那外部藍色的如果做成書框或者書皮呢退渗?想到做成書框,那剪紙風無疑非常合適的会油。
通過找來的剪紙風素材對比翻翩,好像有那么點感覺,那我們把剪紙畫出來看看稻薇。
第一層:
第二層:
效果還不錯,即體現(xiàn)了LOGO桨仿,又有一定的縱深感案狠,如果在里面加入一些插畫元素暇昂,還有點書中自有萬千世界的感覺。所以急波,風格就確定下來了瘪校,剪紙風!
02?色彩搭配
色彩就采用 LOGO 色-藍色泣懊,然后再選取幾個不同明度的藍色作為對比色麻惶,這里我是直接參照了螞蟻體驗科技提供的配色馍刮。
03?字體搭配
因為主題是微信讀書卡啰,文學性質(zhì)比較強警没,所以正文字體采用較為優(yōu)雅的思源宋體,而標題字體亡脸,根據(jù)標題“讓閱讀不再孤獨”树酪,采用較為歡樂活潑的站酷快樂體。
OK续语,整體設(shè)計規(guī)范基本就定好了垂谢,我們進入到具體頁面修改。
04?頁面優(yōu)化
1绵载、封面頁
原稿標題是讓閱讀不再孤獨埂陆,所以我找了一些和閱讀有關(guān)娃豹,并且能體現(xiàn)不孤單的插畫素材懂版。
然后挑選一張素材作為封面元素躯畴,利用在線摳圖網(wǎng)站Remove去除背景民鼓,放入到我們定好風格的頁面中丰嘉,初步排版嚷缭。
頁面右邊有點空,再從找來的素材里面扣一些元素放進去路幸。
頁面豐富了一些简肴,但是我們細節(jié)上還可以繼續(xù)優(yōu)化砰识。
1佣渴、標題設(shè)置陰影,凸顯層次予借;
2频蛔、利用形狀柔化邊緣模擬影子(如梯子、木馬)瀑粥,營造真實感三圆。
2舟肉、多文字頁
我們先對內(nèi)容進行梳理。
然后我們在前面找的素材里面挑個合適的素材黄琼,利用Remove扣去背景脏款,放進來看一下。
剪紙和封面的一樣剂府,連續(xù)看下來視覺會有點疲憊剃盾,我們將剪紙稍微調(diào)整一下。
3湾笛、數(shù)據(jù)圖表頁
這一頁是微信讀書的用戶分析嚎研,前面找的素材里面我發(fā)現(xiàn)有一張非常的適合库倘。
但是放進頁面里面教翩,有點擋住上面的信息,所以我們可以進行水平翻轉(zhuǎn)蚜退,翻轉(zhuǎn)的時候要注意文字也會一起翻轉(zhuǎn)彪笼,可以利用PS處理,或者利用形狀進行遮蓋幅恋。
圖表內(nèi)容上泵肄,考慮到整體風格的融合度腐巢,我將年齡分布圖轉(zhuǎn)成了柱狀圖,并且繪制了一個圓角三角形進行填充系忙,讓圖表看起來比較圓潤;性別分布圖則換成圓環(huán)圖风宁,并且繪制一個弧形覆蓋在圓環(huán)上蛹疯,制造層次感。
然后將表格放入頁面進行排版饮寞,效果就是這樣的幽崩,看起來還可以吧寞钥?
為了在細節(jié)上進一步優(yōu)化,我們還可以繼續(xù)利用橢圓柔化邊緣模擬人物陰影蹄溉,然后再通過布爾運算的剪除功能柒爵,在小卡片上打了個洞赚爵,讓其有種書簽的感覺。
4膏蚓、多項內(nèi)容頁
這一頁內(nèi)容上已經(jīng)精煉的差不多了驮瞧,我們只需要插入素材论笔,簡單排版即可。
5狂魔、整體效果
?
?OK最楷,本次復(fù)盤到此結(jié)束籽孙!
我是子安,我們下期再會~
PPT源文件獲冉补凇:
關(guān)注公眾號【子安PPT】适瓦,后臺回復(fù)“微信讀書”即可獲取源文件。