在前幾天有位讀者問了我一個很有價值的問題。是啥呢?
就是如何在二維平面上,表現(xiàn)出三維的立體空間感?
大概就像這樣:
不得不說,這的確是一個很好的問題。
那么,到底是如何做的呢?不廢話,直接進入正題。
我常用的方法分為3種,分別是:
看到這兒,可能很多人會有疑問,漸變的作用,不是改變顏色嗎?為什么能夠增強空間立體感呢?
比如說,我們現(xiàn)在看到這樣的一張素描,看起來像是一個球體 ,對不對?
為啥呢?其實只不過是給一個平面的圓形,添加了漸變而已:
如果說我們把高光,明暗交界,以及反光添加到一個平面的圓形,它也會有立體感:
就是這么簡單。
當我們知道如何繪制球體之后,我們就可以利用它作為文字的襯底,進行排版:
或者是這樣的:
再比如我們之前做過的一頁PPT,很多人很好奇這個球體是怎么來的,其實,它就也是加了漸變的形狀而已:
同樣的,還有一個場景是,利用漸變色,我們可以繪制立體感的數(shù)據(jù)圖表。
啥意思呢?之前有讀者問我,為啥自己在 PPT 里插入的立體形狀,感覺很low?
原因很簡單,因為我們需要為立方體的每一個面,都調(diào)整漸變效果:
只有這樣,才能得到一個非常有質(zhì)感的立方體:
比如像之前我修改的一頁 PPT 封面,其實就是這樣調(diào)整的:
再比如像這個頁面中的圖表,你可以思考一下,它是如何呈現(xiàn)出立體感的呢?
另外,利用漸變調(diào)整,我們還可以在平面上,去營造出一個立體的空間。
就像這樣:
那這個又是怎么做的呢?其實,很簡單,就是在頁面上,添加了一個漸變色塊而已:
不過呢,有一個小細節(jié)是,底部色塊的顏色,要稍微深一點:
同樣的,利用這個原理,我們可以做成這樣的空間感背景:
這應該是很多人都能想到的一個方法。
操作上也很簡單,選中一個元素后,調(diào)整三維選項就可以:
比如說,我們可以用來進行圖片的排版,從而增強空間立體感:
當然,也可以是對文字添加三維旋轉(zhuǎn),都能營造出空間立體感:
這是一個比較簡單的方法,之前也寫過,我就不多說了。
我們在真實世界中,都明白一個最基本的原理,叫做:
而如果我們想要在平面上,營造出空間感,也需要遵循這個規(guī)律。
啥意思呢?舉個簡單的例子,比如像前幾天修改的案例,為了營造空間感,我對后一排的圖片進行了虛化處理。
這就是近實遠虛:
再比如像這個頁面,算是典型的近大遠小式的透視關系:
除此之外,我們還可以通過對形狀的漸變調(diào)整,把遠處的透明度設置為100%,也可以實現(xiàn)透視的效果:
用這個方法,我們一般用來制作內(nèi)容的底座,從而進行排版:
把梯形換成圓形,也是一樣的道理:
繼續(xù)延伸,我們也可以把這個原理,應用到圖片排版中。
比如在排版圖片時,我們可以對圖片進行虛化處理,或者是添加一些虛擬形狀,從而營造透視的感覺:
這樣一來,也可以營造出空間立體感:
再比如像這個頁面,之所以在圖片背后,添加一些矩形色塊,原理也是一樣的:
這就是在平面上,實現(xiàn)三維立體空間感展示的3個方法,希望對各位有所幫助。
·
原標題:華為的這個網(wǎng)頁太酷了!PPT中想做出這樣的效果難嗎?
]]>橢圓平臺怎么畫才好看?有啥技巧嗎?
這是一位讀者看過這頁 PPT 后,在留言區(qū)向我提問的一個問題。
其實,在 PPT 設計中,用形狀來模擬透視平臺,是一個能夠快速提升頁面設計美感的技法。
比如下面這兩頁騰訊峰會的 PPT 原稿,現(xiàn)在看,視覺上略顯平淡:
而利用形狀模擬透視平臺后,頁面的空間、設計感就會大幅度提升。比如繪制橢圓平臺:
或者是繪制梯形平臺:
那么,回到文章一開始的問題,大家用的都是 PowerPoint,為什么你總是畫不好呢?
你繪制的平臺:
別人繪制的平臺:
繪制這類透視平臺,到底有何技巧?
別慌,今天,這篇文章就帶你解開這其中的奧秘!
想要透視平臺畫的好,只需遵循 2 個現(xiàn)實原則即可。因為與現(xiàn)實相關,所以理解起來不難。
? 原則一:近大遠小
體積相似的物體,距離我們越遠,在視覺上看起來就會越小。
比如地面瓷磚,他們的實際大小相同,但一眼望去,越遠的瓷磚,看起來就越?。?/p>
如果把圖片中瓷磚線條提取出來,分別來看橫線和縱線。
很明顯,橫線之間的間距,由近及遠,越來越窄:
縱線如果繼續(xù)延展,終將匯于一點:
這就是頁面看上去有縱深感的原因!
我們回到透視平臺的構(gòu)建上。對于橢圓型平臺,如果只是用大小不同的橢圓簡單嵌套,頁面缺乏縱深感,看起來就會有些假:
我們在繪制時,就可以根據(jù)上述橫線的特點,調(diào)整各個橢圓錯位,使各個線條的間距,由近及遠,越來越窄:
此外,線條間的各個間距相差越大,平臺的縱深感就會越強:
同理,梯形平臺就應該符合上述縱線的特點。
所有形狀兩側(cè)邊界的延長線,都要匯聚于一點:
? 原則二:近實遠虛
近處清晰,遠處模糊。這個原則相信大家也深有體會。
比如從高樓向遠處眺望,近處的大廈就很清晰,而遠處的山巒受云霧的影響,會變得模糊不清。
同樣的,將近實遠虛的原則,應用到平臺的繪制上。比如通過調(diào)整橢圓漸變:
讓遠處的線、面透明度降低:
梯形平臺同理,利用漸變讓平臺遠透,近不透:
結(jié)合,上面所說的兩大原則,我們用形狀所構(gòu)建的平臺就更加符合現(xiàn)實邏輯,從視覺上去看自然會更加的美觀。
OK,原理是明白了,那有沒有什么方法,可以快速繪制這樣的透視平臺呢?
當然有,我們可以借助三維旋轉(zhuǎn)。通過使用三維旋轉(zhuǎn),就可以不用手動調(diào)整個圓環(huán)的間距,而且平臺的透視強度可以任意調(diào)節(jié)。
像上面這個案例,我們可以先繪制 4 個嵌套的正圓。
設置三維旋轉(zhuǎn),預設 > 角度 >「透視:適度寬松」:
這時,頁面中的正圓,就會有向后傾倒的趨勢:
我們調(diào)整 Y 旋轉(zhuǎn),可以變換觀察平臺的視角:
而調(diào)整透視,可以變換平臺的縱深感。透視越大,縱深感越強:
最后,調(diào)整平臺漸變即可。
除了橢圓透視平臺,像下面這樣的梯形平面透視平臺,也可以使用這個方法快速繪制。
先繪制 5 個矩形,并組合:
和剛才的一樣,設置三維旋轉(zhuǎn),選擇預設中的「透視:適度寬松」。Y 旋轉(zhuǎn)控制平面傾倒的幅度;透視,控制平臺的縱深感:
最后,依據(jù)近實遠虛的原則添加漸變效果:
最后,為了拓寬大家的思路,我再分享一些透視平臺在 PPT 設計中的一些用法。比較常見的是充當載體,放置單個頁面信息。比如主要文本:
重點數(shù)據(jù):
當然,只要你畫的平臺夠大,也可以放置多個內(nèi)容:
稍微復雜一些,我們還可以利用透視平臺,立體化呈現(xiàn)層級架構(gòu)。比如這種圓形平臺:
或是梯形平臺:
等等...
好了,以上呢,就是這篇文章的全部內(nèi)容了。希望看完這篇文章,你也能夠快速上手,畫出漂亮的透視平臺。
·
原標題:邵大,騰訊官方的這頁PPT也太高級了!為啥我做不出來...
]]>自從谷歌推出 Material Design 設計語言后,用卡片作為承載信息的方式,已經(jīng)是很常見的一種設計形式了:
卡片設計被廣泛用在各類產(chǎn)品和場景中,PPT也不例外。比如剛結(jié)束不久的蘋果春季發(fā)布會,PPT中就用到了卡片排版:
卡片的區(qū)塊化結(jié)構(gòu)能讓頁面層次清晰易讀,是頁面布局中的利器。有時候僅使用卡片來排版,也能做出一套不錯的PPT:
然而很多時候,我們進行卡片排版時,往往會忽略很多細節(jié)的處理,導致頁面效果生硬,比如像下面的案例:
那么,如何快速地提升卡片的排版設計效果呢?
今天這篇文章就給大家總結(jié)一下,卡片排版的一些細節(jié)要點。
在PPT中,我們是用矩形來繪制卡片,通過給矩形設置顏色、紋理、陰影等參數(shù)效果,讓卡片的質(zhì)感豐富起來。
1.角部弧度
卡片設計常見的角部弧度有直角和圓角這兩種:
我們常常使用圓角卡片來排版內(nèi)容,因為直角的卡片硬朗高冷,有一定的攻擊性質(zhì):
而圓角容易被人眼識別,卡片邊界的區(qū)分更明顯;且柔和的圓角更具親和力,給人安全感和舒適感:
2.卡片顏色
卡片的顏色填充可以是純色或漸變色(黑白灰為無彩色)。
純色卡片只有一種色調(diào),但卻比較難把控,因為單一的顏色,看起來會比較沉悶呆板:
對此比較好的解決方法,是改用不同明度的漸變色來填充,讓卡片細節(jié)層次更加豐富:
怎么設置不同明度的漸變呢?很簡單,拿下面的深黃色卡片舉例:
我們選擇45°方向的線性漸變,然后兩個光圈顏色均選用原來的色值:
接下來,我們通過調(diào)整兩個光圈的亮度百分比,就可以得到不同明度的漸變色:
來看看調(diào)整后的效果,與之前比較,卡片會更有光澤感:
3.卡片投影
給卡片添加投影效果,可以營造卡片懸浮感,從而增加頁面的空間層次:
一般不建議直接選用PPT中的投影預設,因為這些預設投影比較生硬,不夠柔和自然:
怎么調(diào)節(jié)出柔和自然的陰影呢?大致可以分為三個步驟:
第一,選擇與背景色相近的深色作為陰影色,比如下面卡片的陰影色為深紫色:
第二,縮小陰影的大小,然后加大陰影距離:
第三,把陰影的模糊度調(diào)大,如果覺得陰影色還是太深,可以適當?shù)丶哟笸该鞫龋?/p>
與預設的陰影相對比,調(diào)整后的陰影效果會柔和很多:
講完卡片繪制的細節(jié),接下來我們來看下卡片內(nèi)容的排版。
1.間隙相同
無論是卡片的縱向或是橫向,它們之間的間隙距離,最好能保持一致:
整齊一致的間隙距離,有助于保持頁面的均衡和美觀:
2.四周留白
卡片上的內(nèi)容信息,與卡片的邊界要留有適當?shù)木嚯x:
為什么要適當留白呢?我們先來看下面的反例。
卡片上的內(nèi)容信息緊貼著卡片兩側(cè)邊界,此時整體頭輕底重,底部文字太擁擠,看著沒有呼吸感:
而給卡片四周適當?shù)亓舭缀螅撁嫘Ч粗蜁鏁沉嗽S多:
3.文字行數(shù)不宜過多
卡片上的文字的縱向行數(shù),最好不要超過5行,因為行數(shù)過多容易增加閱讀成本:
還有文字的層級區(qū)分要明顯,我們可以通過不同字重、字號和顏色的設置,從而產(chǎn)生清晰信息層級:
4.減少線框使用
我們經(jīng)常會使用線框來區(qū)分信息內(nèi)容,但當卡片上使用過多的線框時,反而會導致頁面的擁擠:
減少線框的使用,或是用淺色色塊代替線框,這樣卡片上信息區(qū)分清晰的同時,整體效果也會好很多:
在PPT中,利用卡片進行排版,常見的版式有哪些呢?
1.并列排版
這應該是最常見的卡片排版版式,比如下面這個案例,頁面有三段并列的內(nèi)容信息:
我們找來對應的圖標,然后用卡片元素來承載文字信息:
接下來給卡片添加陰影,在底部加入色塊來豐富頁面層次:
最后再添加一些修飾粒子元素,這樣一張卡片并列排版就完成了:
2.上下錯位排版
我們只需將并列版式稍微錯位,就可以做出有節(jié)奏感的上下錯落排版:
又或是常見四段頁內(nèi)容的錯落排版:
除此之外,還可以給卡片稍微旋轉(zhuǎn)一個角度,這樣錯位的感覺又會不一樣:
3.大小不一錯落排版
當卡片的大小不一致時,我們可以考慮錯落排版,像蘋果發(fā)布會的PPT,這樣能夠有效利用頁面的空間:
這里再舉一個例子,比如這張有關風電特點的頁面:
我們將各個特點拆分開來,然后用大小不一的卡片承載內(nèi)容:
接下來根據(jù)文字信息的含義,找來相關的圖片填充進卡片中:
最后調(diào)整字體的字重、大小和顏色,突出關鍵詞,這樣一頁蘋果卡片風PPT就做好了:
4.三維空間排版
顧名思義,可以通過給卡片設置三維參數(shù),進行三維空間排版:
我們來看下案例,比如下面這張五段頁卡片排版:
分別給左右兩側(cè)的卡片設置「透視:左」和「透視:右」的三維參數(shù):
然后將它們湊在一起,就有這樣空間感滿滿的頁面了:
此外,我們通過設置不同的三維參數(shù),可以繪制出不同旋轉(zhuǎn)角度的卡片,從而進行豐富的三維排版布局:
好了,以上就是關于卡片排版的內(nèi)容,最后我們來總結(jié)一下:
·
原標題:庫克最愛用的這張發(fā)布會PPT!google也常用,太高級了...
]]>今天在刷朋友圈時,無意中看到了一個百事可樂的廣告海報,就是這個:
對于這張海報設計,本來沒有太多可說的,但看到這里用到了半調(diào)粒子效果,就是左上角這些斑斑點點:
在之前的文章里也用到了這個效果,可以很好地被用來豐富頁面的細節(jié),被很多讀者提問,這到底是怎么做出來的?
其實很簡單,有一個工具,就是專門生成這種效果的。
網(wǎng)址是:https://xoihazard.com/tools/halftone
它的使用也非常簡單,進入網(wǎng)站后,什么參數(shù)都不用調(diào)整,它默認提供了一種圖形的半調(diào)粒子樣式:
但如果我們想要比較規(guī)則的粒子分布樣式,比如像這樣的:
就需要自己上傳一個漸變圖片,怎么做呢?
超級簡單,隨便在 PPT 頁面上設置一個漸變效果,把它導出為圖片:
然后上傳到網(wǎng)站即可自動生成:
而且,這個網(wǎng)站還支持下載 svg 格式的圖形,下載后拖到 PPT 頁面上,可以進行顏色和透明度的調(diào)整:
在這里呢,我隨手用下載到的半調(diào)粒子,做了一個游戲 PPT 頁面:
這里呢,我是在頁面的周圍,添加了一些半調(diào)粒子的效果,很好地豐富了頁面的視覺效果:
還不錯,對吧?
其實,除此之外,很多看似復雜的頁面效果,都可以使用一些工具簡單的生成。
在這里呢,繼續(xù)跟各位分享,我私藏的3個好用的 PPT 輔助設計工具。
漸變生成器https://gradienta.io/
這是我用過的,最贊的漸變效果生成器,打開網(wǎng)站后,我們可以在首頁,看到很多默認的漸變效果:
這些都是一些很有創(chuàng)意的漸變效果:
怎么樣?是不是很酷?很多的漸變圖形,都可以直接用來做 PPT 背景。
比如像這些:
如果有喜歡的,那么就可以直接進行下載,而且可以選擇漸變圖形的尺寸:
當然,如果只有這些功能,那肯定還不夠,我最喜歡的一個點在于,它支持自定義設計漸變的效果。
啥意思呢?這個網(wǎng)站上提供了3種不同的漸變樣式模板:
你想要任何一種漸變效果,都可以在這個網(wǎng)站進行生成:
把漸變效果用在PPT里,其實非常贊:
動態(tài)圖標網(wǎng)站https://stories.freepik.com/
我真是太喜歡這個圖標網(wǎng)站了,為啥呢?有這么幾個原因。
首先數(shù)量多,還免費,國內(nèi)也可以正常速度打開:
另外呢,支持在線更改圖標的顏色,也就是說,你可以把圖標的顏色,修改為與 PPT 主題色一致。
我做了個動圖演示下:
還有,最強的一點在于,這里所有的圖標都是分層的,你可以給圖標,添加動畫效果:
比如我們?nèi)我膺x擇一個圖標,進入動畫編輯界面:
你可以為圖標上的每一個元素添加動效,當然如果你足夠懶,也可以使用隨機生成。
比如像這樣:
或者是這樣:
當然,把這種動態(tài)圖標,用到 PPT 里,效果也依舊很棒:
你覺得呢?是不是超贊?
阿里云地圖http://datav.aliyun.com/tools/atlas
在很多 PPT 中,都離不開地圖的使用,但地圖的使用,需要非常非常的謹慎,至于原因嘛,你懂的。
如果你想找一個可以安全使用的地圖,且還想要對地圖的樣式進行編輯,那么,可以考慮阿里推出的這個網(wǎng)站。
它呢,最小支持到縣級地圖,最大是全國地圖,還是比較全面的:
比如說,我之前曾經(jīng)做過一頁 PPT ,需要用到山西省的地圖,那么,在這個網(wǎng)站上,就可以直接下載到可編輯的地圖。
用在頁面上,是不是很贊呢?
以上呢,就是我要給各位推薦的,4個好用的 PPT 輔助工具。感興趣的讀者們,可以去嘗試一下。
原標題:朋友圈巨潮的百事可樂海報!利用這個PPT神器輕松搞定!
]]>