無論您是職場新人還是設(shè)計老鳥,相信對iSlide的強(qiáng)大多少有所耳聞,iSlide是一款PPT界以高質(zhì)量、高效、高端三高著稱的超棒PPT插件,在P圈已圈粉無數(shù),幫數(shù)以萬計的人解決制作好看PPT的難題。
iSlide是一款基于PowerPoint的插件工具,包含38個設(shè)計輔助功能,8大在線資源庫超30萬專業(yè)PPT素材,今天給大家除了7天會員試用領(lǐng)取,額外再送3個月優(yōu)惠碼,雙重福利,誠意滿滿,各位ppter千萬不能錯過!
若您需要詳細(xì)了解iSlide,可以點這里了解。若您電腦尚無iSlide插件,可以點這里下載。
如果您已經(jīng)安裝過iSlide,需要體驗iSlide會員特權(quán)的強(qiáng)大沖擊力,可以免費領(lǐng)取七天會員。
在試用后若需要升級/購買iSlide年會員的,您還可以享受使用優(yōu)惠碼多獲得3個月會員的優(yōu)惠,相當(dāng)于花99元獲得1年+3個月(99元買到15個月)會員。
活動說明:買1年多送3個月的優(yōu)惠碼新用戶均可參與,你也可以直接購買15個月的iSlide兌換碼
優(yōu)惠碼使用如下圖示,在確認(rèn)已延長90天后,點擊確認(rèn)支付即可。
]]>溫馨提示:您也可直接去購買不限新老用戶的15個月的兌換碼:15個月iSlide兌換碼購買
活動說明:買1年多送3個月的優(yōu)惠碼僅限新用戶參與(未曾買過會員,長期有效),老用戶可直接到這個鏈接去購買哦:89元購買15個月的iSlide兌換碼
優(yōu)惠碼使用如下圖示,在確認(rèn)已延長90天后點擊確認(rèn)支付即可,非常簡單方便。
溫馨提示:您也可直接去購買不限新老用戶的15個月兌換碼(可買多個,可疊加時間):15個月iSlide兌換碼購買
談到工作中的難題,PPT 這個不起眼的軟件,絕對算一個。不同于 Word、Excel,PPT 既要傳遞信息,還要講求設(shè)計。這很容易使大部分人感覺素材不夠,設(shè)計不專業(yè)或者效率不高。以往為了解決 PPT 的這些問題,要么花錢買模板,自己再改半天;要么就得自己時時刻刻存儲素材,費時費力。更悲劇的是,最后做完效果還不一定好。 好在現(xiàn)在有了更好的辦法,借助 PPT 插件——iSlide 可以又快又好的制作 PPT 了。
iSlide 不僅僅是一款高效工具,它同時含有 PPT 設(shè)計規(guī)范(一鍵統(tǒng)一、智能參考線等)、素材(圖標(biāo)、圖片、矢量插圖等)、設(shè)計靈感(主題、圖示),致力于實現(xiàn) PPT 難題一站式解決方案。
iSlide目前已支持Microsoft Office 2010/2013/2016/2019/365、WPS Office 個人版 / 專業(yè)版也已被支持,并在不久的將來,Mac版即將上線。
高效的制作 PPT 不僅僅是在功能操作時的手速有多快,更是對規(guī)則的把控和應(yīng)用,如對主題色、主題字、參考線等規(guī)則的應(yīng)用。
Ctrl+C/Ctrl+V 的過程中,PPT 文檔中字體/色彩/樣式風(fēng)格會越加越多。不同的樣式,不規(guī)則的排版會讓 PPT 顯得不夠?qū)I(yè),甚至是凌亂。而一頁頁的調(diào)整又產(chǎn)生更多額外的重復(fù)性編輯工作。
一鍵,統(tǒng)一 PPT 文本格式。多種參數(shù)化設(shè)置,快速建立PPT文本規(guī)范的統(tǒng)一標(biāo)準(zhǔn),呈現(xiàn)專業(yè)的報告演示。
多種參考線布局規(guī)則一鍵化選擇應(yīng)用,可靈活調(diào)整,快速建立頁面布局規(guī)范。
一鍵,統(tǒng)一全局色彩為主題色,再加色彩庫,一鍵更換主題色,幫你節(jié)省下更多的時間。
不同于傳統(tǒng)意義上的 PPT 模板,你在 iSlide 中看不到模板成品,而是獨立的主題庫、版式庫、色彩庫、素材庫。
所有資源都由專業(yè)設(shè)計師精心設(shè)計,包含主題字體/色彩/參考線/版式預(yù)設(shè)。
一鍵應(yīng)用 PPT 設(shè)計規(guī)范,三步輕松完成專業(yè) PPT。
iSlide 功能的誕生:作為專業(yè)演示設(shè)計公司,由于頻繁接觸 PPT 軟件,其將 PPT 此前需要多部操作的功能,無法實現(xiàn)的效果,通過插件形式補(bǔ)充到 PPT 中,以此來提升設(shè)計團(tuán)隊執(zhí)行項目的效率。隨后, 工具被分享到互聯(lián)網(wǎng),廣受好評和熱捧。經(jīng)過不斷的重構(gòu)代碼,進(jìn)行優(yōu)化,加入了資源庫功能,便成了大家現(xiàn)在看到的 iSlide。
1. 補(bǔ)間動畫
補(bǔ)間動畫這個原為動畫而設(shè)計的功能,在排版方面同樣不遜色,比如一鍵制作漸變背景,疊影字等。
△ 作品來自?@Simon_阿文
△ 作品來自?@Simon_阿文
2. 平滑過渡
沒有升級到 Office365 ,但是又想實現(xiàn)「變體」效果的可以試試平滑過渡。
△ 作品來自?@秦陽
3. 批量裁剪圖片
裁剪圖片更加省力。
4. PPT 一鍵導(dǎo)長圖
將 PPT 頁面按需排列組合,一鍵生成長圖展示,以獲得在微博,微信等移動端瀏覽查閱的最佳效果。
1. 素材
免費可商用圖標(biāo)、高清圖片、矢量插圖。
2. 智能圖表
在這個拼「顏值」的時代,數(shù)據(jù)更需要拿出來「秀」,智能圖表讓人人都能編輯,實現(xiàn)數(shù)據(jù)視覺化設(shè)計成為可能。
3. 圖示
不斷更新的全矢量設(shè)計,自適 PPT 主題配色和版式規(guī)則,編輯方便。
4. 資源上傳,建立移動「私有素材庫」
上傳后的圖片素材僅上傳者能夠看見,在不同設(shè)備登錄你的 iSlide 賬號,可以隨時下載你所上傳的圖片。(這個功能目前僅支持 Pro 用戶)
從工作匯報到崗位競聘,從產(chǎn)品發(fā)布到商業(yè)路演,從咨詢廣告到黨政機(jī)關(guān),你總有遭遇 PPT 的時候,希望這篇分享能幫到你。
PPTfans專屬會員免費領(lǐng)?。⊕叽a領(lǐng)取7天試用)。
目前PPTfans還為大家爭取到一波islide優(yōu)惠碼福利,在購買會員時輸入優(yōu)惠碼還可額外獲得3個月的會員,詳情請看文章底部。
PPTfans注冊會員,只需回復(fù)本文,即可在下方免費領(lǐng)取550套iSlide官方精美的PPT模板。
活動說明:買1年送3個月優(yōu)惠碼僅限新用戶使用,若您為老用戶,請直接購買15個月的iSlide兌換碼
]]>提前聲明,如果你能夠認(rèn)真讀完這篇文章,那么,你肯定能學(xué)到一個超實用的 PPT 設(shè)計技巧。
那么,到底是啥呢?
先來問各位一個問題,不知道你是否留意過:
在我們處理 PPT 表格內(nèi)容時,很多時候,在同一個表格里,往往會有很多的重復(fù)項內(nèi)容。
比如說像這里的[阻力上漲幅度]的內(nèi)容,重復(fù)出現(xiàn)了3次:
還有像這里的[考核時間]和[分析]部分的內(nèi)容,都存在大量的重復(fù)項:
而大多數(shù)人的做法呢,都是完整地保留重復(fù)信息。
但最近,在翻看一些優(yōu)秀的設(shè)計案例時,我發(fā)現(xiàn),原來還有另一種處理方式。
什么呢?那就是使用圖例,來替代重復(fù)項內(nèi)容,進(jìn)行呈現(xiàn)。
啥意思呢?比如說像 SpaceX 的這張 PPT 頁面,采用不同色彩的圖形,來表現(xiàn)不同的狀態(tài),看起來就更具可視化效果:
再比如像這個頁面中,用對號來表達(dá)完成的狀態(tài):
還有像這個頁面中,用不同的符號,來表現(xiàn)是否提供對應(yīng)服務(wù)內(nèi)容:
不得不說,這是一個相當(dāng)簡單實用的設(shè)計方法,不僅可以簡化頁面的信息,而且可以增強(qiáng)頁面可視化效果。
我給它起了個名字,叫做『圖例替代法』。
啥意思呢?先來解釋一下,啥叫圖例呢?
這其實是圖表中的一個概念,用來指代每一個圖表系列的含義:
但如果,我們能夠切換一下思維方式,把圖例應(yīng)用在其它頁面中呢?
比如說像這個頁面,表格里有很多重復(fù)的數(shù)字1:
但其實,我們可以將其替換為圓形色塊,是不是好很多?
再比如像這個頁面,就是一個普普通通的表格:
各位可以看到,里面【評價部分】的內(nèi)容項,存在重復(fù):
因此,我們?yōu)榱嗽鰪?qiáng)可視化效果,就可以考慮采用 emoji 表情作為圖例:
這樣一來,頁面是不是有趣多了?
像一些科技廠商的發(fā)布會中,也經(jīng)常會用到圖例法。比如用不同朝向和色彩的三角形符號,來表現(xiàn)出提升或下降:
明白了嗎?
我列舉了4個:
啥意思呢?舉幾個例子來說一下。
比如像這個頁面,用不同的色塊,來表現(xiàn)不同的企業(yè)類別:
再比如用不同的箭頭,表達(dá)數(shù)字增減:
再比如像小米發(fā)布會中的這張表格,用不同色彩的圖形,表達(dá)不同狀態(tài):
好了,那接下來咱們通過3個實際的案例,來理解一下。
先來個簡單的,比如像這個頁面:
大家可以分析一下,這里的重復(fù)項內(nèi)容是哪些呢?
是日平均氣溫,對嗎?
那么,接下來,該如何定義圖例呢?
我們可以使用不同深淺的色塊,來表現(xiàn)不同的氣溫階段:
完成了這一步,咱們來看下頁面效果:
再比如像這個頁面,同樣地,先來分析下,這個表格中,都有哪些屬于重復(fù)項內(nèi)容呢?
很明顯,這里有兩個:
因此,我們可以選擇其中一類內(nèi)容,比如我們就選擇調(diào)查方法。
這里呢,我們定義一個圖例樣式:
同樣地,將其替換運用在表格中即可:
再來最后一個例子,這里的重復(fù)項內(nèi)容是什么呢?
雖然不是很明顯,但簡單分析也能發(fā)現(xiàn),屬于數(shù)據(jù)增減型,所以,還是先定義圖例:
放在頁面上,簡單看下效果,可視化效果好很多了:
最后,完成頁面的排版設(shè)計即可:
以上,就是『圖例替代法』的使用,大道至簡,好用的方法,往往就是這么簡單。
希望對各位有所啟發(fā)。
·
原標(biāo)題:看了一加手機(jī)這張PPT圖表!我學(xué)會了一個超實用的神技巧!
]]>今天給大家分享一個超有創(chuàng)意的圖表風(fēng)格——視錯覺圖表。
看起來很不錯,對嗎?
其實它們的做法也超簡單,接下來就給大家詳細(xì)分享一下。
在開始制作之前,首先我們要理解一個概念——什么是視錯覺圖表呢?
簡單來說,就是利用對元素的處理,讓觀看者形成視覺上的錯覺,從而營造出創(chuàng)意的圖表效果。
比如小米發(fā)布會時,這張宣傳海報,看起來就十分立體,對嗎?
再比如PS軟件之前的啟動頁,怎么看都似乎是成立的:
以及當(dāng)年風(fēng)靡全球的游戲《紀(jì)念碑谷》,也是通過搭建視錯覺場景,征服了海量玩家。
最最常見的,就是網(wǎng)上的一些視錯覺的圖,一搜一大把:
明白了吧?下面我們正式開始制作。
這個圖表最亮眼的地方,就是那些看起來很有光感的發(fā)光膠囊燈管,對嗎?
但其實只需要一個圓角矩形,和一個虛化的圓角矩形,就可以做出這個效果:
我們首先插入兩個圓角矩形,并設(shè)置好填充色:
然后我們?yōu)樽髠?cè)的圓角矩形,設(shè)置陰影,來增加立體感:
注意:陰影的效果會受形狀大小的影響,在放縮形狀時,需重新調(diào)整。
接著,我們選中右側(cè)的圓角矩形,在形狀格式中,選擇虛化邊緣,并調(diào)整虛化數(shù)值:
注意:形狀越大時,虛化的數(shù)值也要跟著變大,反之亦然。
最后,把兩個圖形居中對齊,一個發(fā)光的膠囊管就制作完成了:
以此類推,我們可以制作出其他膠囊管:
然后調(diào)整各個膠囊管的寬度,使其和原始圖表中的條形寬度一致,來保證數(shù)值的精確:
之后,把原始圖表的條形設(shè)置為無填充,并調(diào)整下坐標(biāo)軸數(shù)字的字體和顏色:
*這里保留原始圖表,是為了以后需要修改數(shù)值的時候,還可以重新填充回來,方便比照著調(diào)整圖表。
最后,我們再調(diào)整一下背景,并添加一些色塊。
再把內(nèi)容放上,就完成了:
怎么樣,是不是很簡單?
這個圖表分為兩個部分,折線圖和面積圖。
我們先來做折線圖。
首先我們選中原始圖表中的折線,把線條改成平滑線:
然后復(fù)制一份圖表,然后Ctrl+X鍵剪切圖表,再按Ctrl+Alt+V鍵進(jìn)行選擇性粘貼,在彈出的窗口中,選擇增強(qiáng)型圖元文件:
??再按Ctrl+Shift+G鍵取消組合,刪除多余的部分,只保留折線:
??得到折線之后,我們?yōu)檎劬€添加漸變,營造光感:
?然后再給最高點添加一個光效,突出重點:
有了光,就要有陰影,對嗎?
我們把折線復(fù)制一份,然后向下調(diào)整復(fù)制的折線的高度:
之后把折線設(shè)置成黑色填充,并增加寬度磅值和透明度:
最后,我們給做陰影的折線添加柔化邊緣,模擬出朦朧的陰影感:
一個帶投影的折線就做好了:
*注意調(diào)整兩根折線的圖層,原始的折線在上,陰影折線在下。
做完折線后,面積圖就好做了。
我們首先復(fù)制一份折線,然后畫一個,高度大于折線范圍的矩形:
接著,選中折線和矩形,點擊形狀格式下的合并形狀,選擇拆分:
再把折線以上的多余部分刪去:
把折線以下的部分,點擊形狀格式下的合并形狀,選擇結(jié)合:
一個圓滑的面積圖就出現(xiàn)了。但這還不夠,因為我們還要做出更立體的效果。
得到圓滑的面積圖后,我們需要再插入10個等距的矩形,高度要超過面積圖,所有矩形的總寬度和面積圖相等。
然后選中矩形和面積圖,執(zhí)行拆分:
再把不要的部分刪去,就能得到分塊的面積圖了:
之后,我們?yōu)檫@些分塊添加漸變,一個微微有些立體錯覺的面積圖就出現(xiàn)了:
最后,我們把面積圖和折線圖對齊,并添加襯底色塊,對內(nèi)容進(jìn)行排版:
一個漂亮的視錯覺折線面積圖,就完成了。
到這里,今天要分享的兩個視錯覺圖表教程,就結(jié)束了,希望對你有所幫助。
·
原標(biāo)題:乖乖嘞!這種視錯覺風(fēng)的PPT圖表,太高端了!
]]>前些日子,逛蘋果官網(wǎng)中的幾個動效,引起了我的注意:
看起來還挺酷的,是嗎?但其實做法非常簡單,只需要用到PPT中的一個功能,花3分鐘就能搞定。
這個功能就是——平滑:
首先,我們插入所有需要飛入的窗口,并放置到相應(yīng)的位置,得到頁面01:
然后我們把頁面01復(fù)制一下,得到頁面02:
我們選擇頁面01,把電腦放大,并把各個窗口移動到頁面外:
最后,我們給頁面02添加一個【平滑】切換效果:
一個多窗口飛入的效果,就完成了!
怎么樣,是不是超級簡單?
沒有復(fù)雜的動畫,只需要動動鼠標(biāo)移動一下~
并且,利用這個原理,我們還可以做出更多簡單又有意思的設(shè)計!
這個效果該怎么做呢?
我們首先來分析一下,頁面中元素的變化原理:
Step01:產(chǎn)品A和介紹文字飛出,騰出版面空間
Step02:產(chǎn)品B和介紹文字從頁面外進(jìn)入
Step03:產(chǎn)品B和介紹文字飛出,騰出版面空間
Step04:產(chǎn)品C和介紹文字從頁面外進(jìn)入
因此,我們需要至少3個頁面。
因為3個產(chǎn)品要依次展示,所以我們先產(chǎn)品A和介紹放到頁面上,產(chǎn)品B和產(chǎn)品C則放到頁面外:
然后,我們把頁面復(fù)制一份,在新的頁面中,把產(chǎn)品A和介紹文字,移動到頁面外:
移動完畢后,為頁面添加【平滑】切換效果:
產(chǎn)品A和介紹都飛出去了,原理第一步實現(xiàn)了,對嗎?
接下來,我們再把產(chǎn)品B和介紹,移動到頁面上:
再預(yù)覽一下效果:
產(chǎn)品A飛出,產(chǎn)品B進(jìn)入,原理的第一步和第二步都實現(xiàn)了。
重復(fù)上面的操作,我們就能實現(xiàn)產(chǎn)品B飛出,產(chǎn)品C進(jìn)入的效果:
最后,我們把這3頁連起來看一下:
還不錯吧?
看完上面的講解,想必很多朋友已經(jīng)想到了,這個頁面的制作方法。
依舊只需要兩個頁面:
我們首先還是制作好最終的頁面效果:
然后把頁面復(fù)制一份,把一些元素拖拽到頁面之外:
最后,為頁面添加平滑切換,就大功告成了:
這里有一個小Tips:
為了讓頁面看起來更有穿插的動感,這里我們可以把許多元素,拖拽到頁面的對面,這樣元素的移動路徑,就會穿過整個頁面:
算是一個小小的細(xì)節(jié)處理,感興趣的可以記一下。
整個效果的原理,也非常的簡單,也可以拆解為兩步:
Step01:標(biāo)題文字縮放進(jìn)入
Step02:產(chǎn)品和背景圖片淡化出現(xiàn)
我們首先把標(biāo)題文字放大,放到第一頁:
然后把該頁面復(fù)制一份,把標(biāo)題字號縮小,并添加產(chǎn)品和背景圖:
最后,為第二頁添加平滑切換效果,就完成了:
怎么樣,是不是超級簡單?
其實,所謂平滑切換,無非就是把前后頁面中,相同元素的移動路徑,展示了出來。
方法很簡單,但卻能讓頁面變得更有創(chuàng)意。當(dāng)然,學(xué)會了這一招,你還可以做點更酷的 PPT 頁面。
比如用平滑營造頁面氛圍感:
再比如利用平滑進(jìn)行產(chǎn)品參數(shù)的對比:
都是可以的,以上,希望對大家有所啟發(fā)。
·
原標(biāo)題:蘋果官網(wǎng)的這2個動畫,太絲滑了!用在PPT中堪稱王炸!
]]>提到論文,很多朋友為答辯PPT設(shè)計苦惱。之前完成的一份答辯PPT作業(yè)如下:
今天這篇文章,就給大家復(fù)盤一下這份答辯PPT的設(shè)計制作思路。
在開始設(shè)計之前,我們可以先設(shè)定好顏色字體等規(guī)范,這樣在后續(xù)的設(shè)計中可以保持好整份PPT風(fēng)格的統(tǒng)一。
1.顏色選取
可以從學(xué)校LOGO色中選取主色調(diào),比如浙江大學(xué)logo的藍(lán)色,另外,因為單色會過于單調(diào),所以,我加入了一個金色作為輔助色:
此外,通過調(diào)整顏色的明亮度,可以延伸出一些較淺的藍(lán)色和金色,可用于深淺色搭配或漸變色搭配:
2.字體搭配
一般建議選用微軟雅黑和Arial字體搭配,因為這兩款字體是微軟系統(tǒng)自帶的。在不同的電腦進(jìn)行編輯或演示時,不同擔(dān)心字體丟失的問題:
3.版式框架
利用參考線,規(guī)劃出標(biāo)題和正文的區(qū)域,我們在相對應(yīng)的區(qū)域內(nèi)編輯內(nèi)容,這樣PPT的前后可以保持一致性:
4.背景顏色
答辯的場合,一般光線會比較敞亮,為了能看清文字,選用淺色背景會比較好:
設(shè)計規(guī)范設(shè)定好之后,我們就可以開始頁面的優(yōu)化設(shè)計了。
頁面設(shè)計
封面的內(nèi)容主要有三部分:學(xué)校LOGO、論文選題、人物名稱:
而對于這三部分內(nèi)容的排版處理,一般會有這兩種:左文右圖排版,或是整體居中排版:
因為是關(guān)于老人中心主題的PPT,所以找來了一張包含老人和建筑環(huán)境的圖片,作為背景元素:
將文字和圖片排版在一起,看看效果:
此時,圖片與頁面背景不夠融合,且對文字內(nèi)容有干擾,怎么處理呢?
很簡單,使用OKPlus插件的圖片透明功能,對圖片的左側(cè)做透明過渡處理即可:
頁面整體效果還是會有些平淡,還可以繼續(xù)優(yōu)化一下:
我們可以把人物摳出來,加入漸變色塊,做一個人物穿插的效果,這樣頁面的層次感就會強(qiáng)烈一些:
封面設(shè)計處理到這里就差不多了:
為了讓頁面效果更有創(chuàng)意,還可以將頁面背景轉(zhuǎn)成圖片,做虛化處理,然后重新填充進(jìn)頁面背景:
接著將色塊設(shè)置為「幻燈片背景填充」,這樣就有毛玻璃的效果了:
為了保持好風(fēng)格的統(tǒng)一性,我們可以沿用封面色塊元素,作為內(nèi)容的載體:
在文字處理上,可以加入圓形色塊進(jìn)行簡單的修飾:
但這樣的處理還是有些平淡,于是我將這些圓形替換成更有質(zhì)感的懸浮按鈕式元素:
這些按鈕元素怎么繪制的呢?也不難,只是將三個不同陰影參數(shù)的圓形進(jìn)行疊加就好了:
??
接下來,我們可以再加入一張圖片豐富背景,將色塊適當(dāng)調(diào)整透明度,讓背景可以顯露出來:
此時,色塊外側(cè)的圖片區(qū)域會過于搶眼,怎么處理呢?
我們可以先運用布爾運算功能,將圖片拆分為兩部分:
然后將外側(cè)區(qū)域進(jìn)行虛化處理,這樣頁面效果就會好很多啦:
這頁是將國內(nèi)外研究現(xiàn)狀的對比,我們可以先將文字進(jìn)行簡單處理:
用藍(lán)色和金色色塊承載文字,這樣對比的效果會更加的強(qiáng)烈:
一般我們都是通過文獻(xiàn)資料的查閱,來獲取研究的現(xiàn)狀,所以加入了紙張的元素來豐富頁面:
空白的紙張比較單調(diào),我們可以將小標(biāo)題轉(zhuǎn)移到紙張上,做一個類似書籍的封面效果:
其實,到這里頁面排版大致完成了。
為了讓頁面效果更豐富,我還給色塊做了一個投影:
這樣頁面整體會更有質(zhì)感一些:
頁面有三個主題:環(huán)保、安全、舒適,先對內(nèi)容簡單排版:
我們可以找一些對應(yīng)的圖片,來體現(xiàn)板材、地板、家具等概念:
頁面的排版還比較簡單,為了讓呈現(xiàn)的方式更有創(chuàng)意,我提取了三個主題詞英文的首字母:
然后將圖片填充到字母里面:
接著,同樣給字母做一個投影效果,這樣頁面就有了的空間和質(zhì)感效果:
最后我們來看看前后對比效果:
以上就是這份答辯PPT的設(shè)計制作思路了,希望對大家有所幫助。
如果大家需要源文件,可以在文章下方評論區(qū)留言,即可免費獲得本期源文件
·
原標(biāo)題:我?guī)鸵晃粚W(xué)長,做了份浙江大學(xué)的答辯PPT,第四頁好絕!
]]>對于頁面上有一些文字列表的頁面,該咋排版?
就像這樣:
在前幾天有位讀者問了我一個很有價值的問題。是啥呢?
就是如何在二維平面上,表現(xiàn)出三維的立體空間感?
大概就像這樣:
不得不說,這的確是一個很好的問題。
那么,到底是如何做的呢?不廢話,直接進(jìn)入正題。
我常用的方法分為3種,分別是:
看到這兒,可能很多人會有疑問,漸變的作用,不是改變顏色嗎?為什么能夠增強(qiáng)空間立體感呢?
比如說,我們現(xiàn)在看到這樣的一張素描,看起來像是一個球體 ,對不對?
為啥呢?其實只不過是給一個平面的圓形,添加了漸變而已:
如果說我們把高光,明暗交界,以及反光添加到一個平面的圓形,它也會有立體感:
就是這么簡單。
當(dāng)我們知道如何繪制球體之后,我們就可以利用它作為文字的襯底,進(jìn)行排版:
或者是這樣的:
再比如我們之前做過的一頁PPT,很多人很好奇這個球體是怎么來的,其實,它就也是加了漸變的形狀而已:
同樣的,還有一個場景是,利用漸變色,我們可以繪制立體感的數(shù)據(jù)圖表。
啥意思呢?之前有讀者問我,為啥自己在 PPT 里插入的立體形狀,感覺很low?
原因很簡單,因為我們需要為立方體的每一個面,都調(diào)整漸變效果:
只有這樣,才能得到一個非常有質(zhì)感的立方體:
比如像之前我修改的一頁 PPT 封面,其實就是這樣調(diào)整的:
再比如像這個頁面中的圖表,你可以思考一下,它是如何呈現(xiàn)出立體感的呢?
另外,利用漸變調(diào)整,我們還可以在平面上,去營造出一個立體的空間。
就像這樣:
那這個又是怎么做的呢?其實,很簡單,就是在頁面上,添加了一個漸變色塊而已:
不過呢,有一個小細(xì)節(jié)是,底部色塊的顏色,要稍微深一點:
同樣的,利用這個原理,我們可以做成這樣的空間感背景:
這應(yīng)該是很多人都能想到的一個方法。
操作上也很簡單,選中一個元素后,調(diào)整三維選項就可以:
比如說,我們可以用來進(jìn)行圖片的排版,從而增強(qiáng)空間立體感:
當(dāng)然,也可以是對文字添加三維旋轉(zhuǎn),都能營造出空間立體感:
這是一個比較簡單的方法,之前也寫過,我就不多說了。
我們在真實世界中,都明白一個最基本的原理,叫做:
而如果我們想要在平面上,營造出空間感,也需要遵循這個規(guī)律。
啥意思呢?舉個簡單的例子,比如像前幾天修改的案例,為了營造空間感,我對后一排的圖片進(jìn)行了虛化處理。
這就是近實遠(yuǎn)虛:
再比如像這個頁面,算是典型的近大遠(yuǎn)小式的透視關(guān)系:
除此之外,我們還可以通過對形狀的漸變調(diào)整,把遠(yuǎn)處的透明度設(shè)置為100%,也可以實現(xiàn)透視的效果:
用這個方法,我們一般用來制作內(nèi)容的底座,從而進(jìn)行排版:
把梯形換成圓形,也是一樣的道理:
繼續(xù)延伸,我們也可以把這個原理,應(yīng)用到圖片排版中。
比如在排版圖片時,我們可以對圖片進(jìn)行虛化處理,或者是添加一些虛擬形狀,從而營造透視的感覺:
這樣一來,也可以營造出空間立體感:
再比如像這個頁面,之所以在圖片背后,添加一些矩形色塊,原理也是一樣的:
這就是在平面上,實現(xiàn)三維立體空間感展示的3個方法,希望對各位有所幫助。
·
原標(biāo)題:華為的這個網(wǎng)頁太酷了!PPT中想做出這樣的效果難嗎?
]]>橢圓平臺怎么畫才好看?有啥技巧嗎?
這是一位讀者看過這頁 PPT 后,在留言區(qū)向我提問的一個問題。
其實,在 PPT 設(shè)計中,用形狀來模擬透視平臺,是一個能夠快速提升頁面設(shè)計美感的技法。
比如下面這兩頁騰訊峰會的 PPT 原稿,現(xiàn)在看,視覺上略顯平淡:
而利用形狀模擬透視平臺后,頁面的空間、設(shè)計感就會大幅度提升。比如繪制橢圓平臺:
或者是繪制梯形平臺:
那么,回到文章一開始的問題,大家用的都是 PowerPoint,為什么你總是畫不好呢?
你繪制的平臺:
別人繪制的平臺:
繪制這類透視平臺,到底有何技巧?
別慌,今天,這篇文章就帶你解開這其中的奧秘!
想要透視平臺畫的好,只需遵循 2 個現(xiàn)實原則即可。因為與現(xiàn)實相關(guān),所以理解起來不難。
? 原則一:近大遠(yuǎn)小
體積相似的物體,距離我們越遠(yuǎn),在視覺上看起來就會越小。
比如地面瓷磚,他們的實際大小相同,但一眼望去,越遠(yuǎn)的瓷磚,看起來就越?。?/p>
如果把圖片中瓷磚線條提取出來,分別來看橫線和縱線。
很明顯,橫線之間的間距,由近及遠(yuǎn),越來越窄:
縱線如果繼續(xù)延展,終將匯于一點:
這就是頁面看上去有縱深感的原因!
我們回到透視平臺的構(gòu)建上。對于橢圓型平臺,如果只是用大小不同的橢圓簡單嵌套,頁面缺乏縱深感,看起來就會有些假:
我們在繪制時,就可以根據(jù)上述橫線的特點,調(diào)整各個橢圓錯位,使各個線條的間距,由近及遠(yuǎn),越來越窄:
此外,線條間的各個間距相差越大,平臺的縱深感就會越強(qiáng):
同理,梯形平臺就應(yīng)該符合上述縱線的特點。
所有形狀兩側(cè)邊界的延長線,都要匯聚于一點:
? 原則二:近實遠(yuǎn)虛
近處清晰,遠(yuǎn)處模糊。這個原則相信大家也深有體會。
比如從高樓向遠(yuǎn)處眺望,近處的大廈就很清晰,而遠(yuǎn)處的山巒受云霧的影響,會變得模糊不清。
同樣的,將近實遠(yuǎn)虛的原則,應(yīng)用到平臺的繪制上。比如通過調(diào)整橢圓漸變:
讓遠(yuǎn)處的線、面透明度降低:
梯形平臺同理,利用漸變讓平臺遠(yuǎn)透,近不透:
結(jié)合,上面所說的兩大原則,我們用形狀所構(gòu)建的平臺就更加符合現(xiàn)實邏輯,從視覺上去看自然會更加的美觀。
OK,原理是明白了,那有沒有什么方法,可以快速繪制這樣的透視平臺呢?
當(dāng)然有,我們可以借助三維旋轉(zhuǎn)。通過使用三維旋轉(zhuǎn),就可以不用手動調(diào)整個圓環(huán)的間距,而且平臺的透視強(qiáng)度可以任意調(diào)節(jié)。
像上面這個案例,我們可以先繪制 4 個嵌套的正圓。
設(shè)置三維旋轉(zhuǎn),預(yù)設(shè) > 角度 >「透視:適度寬松」:
這時,頁面中的正圓,就會有向后傾倒的趨勢:
我們調(diào)整 Y 旋轉(zhuǎn),可以變換觀察平臺的視角:
而調(diào)整透視,可以變換平臺的縱深感。透視越大,縱深感越強(qiáng):
最后,調(diào)整平臺漸變即可。
除了橢圓透視平臺,像下面這樣的梯形平面透視平臺,也可以使用這個方法快速繪制。
先繪制 5 個矩形,并組合:
和剛才的一樣,設(shè)置三維旋轉(zhuǎn),選擇預(yù)設(shè)中的「透視:適度寬松」。Y 旋轉(zhuǎn)控制平面傾倒的幅度;透視,控制平臺的縱深感:
最后,依據(jù)近實遠(yuǎn)虛的原則添加漸變效果:
最后,為了拓寬大家的思路,我再分享一些透視平臺在 PPT 設(shè)計中的一些用法。比較常見的是充當(dāng)載體,放置單個頁面信息。比如主要文本:
重點數(shù)據(jù):
當(dāng)然,只要你畫的平臺夠大,也可以放置多個內(nèi)容:
稍微復(fù)雜一些,我們還可以利用透視平臺,立體化呈現(xiàn)層級架構(gòu)。比如這種圓形平臺:
或是梯形平臺:
等等...
好了,以上呢,就是這篇文章的全部內(nèi)容了。希望看完這篇文章,你也能夠快速上手,畫出漂亮的透視平臺。
·
原標(biāo)題:邵大,騰訊官方的這頁PPT也太高級了!為啥我做不出來...
]]>今天這篇文章咱們來改稿一期大學(xué)生PPT。
整份PPT呢,是一份關(guān)于高分子材料的內(nèi)容,用來做比賽的:
老規(guī)矩,我們還是挑選其中的4頁進(jìn)行修改:
因為這是一份項目的PPT,所以顏色的話,我們還是從 Logo 中進(jìn)行選擇:
好了,接下來我們就進(jìn)入到單頁的修改。
這個頁面的設(shè)計呈現(xiàn)上,沒有什么太大的問題。但唯一不好的地方在于,這一頁PPT科技感太強(qiáng)。
那該如何優(yōu)化呢?
我們還是先來簡單的確定一下,頁面內(nèi)容的布局,很簡單,左右結(jié)構(gòu)即可:
那么,配圖應(yīng)該找什么呢?還是從標(biāo)題信息進(jìn)行分析,啥叫高分子材料呢?
我也不懂,所以就查了一下百度:
大概呢,就是這樣的:
因此,我們就先用上這個素材,做一個簡單的排版:
這里的話,大家可以看一下,我是把素材復(fù)制了一份,也放在了左側(cè),可以讓視覺更加平衡:
但它的問題就在于,色調(diào)與背景不搭。咋辦呢?
我們可以對圖片的顏色,進(jìn)行重新著色:
來看一下調(diào)色后的效果,與背景契合度高了很多:
最后呢,我們可以再對排版進(jìn)行一些微調(diào),把其中一行標(biāo)題進(jìn)行輪廓化,增強(qiáng)對比:
這個頁面要表達(dá)的信息是火災(zāi)數(shù)量多,但它的問題在于頁面上的圖片太少了,沒有體現(xiàn)『多』的概念。
咋辦呢?很簡單呀,多找?guī)讖垐D唄:
有了這些圖之后,怎么表現(xiàn)出多的感覺呢?最簡單的方式,就是做成圖片墻:
當(dāng)然,我們還可以這樣:
不過,除了圖片墻之外呢,我們還可以做成這種樣式:
但是,如果只是并列排版,圖片的視覺層次不強(qiáng),所以我們可以不同行的圖片,進(jìn)行處理。
在這里,我主要是對最后一行,添加了透明度和模糊效果:
另外,因為是不同的新聞素材,所以頁面的顏色,會有一點雜亂,我們可以統(tǒng)一一下色調(diào):
給大家看一下最終呈現(xiàn)的樣式:
當(dāng)然,如果能夠做成動態(tài)版,視覺效果會更好:
這個表格頁面的主要問題呢就在于,重點太多了,反而看起來有點亂。
而且因為是一個對比型的表格,重點部分的信息,沒有被體現(xiàn)出來。
那么怎么優(yōu)化呢?
我們可以先將信息簡單地放在一個卡片上,進(jìn)行排列:
既然要凸顯對比,所以,我們可以添加一個更深色的色塊,作為強(qiáng)調(diào):
到這里基本上就算完成了。
當(dāng)然如果說想要繼續(xù)優(yōu)化的話,可以加一些分子元素作為點綴修飾:
這是一個商業(yè)模式的邏輯圖形,主要問題呢就在于頁面上素材風(fēng)格不統(tǒng)一,而且,圖片素材過于搶眼。
那么該如何優(yōu)化呢?
我們呢,可以先來簡單的畫一下它的邏輯結(jié)構(gòu),大概是這樣:
如果只是這樣,這個圖就太丑了,因為缺少視覺層次。
所以,我們可以做一些視覺上的對比,把部分圖形的樣式做一些改變:
這時候,再來看一下這個邏輯圖,是不是好多了?
最后,我們只需要把文字信息,放到對應(yīng)的色框里就可以了:
這就是整份PPT的修改過程,我們整體再來看一遍。
- 修改前 -
- 修改后 -
整份PPT的修改呢,主要是對頁面的色調(diào)和表達(dá)方式做了優(yōu)化,希望對各位有所啟發(fā)。
·
原標(biāo)題:我?guī)鸵淮髮W(xué)生做了份PPT!同事:這么多截圖,還能如此好看...
]]>這篇文章是一篇改稿美化:這是一份關(guān)于『精益生產(chǎn)』概念培訓(xùn)的PPT:
還是老規(guī)矩,選擇其中的4個頁面進(jìn)行修改:
首先確定一下主題的色彩,那么,提到『精益生產(chǎn)』,能想到啥顏色呢?
我不知道。不過既然是跟生產(chǎn)制造相關(guān),那么,就從生產(chǎn)車間來取色吧:
這里我選的是綠色調(diào)為主,有兩個深色,兩個淺色,正好一個可以用來做背景,一個可以用來做強(qiáng)調(diào)色:
接下來呢,我們就進(jìn)入到單頁的修改。
這里的文案信息很簡單,如果能看得出來,主要想突出的是『精益』二字。
因此,為了能夠起到強(qiáng)調(diào)的效果,我采用了書法字的排版:
然后呢,把我們確定好的背景色用在這里,以此豐富頁面的視覺效果:
有點單調(diào),不過沒關(guān)系,可以加一些表現(xiàn)數(shù)據(jù)波動的線條素材,進(jìn)行修飾:
文字部分的話呢,可以加一些墨點的素材,主要目的就是豐富視覺效果而已:
這一頁的問題呢,就是背景干擾了內(nèi)容的呈現(xiàn)。那么,該如何優(yōu)化呢?
對這一段內(nèi)容簡單分析,我們可以發(fā)現(xiàn),信息呢,包含大背景和研究案例。
所以,版式就可以采用這樣的:
然后,我們對文字部分做一些排版,強(qiáng)調(diào)案例的內(nèi)容:
既然內(nèi)容講的是跟豐田汽車有關(guān),可以找一張豐田汽車的生產(chǎn)車間,來建立視覺關(guān)聯(lián):
到這里,我們還可以利用摳圖的方法,做一些局部露出的創(chuàng)意效果:
除此之外呢,我還做了一個深色的版本,我認(rèn)為都是可以的:
這一頁的主要問題,就是信息太密集了,我們可以做一些優(yōu)化。
還是分析內(nèi)容,來確定版式結(jié)構(gòu),既然是大背景,外加兩本書的介紹:
因此,我們的頁面版式,就可以做成這樣:
對于圖書介紹的部分呢,我們可以劃分一些層級結(jié)構(gòu),強(qiáng)化重點,并且添加小圖標(biāo),豐富視覺效果:
另外呢,我們還可以借用樣機(jī),將圖書變成立體效果:
而對于背景介紹部分的文字信息呢,我們同樣是提煉關(guān)鍵的數(shù)據(jù),強(qiáng)化重點:
到這一步呢,基本上就差不多算完成了。
如果說想要讓頁面更有創(chuàng)意,我們可以加一個色塊,形成疊壓的效果:
這里的排版呢,沒有什么太大的問題,就是視覺上有點太單調(diào)。
那怎么優(yōu)化呢?我一開始構(gòu)思的版式,是采用中心放射的樣式:
但它的問題在于,沒辦法體現(xiàn)出向上增長的箭頭。
所以呢,我又換了一個思路,找了一個數(shù)據(jù)波動上升的圖表:
為了進(jìn)一步凸顯向上的趨勢,直接加一個箭頭:
這樣一來,向上趨勢的感覺,就能夠完整的呈現(xiàn)出來。
最后,我們只需要加一些引導(dǎo)線,來完成內(nèi)容的排版即可:
就是整份 PPT 的修改過程,我們整體再來看一遍。
- 修改前 -
- 修改后 -
整份 PPT 的修改呢,主要是對信息的結(jié)構(gòu)和層級做了梳理,強(qiáng)化了重點,希望對各位有所啟發(fā)。
·
原標(biāo)題:我?guī)妥x者做了一份綠色PPT,同事:尾頁的3D箭頭,絕了!
]]>今天給大家分享幾個創(chuàng)意工作型PPT圖表的制作方法。
這個圖表看起來十分立體,并且很有光影感,對嗎?
其實制作起來非常簡單,只需要幾個漸變圖形拼合一下:
我們首先插入一個圓柱形,把柱子拉伸到和原始圖表的柱形等高,并適當(dāng)調(diào)整頂面的傾斜度:
然后Ctrl+X鍵剪切圓柱,再按CtrL+Alt+V鍵,在彈出的窗口中,選擇增強(qiáng)型圖元文件:
接著選中圖形,按住Ctrl+Shift+G鍵,取消組合兩次,原本的圓柱形就被拆成了零散的面:
然后我們?yōu)檎嬖O(shè)置一下漸變:
再給頂面填充一下顏色:
一個很有立體感的圓柱就做好了:
同理,我們可以制作出其他的圓柱。
做完主體之后,我們再來制作半透明的柱形。
同樣是插入一個圓柱體,然后打散。
然后我們把打散的圖形復(fù)制一份,下面會有用到。
我們把兩個圖形對齊到合適位置,然后點擊【形狀格式】中的【合并形狀】,再選擇【結(jié)合】,把打散的圖形變成一個上下都是圓弧的圖形:
然后為這個圖形設(shè)置漸變:
接著我們從復(fù)制的圖形中,拿出頂面的橢圓,并填充顏色:
最后,把這兩個圖形居中對齊,一個半透明的柱體就做成了。
做完柱體之后,我們再來制作倒影。
文字的倒影非常好做,只需要在形狀格式中添加一個映像效果即可:
柱形的倒影呢也很簡單,只需要把柱形的正面復(fù)制一份,然后添加一個漸變:
我們把倒影和柱體放置到一起,整個頁面基本就完成了。
我們再繪制一個漸變的圖形作為底座,增強(qiáng)頁面的立體感。
再添加一些光影的素材,一個非常有立體感的圓柱形圖表,就完成了。
還不錯吧?
這個案例看起來和上一個有些相似,但其實操作方法上,要比上個案例簡單許多。
我們首先修改一下原始圖表中,兩類柱形的填充色
具體的參數(shù)如下:
然后選中圖表,在【圖表設(shè)計】中點擊【更改圖表類型】,在柱形圖中選擇【三維堆積柱形圖】:
圖表立刻就從平面,變成了三維的了!
但現(xiàn)在的傾角有些奇怪,我們可以調(diào)整一下圖表的三維旋轉(zhuǎn)參數(shù):
把傾斜的圖表扶正:
因為圖表本身是傾斜的透視關(guān)系,所以我們可以畫一個梯形貫穿頁面,作為圖表的底座。
最后,我們加上文字和裝飾素材,一個漂亮的三維立方體柱形圖表,就完成了~
怎么樣?是不是非常簡單?
這個圖表看起來平平無奇,唯一比較有創(chuàng)意的點,就是圖表的柱形,被替換成了儀表的樣式,對嗎?
這是怎么做到的呢?
方法依舊很簡單,借助PPT中自帶的形狀,就能完成。
我們首先插入一個圓角矩形,并拖動黃色控點,讓圓角最大化,并適當(dāng)調(diào)整高度。
接著我們選中圓角矩形,按住Ctrl和Shift鍵,單擊鼠標(biāo)左鍵向上拖動,即可快速復(fù)制出一個圓角矩形。
然后我們按住F4鍵,快速重復(fù)上一步操作,直到復(fù)制出一列圓角矩形。
看起來有一點儀表的味道了,對嗎?
接著我們選中這一列圓角矩形,按住Ctrl+G鍵進(jìn)行組合,并為組合后的圖形設(shè)置漸變。
然后我們復(fù)制這個圖形,再選中原始圖表的柱形,在填充方式里選擇圖片或紋理填充。
再點擊剪貼板,就能把剛復(fù)制的圖形填充到圖表的柱形里了。注意,這里要點擊一下層疊,不然圖形就會被壓縮。
同理,我們可以把另外兩個柱形,也都填充成同樣的儀表圖形。
我們把這個圖表復(fù)制兩份,然后修改一下數(shù)據(jù),就能得到另外兩個品牌的圖表了。
最后,我們再在頁面上添加一些色塊,讓頁面更有層次感。
一個簡單而又有創(chuàng)意的數(shù)據(jù)圖表頁,就完成了。
以上呢,就是今天要給大家分享的,3個創(chuàng)意PPT圖表的制作方法。
·
原標(biāo)題:PPT自帶的圖表丑爆了?按這3種方法搞,立馬高級!
]]>本期的案例PPT,主要是以一個獵頭類公司的介紹,各位可以理解為一家招聘平臺,接下來開始改稿!
老規(guī)矩,還是挑選其中的4個頁面進(jìn)行修改:
整個品牌的色調(diào)呢,是藍(lán)色,但如果只使用這一個顏色,會有一些單調(diào),所以,我加了一個暖色調(diào):
因為這是一份企業(yè)介紹類型的PPT,所以,整體呈現(xiàn)出來的風(fēng)格呢,我會以商務(wù)簡潔為主:
那接下來呢,我們就進(jìn)入到單頁的修改。
信息很簡單,只有一個企業(yè)的名稱,這種越簡單的信息,越難設(shè)計。
那到底該如何優(yōu)化呢?我們先來構(gòu)思一下版式布局,還是左文右圖:
那圖片放什么呢?
我們回到企業(yè)的屬性上來分析,既然是獵頭公司,那肯定是精準(zhǔn)找到人才。
所以,我腦子里的畫面,大概是這樣的:
但如果只有這一個畫面,未免太單調(diào)了,所以呢,我又去看了一些插畫素材網(wǎng)站:
通過一些素材的組合,做了這樣的一個畫面:
我們把它放到頁面上,來看一下效果:
頁面的信息很簡單,一段話加一張配圖,所以版式的布局,依舊是左右型:
在原稿中,文字部分的問題呢,就在于缺少可視化,所以呢,我們可以考慮加一些圖標(biāo):
而配圖的話呢,我們可以借用ps樣機(jī):
把封面變成立體的樣式,這樣看起來更有質(zhì)感:
然后呢,我們把文字和圖片組合在一起,來看一下:
有點單調(diào),而且與封面的視覺風(fēng)格不協(xié)調(diào),解決的話,加兩個色塊即可:
這一段的信息很簡單,就是兩家公司的業(yè)務(wù)對比。原稿的問題呢,就是都是字兒,看起來缺少信息結(jié)構(gòu)。
咋解決呢?還是一步一步來,先來確定布局樣式。
我們可以是左右型的:
也可以是上下型:
然后呢,我們對每一部分的信息進(jìn)行處理,主要是借用小圖標(biāo),增加可視化:
然后,我們把兩段信息,放到頁面上來看一下效果:
這時候,頁面的對比不是那么強(qiáng)烈,所以我們可以引入一個黃色塊:
這一頁的主要問題呢,就是圖形的色調(diào),與整體風(fēng)格不協(xié)調(diào)。
所以呢,我們可以基于這個樣式,重繪一下:
這里簡單說一下,我在重繪這些圖形的時候呢,為了保證每一部分的色塊尺寸一致,我使用的是餅圖:
完成之后,我們把內(nèi)容和圖形放到頁面上:
太單調(diào)了,還是老方法,加個色塊,來優(yōu)化一下,另外呢,我在圖形的底部,加了一個陰影,可以增強(qiáng)空間感:
以上,就是整份PPT的修改過程,整體再來看一遍。
- 修改前 -
- 修改后 -
整份 PPT 的修改呢,更多是這個頁面的色調(diào)和版式做了處理,保證了風(fēng)格整潔。希望對各位有所啟發(fā)。
.
原標(biāo)題:我?guī)蜕虾R幻x者,做了份招聘類PPT!同事:到位!
]]>在PPT設(shè)計中,最不可或缺的一種元素,可能就是圖標(biāo)。
當(dāng)需要讓頁面更具可視化效果時,它簡直是標(biāo)配:
很多人使用圖標(biāo)的方式,可能就是下載后,直接貼到頁面上,不做任何處理:
但其實你知道嗎?很多優(yōu)秀的PPT中,為了讓圖標(biāo)更有創(chuàng)意,往往會做一些處理。
比如像堅果手機(jī)發(fā)布會中,為了讓觀眾理解手勢操作的重點,會進(jìn)行局部變色:
再比如像騰訊云品牌PPT中的這些圖標(biāo):
還有像一些科技廠商發(fā)布會PPT中的圖標(biāo)處理:
當(dāng)然,像這樣的例子太多了。
所以,這篇文章,就來跟各位聊一下,該如何對圖標(biāo)處理,才能讓它更具創(chuàng)意呢?
我常用的方法有4種,分別是:
啥意思呢?簡單跟各位解釋一下。
顧名思義,就是把小圖標(biāo)中部分畫面,進(jìn)行變色處理。就像這樣:
在我之前修改的PPT中,也曾經(jīng)用過這個方法:
那該如何操作呢?
要知道,當(dāng)我們想要進(jìn)行局部變色,有一個前提就是,需要將圖標(biāo)進(jìn)行拆分:
咋做呢?
如果圖標(biāo)不是連在一起,那么,下載svg格式,只需要取消組合兩次即可:
如果圖標(biāo)不能拆散,比如像下面橙色部分,那么,我們可以利用布爾運算中的拆分功能,把圖標(biāo)拆散:
這種做法在很多大廠 PPT 中會用到。
比如像微軟的 PPT ,可以看到,分為兩種色彩,很好地避免了視覺單調(diào):
還有像 SAP 的PPT 也是一樣的處理:
同樣地,榮耀發(fā)布會的 PPT ,也是用到圖標(biāo)局部變色的處理:
這種處理方式,與上一種類似,都需要將圖標(biāo)拆散后進(jìn)行操作。
大概也就像這樣,對部分線條進(jìn)行漸變處理:
這種就不多說了。
通過在圖標(biāo)底部,添加一個統(tǒng)一的色塊,也可以讓小圖標(biāo)變得更有創(chuàng)意:
像魅族手機(jī)發(fā)布會上,曾經(jīng)用過這個方法:
這種方式呢,主要是把圖標(biāo)變成立體的樣式:
這種處理的方法,主要用在2.5D風(fēng)格的排版中:
那么,這種是如何操作的呢?主要分為兩個步驟:
方法呢,大概就是這些,很簡單。那么,接下來我們通過兩個具體的案例,來理解一下。
首先是第1個例子:
這里的話,雖然也用到了小圖標(biāo),但樣式都是一樣的,視覺上有些重復(fù)。
所以,我們可以更換3個與內(nèi)容有關(guān)聯(lián)的圖標(biāo),并進(jìn)行局部變色,使用紅黃搭配的效果:
這樣一來,我們的 PPT 圖標(biāo)效果,就可以變成這樣:
然后是第2個例子:
這個頁面中使用的圖標(biāo)風(fēng)格不太統(tǒng)一,有些是面型圖標(biāo),有些是線型圖標(biāo)。
咋處理呢?最好使用統(tǒng)一風(fēng)格的圖標(biāo)樣式,在這里,我們可以對其進(jìn)行2.5D風(fēng)處理:
另外,結(jié)合一些立方體形狀,可以很好地承載圖標(biāo)元素:
以上呢,就是在PPT中,對圖標(biāo)進(jìn)行創(chuàng)意處理的4種方法,希望對各位有所啟發(fā)。
·
原標(biāo)題:邵大,為啥微軟的這張PPT中,加上圖標(biāo)能變的這么洋氣?
]]>WPS超級會員卡優(yōu)惠信息如下:
【活動鏈接】http://m.jbo142.cn/wps
【參與方式】直接購買,下單填自己郵箱,付款后兌換碼發(fā)到您郵箱。
【參與規(guī)則】買完請立即兌換,禁止囤貨轉(zhuǎn)售。
1)WPS會員:開通后可享有如「PDF轉(zhuǎn)Word、圖片轉(zhuǎn)文字、圖片轉(zhuǎn)PDF」等特色功能,且擁有更大的單個文件上傳大小、云空間擴(kuò)展至100G 等;
2)稻殼會員:開通后可免費下載「稻殼商城」中的付費模板、云字體、會員專屬皮膚等特權(quán);
3)超級會員:是「WPS會員」與「稻殼會員」的綜合型會員,是目前WPS中擁有最全特權(quán)會員。
之前華為召開了「 HarmonyOS 2 及華為全場景新品發(fā)布會」。
發(fā)布會還沒結(jié)束,就有位讀者問我,這個動畫是怎么做的?
3G、4G、5G,通過立方體翻轉(zhuǎn)的形式切換,這個轉(zhuǎn)場很酷!
提問者的想法是把文本貼在 3D 立方體上:
然后再添加「平滑」切換:
白色背景
黑色背景
這個做法完全可以,就是操作起來有一絲麻煩。
其實呢,對于這個動畫效果,PPT 自帶的切換效果就能快速實現(xiàn)!而這個切換效果,就是「立方體」。
首先,選個好看的英文字體,輸入文本,并分別放置在 3 個頁面上:
英文字體:Montserrat
添加發(fā)布會同款漸變色:
接著,為第二頁、第三頁,添加「立方體」切換效果。并在效果選項中,調(diào)整第二頁方向自右側(cè),第三頁方向自頂部:
播放,來看下效果:
是不是非常的簡單?
其實,除了「立方體」,PPT 中還有很多實用且好玩的切頁效果。趁著的這篇文章,再跟大家分享 3 個。
01推入
非常實用的一個切頁效果。
它作用就是讓前后兩頁連續(xù)播放,進(jìn)一步體現(xiàn)頁面的關(guān)聯(lián)性。
比如,高通的這兩頁,有著清晰的視覺引導(dǎo)線,表明前后的遞進(jìn)關(guān)系:
為了頁面邏輯更加的通暢,我們就可以為第二頁,添加方向「自右側(cè)」的「推入」效果:
這兩頁同理:
對于擁有多個節(jié)點的時間軸頁,這個動畫也出奇的好用,我們完全可以內(nèi)容拆分成多頁:
再通過添加推入動畫,以此保證內(nèi)容的連續(xù)性:
比如我們?yōu)榻鸬渲谱鞯钠放平榻B PPT,就用到了這個方法:
當(dāng)然,除了橫向推入,也可以是縱向:
使用這個方法,唯一要注意的一點就是,前后兩頁的銜接處,不能有偏差。
02飛過
這應(yīng)該是切換動畫中, 少有的,酷炫但不浮夸的切頁效果。
就像文章開頭的 3G、4G 再到 5G,采用「飛過」的形式,也很不錯。
或者將效果選項改為「彈跳切出」:
還能做出一個酷炫的倒計時:
使用這個切換效果,有一點要注意,就是如果頁面加了背景圖,在播放時背景也會同步放大,頁面會出現(xiàn)閃白的情況。這看起來就有些丑了:
為了解決這個問題,我們可以剪切背景圖片,并在設(shè)置背景格式中,選擇「圖片或紋理填充」,再點擊剪切板即可:
通過這個方法,背景圖會被固定,切換時,也就不會出現(xiàn)閃白了:
03棋盤
這個效果很有意思。
它會將頁面拆分成 35 塊(5×7),并通過翻轉(zhuǎn)的形式,進(jìn)行切頁。
如果只是隨便的將其應(yīng)用到某一頁 PPT 上,翻頁效果算不上美觀:
而我們順應(yīng)動畫的思路,分別在 35 個板塊中,填入圖片,做成圖片墻的樣子:
那么,這時再加入「棋盤」切換,視覺效果就會好上許多:
又或者,我們在 35 個板塊中填入企業(yè) logo:
使用「棋盤切換」:
是不是很有意思呢?
好了,以上呢,就要跟各位分享的 4 個,非常實用的 PPT 切頁效果。
大家也別老抓著「平滑」切換不放手,其實偶爾用用這幾個切頁效果,也還挺不錯的。
原標(biāo)題:給我30秒,輕松搞定華為發(fā)布會上這個超酷PPT動畫!
]]>有讀者發(fā)給我一張系統(tǒng)架構(gòu)圖的 PPT 頁面,問我該如何優(yōu)化。鑒于信息保密問題,案例就不在這里放出。不過,我在網(wǎng)上找了一些類似的頁面:
相信很多讀者,看到這樣的案例,會覺得無從下手。
但是在很多運營方案,或者產(chǎn)品方案的 PPT 里,這樣的頁面又經(jīng)常出現(xiàn)。
那么,該如何對這樣的頁面進(jìn)行優(yōu)化呢?其實非常簡單,注意兩個關(guān)鍵點即可:
分別是什么意思?先來簡單解釋一下。
一般而言,對于系統(tǒng)架構(gòu)圖來講,往往會包含多個模塊的信息,為了便于別人理解,我們需要區(qū)分出內(nèi)容上的主次關(guān)系。
很多人的做法就是,把它做得花里胡哨,但其實,這樣反而沒有了重點:
正確的做法是,我們需要利用色塊的效果,顏色以及文字的粗細(xì),區(qū)分出層級關(guān)系。
就像這樣:
而如果我們做到這一點,則會讓架構(gòu)圖的視覺呈現(xiàn)更加清晰。這是我在網(wǎng)上看到的一個案例:
但是要注意,在區(qū)分視覺層次時,千萬不要采用多層線條嵌套的樣式,這樣看起來會很亂。
就像這樣,是不是看起來頭暈?
我個人建議采用的方式是,線條和色塊搭配使用,看起來會更舒服:
這個點就很好理解了,對于架構(gòu)圖來講,最好是采用不同的色彩,表現(xiàn)不同模塊的信息。
比如像這個頁面,所有模塊的標(biāo)題都是藍(lán)色,一級板塊使用深灰色,二級板塊采用淺灰色:
明白了這兩點之后,咱們通過具體的案例,來理解一下。
案例一
對于這個頁面來講,問題主要表現(xiàn)在兩個方面:
那該如何優(yōu)化呢?我們可以簡單分析一下。
頁面的模塊劃分挺清晰,但為了在視覺上區(qū)分更明顯,我們可以這樣來設(shè)計顏色:
當(dāng)完成了這一步后,頁面的模塊呈現(xiàn),就會變成這樣,是不是更好一些?
而對于其中的內(nèi)容模塊呢,我們可以去除多余的修飾效果,采用扁平化擺放即可:
另外,為了讓頁面的視覺效果更好,我們可以繪制一個網(wǎng)格平臺:
放在頁面底部,會讓頁面更有立體感:
案例二
這個架構(gòu)圖呢,明顯是用其它軟件繪制的,它的主要問題就是沒有視覺層次。
那怎么優(yōu)化呢?同樣是先來進(jìn)行色彩和字號區(qū)分,很明顯,這里分為3個模塊:
將其套用在結(jié)構(gòu)圖上,效果就是這樣:
接下來呢,把文字信息寫在對應(yīng)的模塊上即可:
但頁面有些單調(diào),我們可以添加一些線條的修飾,來豐富視覺效果:
是不是好很多呢?
以上,就是在處理一些系統(tǒng)架構(gòu)圖的時候,我們可以采用的思路,非常簡單。
當(dāng)然,也會有一些細(xì)節(jié),可以幫你實現(xiàn)更大的視覺優(yōu)化提升。
像架構(gòu)圖中的箭頭形式:
像色塊的圖形樣式的設(shè)計:
這些都會影響頁面最終的呈現(xiàn)效果,不過,如果想做到這些,那么,平時的積累就在所難免。
原標(biāo)題:求問,像這樣超丑的PPT架構(gòu)圖,還有救嗎?
]]>