伯健君PPT手把手系列教程是什么:
要想提升PPT水平涧偷,學(xué)習(xí)占兩成,練習(xí)占八成。
即日起本公眾號(hào)將啟動(dòng)「PPT手把手系列教程」荤懂,幫助大家真正提高PPT水平。本系列教程將挑選優(yōu)秀作品喝峦,逐層分解,手把手帶你從0到1做出一頁(yè)好看的PPT呜达。
更多教程可關(guān)注我的公眾號(hào):伯健君PPT谣蠢。
本期練習(xí)作品是 Dribbble 作者 Divan Raj 的作品「UISUMO client details page」。
這份作品偏向于網(wǎng)頁(yè)頁(yè)面設(shè)計(jì)查近,完成練習(xí)你將會(huì)提升:
- 排版設(shè)計(jì)能力眉踱;
- 對(duì)「對(duì)齊」有更深理解;
- 對(duì)陰影的運(yùn)用霜威、卡片式設(shè)計(jì)有更強(qiáng)的把握谈喳;
- 對(duì) icon 的搜索和運(yùn)用更加熟練;
以上是我的練習(xí)作品戈泼,幾乎是1:1臨摹了婿禽。看完本篇教程大猛,你也可以做出來(lái)扭倾。
教程正式開(kāi)始!
新建幻燈片
幻燈片的尺寸是可以自定義的挽绩,我們需要新建一個(gè)尺寸和練習(xí)對(duì)象一樣的幻燈片膛壹。將練習(xí)對(duì)象圖片保存到電腦本地,右鍵查看圖片尺寸唉堪。點(diǎn)擊詳細(xì)信息模聋,得知本次練習(xí)對(duì)象尺寸是1600像素 × 1200像素∵胙牵基于72dpi下链方,1厘米=28.346像素,尺寸換算成56.444 厘米 × 42.333 厘米灶搜,填入幻燈片內(nèi)(入口:設(shè)計(jì)——幻燈片大小——自定義幻燈片大兄度帷)。
搭建框架
幻燈片中存在「層」的概念占调,我們?cè)谧鲆豁?yè)P(yáng)PT時(shí)需要先把最底層的元素構(gòu)建好暂题,就像建房子一樣,“萬(wàn)地高樓平地起”究珊。
使用PPT原生取色器或 Nordri Tools 的取色器薪者,在練習(xí)對(duì)象中取背景色,得其色值為#F8F8F8剿涮,應(yīng)用到PPT中的背景顏色(入口:設(shè)計(jì)——設(shè)置背景格式——純色填充)言津。
在觀察練習(xí)對(duì)象中發(fā)現(xiàn)攻人,所有元素是承載在某個(gè)大的卡片上,因此我們需要先將該卡片做出來(lái)悬槽,限定范圍怀吻。(插入矩形,填充顏色:F8F8F8初婆,疊加陰影效果蓬坡,陰影數(shù)值:顏色純黑、透明度90%磅叛、大小100%屑咳、模糊100磅、角度45°弊琴、距離110磅)兆龙。效果和調(diào)出方式見(jiàn)下圖。
在造出第一個(gè)大卡片后敲董,照葫蘆畫(huà)瓢紫皇,繼續(xù)把頁(yè)面的所有卡片打造出來(lái),方式一樣(插入矩形腋寨,疊加陰影效果)坝橡,但每個(gè)卡片的陰影參數(shù)設(shè)置都不一定一樣的,這需要一邊看練習(xí)對(duì)象一邊調(diào)整精置。
當(dāng)你把所有卡片造出來(lái)以后计寇,應(yīng)該是像下圖這樣。
icon 的搜索和使用
該作品使用了較多的 icon脂倦,而我完成該練習(xí)的所需 icon 全部使用了桌面客戶端「Icons8」得到番宁。你只需要通過(guò)在搜索框輸入相關(guān)搜索詞即可得到相應(yīng)的 icon,然后直接拉入PPT中直接使用赖阻。
下面通過(guò)一個(gè)動(dòng)圖看看如何使用「Icons8」蝶押,搜索出「放大鏡」這個(gè) icon。
找 icon并不是十分簡(jiǎn)單的事情火欧,你需要一些耐心來(lái)做棋电。同時(shí)你可以通過(guò)「Icons8」左邊的 Icon Packs 和 Categories 分類來(lái)更容易找到你想要的 icon。例如練習(xí)作品左邊的是清一色的 Material Design 風(fēng)格的 icon苇侵,你可以直接在 Icon Packs 選擇 Material 包赶盔。
這里需要注意的是,因?yàn)槲覀冎皇菫榱司毩?xí)榆浓,1:1完全復(fù)刻是沒(méi)有意義的于未,在某些 icon 上我們可以選擇相似的 icon 替代。
當(dāng)你把 icon都找齊的時(shí)候,應(yīng)該是如下圖這樣烘浦。
字體的選擇和文字鍵入
在該部分并沒(méi)有實(shí)質(zhì)的難度抖坪,但是需要有足夠的耐心。
正如我剛剛所說(shuō)闷叉,為了練習(xí)擦俐,1:1完全復(fù)刻是沒(méi)有意義的,所以我們?nèi)绻覀冋也坏骄毩?xí)對(duì)象上所用的字體握侧,我們自行選擇一款合適的字體也是可以的蚯瞧。
根據(jù)我的觀察,練習(xí)對(duì)象上使用的是 Roboto 字體藕咏,大家可以在網(wǎng)絡(luò)上自行下載状知。合理利用 Roboto 字體的各種字重:bold秽五、medium孽查、light,我在練習(xí)中就使用了這三種字重坦喘。
文字需要準(zhǔn)確選擇大小和顏色盲再,這部分需要盡量忠于原作品,必要時(shí)可以使用取色器瓣铣。
再重復(fù)一遍答朋,這部分沒(méi)有難度,但需要耐心棠笑,這部分還有很重要的是夾雜著各種對(duì)齊梦碗,請(qǐng)盡可能地多使用PPT的工具欄中的對(duì)齊功能。
當(dāng)你把所有文字的鍵入以后蓖救,應(yīng)該是如下圖所示洪规。
最后的點(diǎn)綴
觀察練習(xí)作品,還有各種空心圓的小點(diǎn)綴循捺。這里教一下怎么做這種空心圓(下面有動(dòng)圖)斩例。
先制作一大一小兩個(gè)圓,藍(lán)色的大圓是我們想要的从橘,黑色的小圓是用來(lái)剪除的念赶。
打開(kāi)「選擇窗格」,將藍(lán)色大圓放在頂部恰力,將黑色小圓放在底部叉谜,并拖曳至藍(lán)色大圓中間,按住 ctrl 鍵踩萎,先后選擇藍(lán)色大圓和黑色小圓正罢,然后點(diǎn)擊工具欄的格式——合并形狀——剪除,即得到一個(gè)空心圓。
當(dāng)你把所有空心圓都造出來(lái)以后翻具,你就完成了本次練習(xí)履怯,效果應(yīng)該如下: