本周旁友圈的作業(yè),是為科沃斯做一份掃地機(jī)器人介紹的PPT:
來(lái)看一下原稿,頁(yè)面類(lèi)型比較常見(jiàn),難度也不大,很適合上手練習(xí):
所以我也嘗試做了一份作業(yè),終稿呈現(xiàn)的效果還是挺滿意的:
今天這篇文章呢,就給大家復(fù)盤(pán)一下這份產(chǎn)品介紹PPT的設(shè)計(jì)制作思路。
確定設(shè)計(jì)規(guī)范
在開(kāi)始設(shè)計(jì)之前,我們先設(shè)定好顏色字體等規(guī)范,這樣可以在后續(xù)的設(shè)計(jì)中,保持好整份PPT風(fēng)格的統(tǒng)一。
在顏色的選取上,一般可以參考企業(yè)的官網(wǎng)或logo的配色運(yùn)用:
以科沃斯的官網(wǎng)和LOGO為取色對(duì)象,設(shè)定藍(lán)色作為主色調(diào),選用幾個(gè)不同深淺的藍(lán)色,能很好的豐富色彩層次:
選定了OPPOSans字體用于標(biāo)題和正文中,OPPOSans系列字體為黑體類(lèi)型,看起來(lái)端正時(shí)尚,適用于電子產(chǎn)品的設(shè)計(jì)中:
在背景方面,大面積單色色塊的使用,看著會(huì)比較單調(diào)呆板:
所以我把它換成了顆粒磨砂的背景,同時(shí)用一些光影元素修飾,讓封面更有質(zhì)感:
設(shè)計(jì)規(guī)范設(shè)定好之后,我們就可以開(kāi)始頁(yè)面的優(yōu)化設(shè)計(jì)了。
封面包含了LOGO和標(biāo)題這兩部分:
既然是產(chǎn)品介紹主題PPT,因此可以將產(chǎn)品加入到封面中,做成左文右圖的版式:
我們先用摳圖工具,把產(chǎn)品摳出來(lái),接著換上磨砂紋理的背景:
此時(shí)產(chǎn)品的呈現(xiàn)比較單調(diào),接下來(lái)可以思考怎么去豐富展示的方式?
在上一篇的推文中,我有用到展臺(tái)的形式來(lái)承載百雀羚的產(chǎn)品,這樣呈現(xiàn)的效果還不錯(cuò):
因此這里也打算構(gòu)建一個(gè)室內(nèi)的場(chǎng)景,來(lái)承載展示這個(gè)掃地機(jī)器人:
我們可以用兩個(gè)漸變矩形來(lái)實(shí)現(xiàn)墻體背景,此外還添加了「膠片顆粒」藝術(shù)效果,讓背景有現(xiàn)實(shí)墻體的顆粒感:
點(diǎn)擊圖片可查看細(xì)節(jié)
而展臺(tái)元素呢,也可以用不同形狀拼接繪制而成:
接下來(lái),把所有元素放在同一頁(yè)面上,產(chǎn)品、字體與背景的融合度還是不夠,看起來(lái)有些僵硬:
這時(shí)只要簡(jiǎn)單加上陰影效果,就能很好將產(chǎn)品文字融入到畫(huà)面的光影空間中去:
最后整體的頁(yè)面效果看起來(lái)也會(huì)更加的真實(shí):
這是一張關(guān)于掃地機(jī)器人的產(chǎn)品對(duì)比頁(yè)面:
分析文案內(nèi)容,可以知道主要是分為三點(diǎn)進(jìn)行對(duì)比:
我們可以先用不同顏色的卡片,來(lái)承載和區(qū)分信息內(nèi)容,同時(shí)加上不同的產(chǎn)品,增強(qiáng)對(duì)比效果:
然后換上磨砂質(zhì)感背景,在頁(yè)面底部疊加一個(gè)色塊,以此來(lái)豐富頁(yè)面的層次:
為了更有創(chuàng)意和增加頁(yè)面的設(shè)計(jì)細(xì)節(jié),可以將色塊設(shè)計(jì)成毛玻璃的效果:
此外,我們可以將項(xiàng)目符號(hào)替換成質(zhì)感按鈕元素,這樣的頁(yè)面效果更佳:
最后再加入光影和植物修飾元素,頁(yè)面效果還不錯(cuò)吧?
這是一張圖文排版頁(yè)面,講述的是APP的特點(diǎn)內(nèi)容:
我們先對(duì)文字進(jìn)行排版處理,可以加入圖標(biāo)元素,增強(qiáng)信息可視化:
手機(jī)截圖的處理,一般可以將圖片套入到手機(jī)樣機(jī)中:
但為了保持風(fēng)格的統(tǒng)一,延續(xù)上一頁(yè)毛玻璃效果,將圖片改用毛玻璃質(zhì)感矩形來(lái)承載:
接下來(lái),把處理后的文字和圖片放在一個(gè)頁(yè)面中,做成左文右圖的版式:
此時(shí)頁(yè)面還是比較單調(diào),我們依舊可以用色塊疊底,來(lái)增強(qiáng)頁(yè)面的層次:
同時(shí)將承載圖標(biāo)的圓形,替換成透明玻璃質(zhì)感的元素,這樣會(huì)更加的契合頁(yè)面效果:
最后加入光影和植物這些視覺(jué)延伸元素,這樣頁(yè)面就優(yōu)化排版完成了:
這頁(yè)是關(guān)于產(chǎn)品規(guī)格參數(shù)的表格排版:
我們可以先把文字提取出來(lái),繼續(xù)用圖標(biāo)來(lái)可視化信息內(nèi)容:
延用上一頁(yè)的透明玻璃元素來(lái)承載圖標(biāo),這樣可以保持視覺(jué)上的統(tǒng)一:
因?yàn)槭?/strong>關(guān)于產(chǎn)品的規(guī)格參數(shù)介紹,所以加入產(chǎn)品圖片,來(lái)進(jìn)一步增強(qiáng)可視化程度:
接下來(lái)優(yōu)化產(chǎn)品的呈現(xiàn)效果,把產(chǎn)品摳出來(lái),增加一個(gè)投影,這樣產(chǎn)品呈現(xiàn)更真實(shí):
參考封面設(shè)計(jì),構(gòu)建一個(gè)產(chǎn)品展示的墻體場(chǎng)景:
最后把規(guī)格參數(shù)放置在墻面背景上,看看效果,質(zhì)感還是挺豐富的~
好了,以上就是此次的優(yōu)化思路,我們最后來(lái)看下修改前后對(duì)比:
修改前
修改后
]]>課程名稱(chēng):專(zhuān)業(yè)的PPT是怎樣煉成的
課程規(guī)模:46集(不斷更新)
課程形式:在線視頻教程
推薦理由:課程由iSlide官方出品,可靠高質(zhì)量。享受終身學(xué)習(xí)、更新和課堂互動(dòng)特權(quán)。
限時(shí)活動(dòng):¥59¥99
試看視頻經(jīng)過(guò)壓縮(購(gòu)買(mǎi)后視頻均為高清格式)
每天,全球有超過(guò)
1,000,000場(chǎng)的演示應(yīng)用在各個(gè)商業(yè)領(lǐng)域
人們對(duì)于通用、易懂的
視覺(jué)化溝通需求變得越來(lái)越多
而此刻,你或許正在被
這些PPT設(shè)計(jì)的問(wèn)題所困擾?
渴望來(lái)一場(chǎng)改變
用最少的時(shí)間精力來(lái)掌握專(zhuān)業(yè)的PPT設(shè)計(jì)技能?
利用好最專(zhuān)業(yè)的PPT工具和資源
來(lái)提升你的PPT設(shè)計(jì)效率?
那這可能正是你需要的
37節(jié)課讓你更懂PPT
▼
模塊化的課程設(shè)計(jì)
讓你更清晰的掌握所需技能
A? PPT標(biāo)準(zhǔn)規(guī)范設(shè)計(jì)
掌握PPT的全局化設(shè)計(jì)規(guī)則,保持設(shè)計(jì)風(fēng)格一致,最大限度的減少重復(fù)編輯的工作量,從而更高效制作專(zhuān)業(yè)的演示文檔報(bào)告。
A.1 PowerPoint主題應(yīng)用
A.2 文本設(shè)計(jì)規(guī)范
A.3 主題色彩應(yīng)用
A.4 版式規(guī)范
A.5 風(fēng)格與樣式規(guī)范
保持形狀效果一致的快捷方法
B? 從Word到PPT
做PPT之前要“知道寫(xiě)什么,怎么表現(xiàn)形式“,這是兩個(gè)過(guò)程,先有文案,再來(lái)設(shè)計(jì)!在規(guī)范的基礎(chǔ)上進(jìn)一步優(yōu)化文檔內(nèi)容細(xì)節(jié),提升PowerPoint文檔專(zhuān)業(yè)性。
B.1 做PPT時(shí)內(nèi)容如何建立
B.2 文本圖形化設(shè)計(jì)
B.3 PPT綜合設(shè)計(jì)原則
B.4 iSlide插件輔助設(shè)計(jì)
簡(jiǎn)單三步創(chuàng)建專(zhuān)業(yè)PPT演示文檔
C??PPT 頁(yè)面元素設(shè)計(jì)
學(xué)習(xí)頁(yè)面內(nèi)容中的圖片,圖表,表格的專(zhuān)業(yè)設(shè)計(jì)呈現(xiàn)技巧,在建立規(guī)范設(shè)計(jì)的前提下進(jìn)一步提升文本數(shù)據(jù)內(nèi)容視覺(jué)化呈現(xiàn)的專(zhuān)業(yè)性。
C.1 圖片的優(yōu)化與排版
C.2 構(gòu)建專(zhuān)業(yè)的數(shù)據(jù)圖表
C.3 表格優(yōu)化
單元格數(shù)據(jù)強(qiáng)調(diào)
D??PPT 動(dòng)畫(huà)與多媒體
學(xué)習(xí)配合宣講的PPT動(dòng)畫(huà)設(shè)計(jì)、音視頻多媒體素材的應(yīng)用以及借助演講者視圖讓你的演講更加出彩!
D.1 PPT動(dòng)畫(huà)的應(yīng)用分類(lèi)
D.2 PPT動(dòng)畫(huà)的屬性
D.3 配合宣講的動(dòng)畫(huà)設(shè)計(jì)
D.4 加入聲音與視頻
D.5 演講者視圖
使用演講者視圖
本課程訂閱后可永久回看,終身獲取更新學(xué)習(xí)。虛擬內(nèi)容服務(wù),不支持退訂,轉(zhuǎn)讓?zhuān)?qǐng)您理解
電腦網(wǎng)頁(yè)端課程入口:https://course.islide.cc
]]>課程名稱(chēng):PPT圖片處理技巧和排版方法
課程規(guī)模:9集(不斷更新)
課程形式:在線視頻教程
推薦理由:課程由iSlide官方出品,可靠高質(zhì)量。享受終身學(xué)習(xí)、更新和課堂互動(dòng)特權(quán)。
限時(shí)活動(dòng):¥39¥59
試看視頻經(jīng)過(guò)壓縮(購(gòu)買(mǎi)后視頻均為高清格式)
搞定各種主流的PPT圖文排版!
本課程訂閱后可永久回看,終身獲取更新學(xué)習(xí)。虛擬內(nèi)容服務(wù),不支持退訂,轉(zhuǎn)讓?zhuān)?qǐng)您理解!
電腦網(wǎng)頁(yè)端課程入口:course.islide.cc
]]>課程名稱(chēng):輔助演講的PPT動(dòng)畫(huà)設(shè)計(jì)
課程規(guī)模:10集(不斷更新)
課程形式:在線視頻教程
推薦理由:課程由iSlide官方出品,可靠高質(zhì)量。享受終身學(xué)習(xí)、更新和課堂互動(dòng)特權(quán)。
限時(shí)活動(dòng):¥39¥59
試看視頻經(jīng)過(guò)壓縮(購(gòu)買(mǎi)后視頻均為高清格式)
對(duì)于輔助演講型的幻燈片而言
我們需要著重考慮演示與演講的配合
在演示演講中,多花些時(shí)間來(lái)規(guī)劃構(gòu)思你的演講過(guò)程
借助PPT動(dòng)畫(huà),力求表現(xiàn)效果達(dá)到最好
本課程,將會(huì)全面介紹輔助演講的PPT動(dòng)畫(huà)設(shè)計(jì)
本課程訂閱后可永久回看,終身獲取更新學(xué)習(xí)。
電腦網(wǎng)頁(yè)端課程入口:course.islide.cc
虛擬內(nèi)容服務(wù),不支持退訂,轉(zhuǎn)讓?zhuān)?qǐng)您理解!
]]>