這篇文章來一期讀者投稿PPT的案例修改
這是一份偏銷售培訓(xùn)類的課件,完整版長這樣:
老規(guī)矩,我們還是挑其中的4頁進(jìn)行修改:
因?yàn)檫@是一份有企業(yè)主題的培訓(xùn),所以,整體的色調(diào),我們可以拋棄紅色,基于企業(yè) Logo 進(jìn)行選擇:
顏色的話,還是從企業(yè)logo中提取出來的:
接下來,我們就進(jìn)入到單頁的修改。
封面其實(shí)做的還不錯(cuò),有一些小問題就是:
所以呢,我們可以基于這些點(diǎn)進(jìn)行修改。
首先是信息的排版,左對(duì)齊就可以了,突出標(biāo)題,進(jìn)行對(duì)比:
那么,圖片的話,我們選擇什么呢?我們來分析一下標(biāo)題的關(guān)鍵詞:
從這個(gè)標(biāo)題中,我能聯(lián)想出來的畫面,大概是這些:
在這里,我選擇用點(diǎn)贊的畫面,表現(xiàn)超預(yù)期服務(wù):
但這個(gè)畫面中,元素太亂了,而且點(diǎn)贊的手,與頁面的背景色不融合,所以,我把手單獨(dú)提取出來,并調(diào)整了一下它的色調(diào):
看起來有一些單調(diào),我們可以基于原圖,在周圍加一些小圖標(biāo):
看起來好多了,對(duì)嗎?我們把信息跟配圖放在一起,來看一下:
有一些單調(diào),咋辦呢?我們可以加入一個(gè)暖色調(diào),我用的是黃色,用來協(xié)調(diào)頁面色彩即可:
是不是好多了?
這一頁的話,原稿中唯一的問題就是,為啥要把人物的圖片,放到Pad里呢?
那怎么修改呢?我們可以基于信息的重要程度,做一個(gè)簡單的排版:
人物的背景,我們可以去掉,這樣可以有更大的排版空間:
我用的是稿定摳圖
接下來,換上我們確定的主題色,來看一下:
右側(cè)有一些單調(diào),怎么辦呢?
我們可以加一個(gè)與空客集團(tuán)有關(guān)的配圖,來豐富背景,另外呢,也可以添加暖色調(diào),與整體的風(fēng)格保持協(xié)調(diào):
這一頁主要是來介紹一個(gè)概念,我覺得唯一的問題是,表達(dá)上有點(diǎn)啰嗦。
咋辦呢?我們可以先簡單規(guī)劃下布局,頁面上一共有3段信息,可以做成這樣:
然后呢,把我們的內(nèi)容,放到對(duì)應(yīng)的位置上,這里要注意,我為下面的兩部分信息,提煉了小標(biāo)題,這樣更容易理解:
加個(gè)色塊,并且加一些小圖標(biāo),來豐富視覺效果:
但有個(gè)問題是,頁面右上角會(huì)有點(diǎn)空。咋辦呢?
我們可以把這里的概念名稱,做一些藝術(shù)化的處理,主要是變成了3維效果:
制作的方法呢,可以參考這篇文章:立體文字制作
然后,我們把它放到右上角即可:
這里的話呢,沒有什么太大的問題,就是在配圖上,會(huì)有一些重點(diǎn)不夠突出。
所以,我們可以找一個(gè)只有甜筒的素材,這樣,配圖會(huì)更有指向性:
為了與前面的頁面的視覺風(fēng)格保持一致,還是用上我們的色塊和黃色調(diào):
這里呢,有個(gè)細(xì)節(jié)是,整個(gè)頁面是偏藍(lán)色,但是甜筒,會(huì)有一點(diǎn)偏暖色調(diào)。
咋辦呢?我們可以選擇圖片,在顏色中,修改色調(diào):
來對(duì)比看一下效果:
這樣一來,會(huì)讓甜筒的素材,與色塊更加融合:
這就是整份PPT的修改過程,整體再來看一遍。
-修改前-
- 修改后 -
整份 PPT 的修改呢,主要是對(duì)主題色以及排版方式,做了優(yōu)化,讓整體的風(fēng)格更統(tǒng)一。
希望對(duì)各位有所啟發(fā)。
·
我?guī)鸵患蚁愀酃靖牧朔軵PT,同事:3D效果秀炸了!
]]>今天這篇文章,通過兩個(gè)案例,給大家分享一下優(yōu)化思路。
案例一原稿是這樣的:
我們先來看下頁面內(nèi)容,也不復(fù)雜,主要有標(biāo)題、表格和曲線圖:
仔細(xì)閱讀表格和曲線圖,會(huì)發(fā)現(xiàn)兩者有一定的相關(guān)度,表格表頭和曲線圖X軸的內(nèi)容是相對(duì)應(yīng)的:
那么在排版的時(shí)候,我們就可以考慮將它們結(jié)合起來進(jìn)行優(yōu)化。
首先把曲線圖的X和Y軸重新繪制出來:
然后將表格各個(gè)時(shí)期的內(nèi)容,放在對(duì)應(yīng)的區(qū)域內(nèi),像這樣:
接下來,我們對(duì)表格內(nèi)容進(jìn)行優(yōu)化處理,可以分別用圓形和圓角矩形去承載文字信息:
為了增強(qiáng)空間感,給圓形設(shè)置了射線漸變,這種明度深淺不同的漸變,可以讓圓形看起來像球體:
同時(shí)我也給圓形加了暗藍(lán)色的陰影,營造懸浮感;盡量避免用純黑色做陰影色,否則在淺色背景上看起來有些臟:
一樣的方法,將其他的表格內(nèi)容進(jìn)行優(yōu)化處理:
最后,我們把曲線也繪制出來,調(diào)節(jié)透明漸變填充,這樣可以將遮擋的文字顯現(xiàn)出來:
來看看最終的優(yōu)化效果:
再來看看案例二的原稿:
這個(gè)案例是多項(xiàng)內(nèi)容排版,原稿中元素的使用比較老套,先把文字給提取出來:
?我們改用圓形色塊來承載文字信息:
考慮到頁面的均衡感,可以將各項(xiàng)內(nèi)容對(duì)齊均勻分布,像這樣:
但這時(shí)標(biāo)題上下兩側(cè)的內(nèi)容區(qū)域,與左右兩側(cè)相比,看起來也有些單薄,所以我又將版式改為中心環(huán)繞布局:
那么接下來開始豐富頁面內(nèi)容,中心標(biāo)題用兩個(gè)疊加的圓形來承載,外側(cè)在添加兩條漸變線條:
給兩個(gè)圓形設(shè)置漸變和陰影效果,豐富頁面的層次感:
兩側(cè)各個(gè)小圓形的處理上,我們可以改換成大小不一的分散排版,這樣能符合空間近大遠(yuǎn)小的原則,讓頁面空間感倍增:
分散排版有一個(gè)需要注意的點(diǎn):為了讓頁面左右不失衡,盡量讓兩側(cè)元素面積的和,保持一致:
把文字加上看看效果,這時(shí)所有圓形都用來承載文字內(nèi)容,感覺缺少了輔助元素:
最后再添加一些小圓形輔助修飾頁面,效果會(huì)好很多:
好了,以上就是這兩個(gè)案例的優(yōu)化過程,思路也寫得比較細(xì)致,希望對(duì)你做PPT設(shè)計(jì)有所幫助。
·
講真!這張一口氣放了30個(gè)圓的PPT,最少能值600元!
]]>對(duì)于頁面上有一些文字列表的頁面,該咋排版?
就像這樣:
我修改了很多學(xué)生、老師、創(chuàng)業(yè)者以及職場人的PPT,很多讀者挺喜歡這樣的形式。
這一次,咱們可以來修改一份醫(yī)院類的 PPT ,還是老傳統(tǒng),在修改過程中,也會(huì)分享一些實(shí)用的技巧。
先來整體看一下這份 PPT ,是一份智慧醫(yī)院建設(shè)主題的內(nèi)容:
由于篇幅限制,咱們從中挑選4頁進(jìn)行修改:
我們可以先來思考一下
因?yàn)檫@是一份醫(yī)院類的 PPT ,原稿 PPT 中以藍(lán)色調(diào)為主,可以很好地表現(xiàn)出冷靜沉穩(wěn)的感覺,這沒什么問題。
咱們可以繼續(xù)沿用:
但是內(nèi)容頁的導(dǎo)航欄,看上去會(huì)有一點(diǎn)過于復(fù)雜,信息量太大,但又看不清具體的內(nèi)容:
因此,我們可以做一些簡化,只保留兩個(gè)徽章:
好了,整體的風(fēng)格已經(jīng)確定了,接下來,咱們就進(jìn)入到單頁修改。
01.首先是封面頁
這里的話,排版會(huì)非常簡單,無非就是加個(gè)背景圖的事兒,我在這里做了兩個(gè)版本。
一是2.5D風(fēng)格的版本:
二是實(shí)景圖片版本,我個(gè)人更傾向于這個(gè)方向:
但是呢,這個(gè)天空的色調(diào),有一點(diǎn)土氣的感覺,所以呢,我們可以考慮換個(gè)天空。
怎么做呢?我們可以使用在線摳圖工具,對(duì)圖片進(jìn)行處理,只保留建筑物:
然后呢,找一個(gè)更精致的天空素材,我覺得這個(gè)天空挺贊的:
因此,我們把圖片底部的建筑物刪除,只保留天空區(qū)域:
然后,把天空素材,放到建筑物的背后:
到這里呢,我們已經(jīng)成功實(shí)現(xiàn)了換天處理:
咱們繼續(xù)思考,標(biāo)題文案呢,是『智慧醫(yī)院』,那么我們有沒有可能加一些科技感呢?
就像這樣:
我們可以在網(wǎng)上找一些矢量的科技感圖形,拖到圖片上方,調(diào)整透明度即可實(shí)現(xiàn):
最后呢,我們加上文字,來看一下效果:
02.第二頁是發(fā)展歷程頁
這里的信息呢,分為兩個(gè)板塊,一個(gè)是數(shù)據(jù)表格,另一個(gè)是數(shù)據(jù)概況。因此,頁面的版式,就可以考慮分成上下結(jié)構(gòu)。
接下來呢,就對(duì)每一部分內(nèi)容進(jìn)行處理。
首先是表格的部分,它的主要問題是重復(fù)信息有點(diǎn)多:
所以,在優(yōu)化的時(shí)候,我們可以考慮把項(xiàng)目類別放到中間,減少重復(fù)項(xiàng):
然后,對(duì)于底部的文字內(nèi)容呢,我們把重點(diǎn)內(nèi)容提煉出來,放大即可:
到這里呢,按照前面的版式布局,把內(nèi)容放到對(duì)應(yīng)的位置上:
但是呢,頁面的視覺分區(qū)不是很明顯,那怎么處理呢?
我們可以把標(biāo)題欄的寬度,拉長一點(diǎn):
這樣一來呢,兩個(gè)部分的內(nèi)容,會(huì)有更清晰的視覺劃分:
03.第3頁是文字列表頁
原稿的主要問題,就是中間的圖片部分有點(diǎn)雜亂,而且頁面的排版也不整齊。
那怎么去處理呢?其實(shí)這一頁的話,我們只需要能畫一個(gè),可以承載8個(gè)點(diǎn)的圖形即可。
我畫的是雷達(dá)圖:
然后呢,更換圖形的色彩,讓它跟整體色調(diào),更匹配:
04.最后是兩段內(nèi)容頁
這里的話,信息結(jié)構(gòu)非常清晰,就是分為兩部分。所以,在版式布局上,可以劃分成左右結(jié)構(gòu):
然后,分別對(duì)兩部分信息,做排版處理即可。
首先是第一部分信息,這里的話,我們可以處理成這樣:
操作也非常簡單,就是調(diào)整了兩個(gè)參數(shù):
而對(duì)于另一部分的信息呢,我們可以使用模塊化呈現(xiàn)。就像這樣:
最后,將兩部分信息,并列地?cái)[放在頁面上即可:
這就是 PPT 的修改過程,咱們?cè)賮碚w地看一遍。
- 修改前 -
- 修改后 -
在這里,我做的調(diào)整,主要體現(xiàn)在頁面的版式,以及文段的處理上。
沒有特別復(fù)雜的技巧,如果你能按教程動(dòng)手做一遍,我相信,你也能做得出來。
好了,以上就是這篇文章的全部內(nèi)容。
原標(biāo)題:我花了60分鐘,為一位醫(yī)生修改了一份PPT!
]]>今天這篇文章,來跟大家聊一個(gè),很多人都會(huì)遇到,但很少有人注意過的問題。
什么呢?就是榮譽(yù)獎(jiǎng)項(xiàng)怎么排版呈現(xiàn)。
為什么說很多人會(huì)遇到呢?
因?yàn)椴还苁瞧髽I(yè)介紹,產(chǎn)品發(fā)布,招商融資,還是個(gè)人述職,個(gè)人簡歷……,為了證明自己的實(shí)力,都會(huì)用到相關(guān)獎(jiǎng)項(xiàng),這一招在營銷學(xué)上,叫做專業(yè)背書。
那又為什么說很少有人注意到呢?看看我們大多數(shù)人的PPT就知道了,只是簡單的把信息羅列在頁面上。
就像這樣:
但其實(shí),我們只需要掌握一些簡單的處理方式,就可以讓獎(jiǎng)項(xiàng)榮譽(yù)呈現(xiàn)的更加專業(yè),也更加美觀。
那么,都有哪些方法呢?分享3個(gè)我常用的方法。
關(guān)于這種方法呢,我們可以參考一些獲獎(jiǎng)電影的海報(bào)設(shè)計(jì),他們是如何利用圖形來呈現(xiàn)獎(jiǎng)項(xiàng)呢?
大概是這樣:
利用一些麥穗,或者圓環(huán)之類的圖形來裝飾獎(jiǎng)項(xiàng),是一個(gè)不錯(cuò)的方法。
回到PPT頁面的設(shè)計(jì)中,如果我們所獲得的獎(jiǎng)項(xiàng),只有一個(gè)稱號(hào),并沒有具體的圖片,那么,使用這種方法,就會(huì)非常合適。
就像這樣:
或者是這樣,在介紹單個(gè)產(chǎn)品榮譽(yù)時(shí),也可以這樣做:
我收集了一些,如果大家有需要,可以自行文章末尾領(lǐng)?。?/strong>
文末
如果我們的獎(jiǎng)項(xiàng),是有一張具體的證書,那么,可以考慮通過三維排版的方式,來進(jìn)行呈現(xiàn),從而來讓證書的排列更有立體的感覺。
就像這樣:
在這里呢,同樣,也給大家推薦證書排列的三維樣式,直接把圖片,粘貼在形狀里就可以使用。
有兩張證書排版的樣式:
有三張證書排版的樣式:
也有四張證書排版的樣式:
這是我最推薦的一種方法,需要在 PS 里進(jìn)行完成,不過,操作步驟非常簡單。
那,為什么說這是我最推薦的一種方法呢?因?yàn)閷?duì)于獎(jiǎng)項(xiàng)來講,要么是一張紙,要么是一個(gè)獎(jiǎng)杯。
如果是紙張的話,還好處理,我們可以通過掃描電子件的方式,來把圖片貼在PPT頁面上:
而如果是一個(gè)獎(jiǎng)杯的話,我們可能需要用手機(jī)去拍攝圖片,效果往往差強(qiáng)人意:
而如果使用樣機(jī),則完全不用擔(dān)心這些問題。
比如拿一張榮譽(yù)證書來講,假如就是這一頁的內(nèi)容:
我們可以直接把圖片,貼在樣機(jī)里,就能夠一鍵生成一份高大上的榮譽(yù)證書。
放到PPT頁面上,效果也會(huì)非常棒:
當(dāng)然,還可以選擇其它的樣機(jī)形式,比如像這個(gè):
樣機(jī)圖片來自網(wǎng)絡(luò)
再比如,即便我們的獎(jiǎng)項(xiàng)是一個(gè)獎(jiǎng)杯,那么,我們一樣可以通過貼圖的方式,把獎(jiǎng)杯上的信息貼在樣機(jī)里。
就像這樣:
放到PPT頁面上,效果依舊很棒:
當(dāng)然,除此之外,還有很多樣機(jī)效果圖,大家可以在網(wǎng)上下載樣機(jī)素材,進(jìn)行使用即可。
上面所說的呢,就是我們?cè)谔幚順s譽(yù)獎(jiǎng)項(xiàng)時(shí),可以采取的一些方法,非常簡單。
很多時(shí)候,我們可能只需要花3分鐘,就能夠解決一個(gè)PPT呈現(xiàn)的問題,讓你的PPT變得更加美觀。
另外,如果你想要下載這份 PPT 中的素材,可以在評(píng)論區(qū)評(píng)論任意文字即可下載。
以上。
原標(biāo)題:PPT榮譽(yù)頁還在傻傻擺獎(jiǎng)狀,這3種排版方式創(chuàng)意十足
]]>這篇文章,向你分享一份PPT完整設(shè)計(jì)思路。
但是,也不乏有些讀者,看完文章后,覺得自己會(huì)了,一旦上手去做,又不知道該怎么用:
我相信有很大一部分人,都存在這樣的問題。
為此,我特意修改了一份 PPT,跟各位分享一下我在制作 PPT 時(shí),使用插件的習(xí)慣。
先來看下這份 PPT 的原稿,是有關(guān)企業(yè)微信的簡介,每一頁上的內(nèi)容很少:
老規(guī)矩,在正式開始制作之前呢,還是先來確定一下基本的設(shè)計(jì)規(guī)范。
首先,是字體使用規(guī)范。
既然是企業(yè)微信簡介,當(dāng)然要選擇騰訊家的品牌字體——騰訊體,用于 PPT 中的頁面標(biāo)題,正合適。
接著,是主題色的確定。
這個(gè)不難,我們打開企業(yè)微信的官網(wǎng),從官網(wǎng)中取色,準(zhǔn)不會(huì)出錯(cuò)。比如,這個(gè)漸變色就很不錯(cuò):
關(guān)于頁面背景板。
我們也可以吸取官網(wǎng)較深的顏色,從而調(diào)整出一個(gè)上深下淺的漸變背景:
最后,確定一下元素風(fēng)格。
同樣的,我可以通過官網(wǎng),來找出一些風(fēng)格特征,其中最明顯一點(diǎn)就是,圖形都很圓潤,沒有棱角。
另外,由于騰訊體存在著一定的角度傾斜,所以在頁面中使用一些傾斜效果,頁面會(huì)更柔和:
好了,明確了規(guī)范,接下來,咱們進(jìn)入單頁的修改。
第一頁:封面頁
原稿白紙黑字,沒有什么好分析的,所以我直接說一下制作思路。
先來看標(biāo)題,很明顯,「企業(yè)」和「微信」是關(guān)鍵詞。根據(jù)這兩個(gè)關(guān)鍵詞,我們可以很輕松的聯(lián)想到一些視覺元素。比如:
接著,就可以找一些企業(yè)大樓的圖片用于頁面背景,使用對(duì)話框作為標(biāo)題文字的載體,注意匹配之前所擬定的設(shè)計(jì)風(fēng)格即可:
畢竟是一家科技互聯(lián)網(wǎng)公司,我們還可以在頁面下方添加一些漂浮粒子,來體現(xiàn)這一點(diǎn)。
同時(shí)呢,還能避免頁面底部空洞:
到這兒,封面頁就完成了,我還給頁面添加了動(dòng)畫效果:
第二頁,時(shí)間軸頁
由于頁面中的時(shí)間節(jié)點(diǎn)只有 4 個(gè),不用軸線,只把內(nèi)容簡單羅列,也是可以的:
為了表現(xiàn)企業(yè)微信發(fā)展的上升趨勢,可以將內(nèi)容從低往高排列:
另外,為了讓頁面更有創(chuàng)意,可以添加一些傾斜元素,比如將橫線改為折線:
簡單說下折線的做法。
先用?[?任意多邊形:形狀?],畫出折線:
然后再用 LvyhTools 插件中的 [ 圓角工具 ] ,添加圓角即可:
來看下,應(yīng)用到頁面中效果:
最后,沿用封面頁的做法,用漂浮粒子彌補(bǔ)下方的空缺:
再來看下動(dòng)態(tài)效果:
第三頁,多項(xiàng)內(nèi)容頁
對(duì)于這樣的并列型內(nèi)容頁,內(nèi)容多,而且每段文字字?jǐn)?shù)相等,使用中心環(huán)繞式排版法再合適不過了。
為了避免頁面中心太空,可以放置企業(yè)微信的軟件截圖:
接著,我們可以使用 iSlide 插件中的 [ 環(huán)形布局 ],快速完成頁面排版:
最后,將文字放置到形狀中,再匹配相應(yīng)的小圖標(biāo)即可:
動(dòng)態(tài)版:
另外,這一頁我還制作了另一個(gè)版本,主要通過不同大小的圓形以及彎折的線條,來表現(xiàn)企業(yè)微信的功能豐富。
這些帶有弧度的折線,繪制方法同第二頁的折線一樣,只不過這里折線的弧度更大了一些。
同樣,我們來看下動(dòng)態(tài)效果:
第四頁,多圖排版頁
這頁主要講了企業(yè)微信所合作的行業(yè)案例,說實(shí)話,只有 4 個(gè)案例的話,頁面就會(huì)太單薄了,沒有什么說服力。
所以,我又從官網(wǎng)上下載了一些行業(yè)案例的圖片素材:
為了盡可能的體現(xiàn)出多這個(gè)概念,我可以使用了具有空間感,立體卡片的排版形式,注意要遵循近大遠(yuǎn)小的原則。
為了讓頁面的風(fēng)格統(tǒng)一,可以將圖片去色,并在圖片上方添加漸變蒙版:
接著,把最后一排做虛化處理,達(dá)到近實(shí)遠(yuǎn)虛的目的,從而讓頁面的縱深感更強(qiáng):
這里說下我的做法。
先把后排的圖片與上方的形狀,分別進(jìn)行組合:
然后使用 Onekey 插件中的 [ 原位轉(zhuǎn)圖 ],快速將組合原位置轉(zhuǎn)成圖片:
最后,給圖片添加虛化效果即可:
來看下最終效果:
同樣,再來看一下動(dòng)態(tài)版的:
好了,以上這篇文章的全部內(nèi)容啦。
最后,咱們?cè)賮砜偨Y(jié)一下,在制作過程中所用到的插件功能:
其實(shí)呢,用好 PPT 中的插件,不僅可以提高你的排版效率,還可以讓你頁面更加有創(chuàng)意。所以,后續(xù)還會(huì)和大家分享一些,有關(guān)插件的使用技巧。
另外,再送給大家一個(gè)福利,在評(píng)論區(qū)評(píng)論任意文字即可免費(fèi)獲取這份 PPT 的源文件:
好了,就這么多。
原標(biāo)題:我花了70分鐘,給企業(yè)微信設(shè)計(jì)了一份PPT!
]]>這篇文章,分享如何制作一份剪紙風(fēng)格的PPT作品,不僅有具體的操作細(xì)節(jié),更有設(shè)計(jì)的思考。
不廢話,先來看作品。
首先看一下作業(yè)的原始稿:
最后的完成稿是這樣的:
那么,在制作中,都有哪些思考和過程呢?這篇文章就全部分享給各位。
看過原稿,我的第一個(gè)步驟就是去找參考,確定配色、風(fēng)格,為整個(gè)PPT定下一個(gè)基調(diào)。
這樣,做到后面的時(shí)候,可以保證每一頁P(yáng)PT的風(fēng)格統(tǒng)一。以本次活動(dòng)主題“情人節(jié)”為關(guān)鍵詞,在花瓣網(wǎng)、攝圖網(wǎng)等網(wǎng)站上進(jìn)行搜索,找尋靈感。
可以看到,在色彩上,大多數(shù)情人節(jié)主題的作品以粉紅為主。
由于自己在配色上沒有太多心得,還是選擇了比較中規(guī)中矩的、最能代表情人節(jié)的配色——粉白配色:
另外,我注意到許多情人節(jié)的海報(bào)背景上,都用到了剪紙風(fēng)格的圖形元素。
這是一種在海報(bào)、插畫中非常流行的設(shè)計(jì)風(fēng)格,通過圖形的多層疊加,利用陰影和色彩營造出立體層次感。
這種風(fēng)格制作起來難度不大,又容易出效果,所以這次我就選擇用剪紙的風(fēng)格來做PPT了。
確定好風(fēng)格,就開始封面的設(shè)計(jì)了。之前在找參考的時(shí)候,發(fā)現(xiàn)有不少海報(bào)中出現(xiàn)了信封的元素。
我想到,這里出現(xiàn)的書信,是與情人節(jié)主題切合的“情書”,也可以是活動(dòng)的“策劃書”、給客戶的“邀請(qǐng)函”。
如此想來,“信”這樣的元素,真是非常適合用在這次的封面上了。
原稿中封面內(nèi)容的信息層級(jí)劃分,已經(jīng)十分明確,在這一頁上文字的排版,沒有做太多變化。
主標(biāo)題的字體選用的是筆劃粗細(xì)較均勻的造字工房方黑,便于添加陰影,給文字也做出層次感。
用到的方法,是旁友圈第一季11期模仿訓(xùn)練講過的,使用透明漸變矩形色塊疊加做出陰影 :
我為了更精細(xì)地處理部分復(fù)雜的筆劃,使用了PS選區(qū)來繪制陰影:
將所有信息內(nèi)容排好放在找好的信封素材上,可以得到這樣的畫面:
為了使得畫面元素更加豐富,添加一根紅絲帶作為點(diǎn)綴:
將絲帶復(fù)制兩層,置于信封下方,再復(fù)制一個(gè)置于頂層,裁剪掉一部分,就可以體現(xiàn)出絲帶的穿插感。
至此,完成了封面的制作:
前期完成基調(diào)的確定和封面的設(shè)計(jì)之后,最“難”的部分就已經(jīng)過去了,接下來的效率,會(huì)提高很多。
因?yàn)橐呀?jīng)有了明確的設(shè)計(jì)方向,所以,根據(jù)封面定下來的風(fēng)格,內(nèi)頁也沿用剪紙風(fēng)。
考慮到后面需要做一些元素的穿插,網(wǎng)上的背景圖片不能滿足,便決定自己繪制底圖。畫之前,觀察一下剪紙背景的特點(diǎn)。其實(shí)很簡單,無非是兩點(diǎn):色塊疊加+柔和的陰影。
不規(guī)則的曲線色塊,可以用形狀-曲線工具進(jìn)行繪制:
底層的云是用三個(gè)橢圓合并而成的:
陰影的處理是剪紙風(fēng)效果呈現(xiàn)好壞的關(guān)鍵。
太生硬的陰影,會(huì)使畫面顯得臟亂,缺乏層次。
這里根據(jù)所選風(fēng)格,設(shè)置偏紅的陰影顏色,適當(dāng)增加陰影模糊,和調(diào)整透明度的數(shù)值,就可以調(diào)整出柔和的陰影:
在完成剪紙部分底圖的繪制后,就可以開始根據(jù)原稿內(nèi)容制作版式了。
活動(dòng)簡介這一頁是對(duì)表格的排版美化:
與封面的信封對(duì)應(yīng),這里就用鋪開的信紙來呈現(xiàn)活動(dòng)介紹。
正如前面提到的,自己繪制的底圖可以輕松處理好圖形之間的層次關(guān)系。
在畫面中添加三個(gè)矩形,調(diào)整角度,添加陰影,置于部分色塊下方,這一頁的背景版式就完成了:
“幕后”畫面看著有點(diǎn)凌亂
到這一步,還可以怎么進(jìn)行優(yōu)化呢?
我們可以導(dǎo)出當(dāng)前頁面為圖片,為其添加藝術(shù)效果-膠片顆粒,調(diào)整粒度大小為8,目的是給圖片增加類似紙質(zhì)質(zhì)感的磨砂效果。
后面設(shè)計(jì)完成的版式也同樣應(yīng)用這一設(shè)置:
表格上列的六項(xiàng)內(nèi)容,屬于同級(jí)關(guān)系,剛好規(guī)整地排成兩列,在每項(xiàng)前添加對(duì)應(yīng)的圖標(biāo),活動(dòng)簡介頁面的內(nèi)容就完成了:
參與樓盤這一頁是logo的展示:
對(duì)于多l(xiāng)ogo的排版,有許多方式,這里借助白色色塊,來增強(qiáng)整體性,也不用擔(dān)心部分logo有殘留的白底。
一共12個(gè)logo,試過好幾種排列方式,最后,利用菱形色塊,排列組合成心形,來與情人節(jié)主題呼應(yīng):
鑒于展示的是各個(gè)樓盤房地產(chǎn)商的logo,在畫面中可以添加一些建筑元素。
繪制的方法也很簡單,先找到一些剪紙風(fēng)的建筑,提取設(shè)計(jì)特點(diǎn),參照著畫就是了:
建筑可以用基礎(chǔ)的幾何圖形構(gòu)成,鏤空部分通過合并形狀布爾運(yùn)算剪除來完成:
在頁面上加上建筑元素的裝飾,便得到了這一頁最終的呈現(xiàn)效果:
特色活動(dòng)這一頁的內(nèi)容也很直觀,是四個(gè)活動(dòng)簡介。
根據(jù)剪紙的風(fēng)格,想到了自己特別喜歡的卡片式設(shè)計(jì)。
圓角矩形用圓打個(gè)孔,用直線串起來,做成四個(gè)懸掛的標(biāo)簽的形式。并調(diào)整它們的位置,在視覺上錯(cuò)落有致,增加趣味性。
根據(jù)四個(gè)活動(dòng)的內(nèi)容,選取四個(gè)代表性的物體進(jìn)行繪制,進(jìn)一步豐富畫面內(nèi)容。
繪制的方法,和上一張的建筑類似,也是各種圖形的組合:
最后,將文字和圖標(biāo)排到卡片上,字體選用和卡片相襯的更精致的造字工房尚雅,這一頁就完成了:
以上就是美化的全部流程啦,最后來看一下修改前后完整的對(duì)比:
其實(shí)前面提到的大多數(shù)操作,我是借助 PS+AI 去完成的,不過在復(fù)盤的時(shí)候,我又試著用PPT重新畫了一遍,也能實(shí)現(xiàn)同樣的效果。
PPT也是很好的創(chuàng)意表達(dá)工具,希望我的這篇文章,能帶給大家一些PPT設(shè)計(jì)和制作上的啟發(fā)。
以上。
原標(biāo)題:創(chuàng)意的剪紙風(fēng)格PPT該怎么做?這里有一份完整的案例復(fù)盤
]]>在之前的文章里,我分享過一些關(guān)于圖片排版的方法。
比如像三維旋轉(zhuǎn):
或者是圖片虛化:
案例來自互聯(lián)網(wǎng)
不過,雖然這些方法,能夠幫你做出很有創(chuàng)意的圖片排版樣式,但對(duì)于大多數(shù)職場人來講,可能并不太實(shí)用。
為啥這么說呢?因?yàn)樘臅r(shí)間,而且還具有一定的操作難度。所以,有一些讀者就問我,有沒有一些非常簡單,同時(shí)又很實(shí)用的排版方法呢?
肯定是有的,要不然我也不會(huì)再去寫這篇文章了,對(duì)嗎?
那這個(gè)方法是什么呢?兩字概括就是,放大。
我們只需要把圖片拉大,就可以很好的完成一頁圖文排版,夠簡單吧?
啥意思呢?咱們簡單舉個(gè)例子。
比如像這個(gè)案例,應(yīng)該算是職場PPT中很典型的頁面,那么,該如何快速地對(duì)其進(jìn)行優(yōu)化呢?
我們只需要把圖片放大,就像這樣:
然后簡單的對(duì)文字進(jìn)行排版,把列表型的文字內(nèi)容變成橫向排列:
最后更改背景的顏色即可:
怎么樣?看起來是不是好很多呢?整個(gè)設(shè)計(jì)過程,可能連一分鐘都不到即可完成。
這就是今天這篇文章,要跟大家分享的圖片排版的方法,核心思路就倆字,放大。
不過,想要真正用好這個(gè)方法,我們還需要知道,到底該如何對(duì)圖片進(jìn)行放大。
這里呢,有三種常見的形式。
這種形式,對(duì)于大多數(shù)的職場PPT而言,都是完全通用的,利用這個(gè)方法,不僅可以讓圖片的重點(diǎn)更加突出,而且頁面的版式也會(huì)更加美觀。
啥意思呢?看幾個(gè)例子。
比如像這個(gè)頁面,典型的人物介紹類的 PPT :
我們只需要把人物圖片拉大,就像這樣:
然后把文字簡單地進(jìn)行對(duì)齊排列,并把背景色與圖片色保持一致即可:
按照這個(gè)思路,咱們?cè)賮砜催@樣的一個(gè)頁面:
同樣的方法,對(duì)圖片進(jìn)行放大,使其占據(jù)二分之一的屏幕空間:
最后,依舊是簡單的文字對(duì)齊排列即可:
當(dāng)然,對(duì)于多張圖片的 PPT 而言,也是一樣通用的。
比如像下面這個(gè)頁面,有3張圖片進(jìn)行排列:
我們只需要對(duì)圖片尺寸進(jìn)行規(guī)整,保持圖片間距相同,使其鋪滿一半的屏幕:
最后,將圖片填充在色塊內(nèi)即可:
另外,還有像這個(gè)頁面:
對(duì)于兩張圖片而言,直接放大,使其占據(jù)半個(gè)屏幕,即可:
相較于第1種的形式,它的區(qū)別就在于圖片放大的尺寸,而這種形式呢,只適用于6張圖片以下的圖文排版。
啥意思呢?依舊來看幾個(gè)案例。
比如像這個(gè)頁面,很常見的一張圖文排版的頁面:
那該如何進(jìn)行優(yōu)化呢?很簡單,我們讓兩張圖片放大,使其各占一半屏幕。就像這樣:
接下來,為了使頁面底部的圖片不會(huì)干擾文字內(nèi)容的呈現(xiàn),可以通過添加一層半透明黑色蒙版:
來看下最終的頁面效果:
再比如像這樣的一個(gè)頁面,屬于典型的產(chǎn)品介紹型PPT:
呈現(xiàn)的方法也是一樣的,先把產(chǎn)品圖放大至全屏:
然后,簡單地對(duì)文字內(nèi)容進(jìn)行排版即可:
對(duì)于很多學(xué)術(shù)類的 PPT 而言,這個(gè)方法也是通用的。
比如像這個(gè)頁面,有兩張白底的模型圖,放在頁面上有點(diǎn)像補(bǔ)丁,對(duì)嗎?
那該如何處理呢?我們可以在頁面上插入兩個(gè)色塊,使其各占一半:
然后,利用 PowerPoint 軟件自帶的 [設(shè)置透明色] 功能,去掉圖片底部的白色色塊即可:
來看下最終的頁面效果:
如果頁面上必須使用一些小尺寸的圖片,那么可以使用這個(gè)方法,在圖片的邊框上去做文章。
最常用的方法呢?是套樣機(jī),或者加襯底。啥意思呢?為了方便各位理解,同樣舉兩個(gè)例子。
比如像這樣的一張 PPT 頁面,展示了一個(gè)財(cái)務(wù)軟件的界面圖:
那么,為了能夠放大圖片的邊界,可以為圖片套用一個(gè)電腦樣機(jī)模型:
這樣,在對(duì)其進(jìn)行排版呈現(xiàn)時(shí),效果會(huì)更好一些:
除了這個(gè)方法之外,還有像我之前幫一位讀者修改的 PPT 頁面:
我們可以借用貼紙的形式,把圖片放在貼紙上,以此,來增加圖片的邊界:
明白了嗎?以上就是3種最簡單的圖片排版的方法,我們只需要把圖片拉大即可。
另外,在這里給各位送一個(gè)小福利,如果你沒有樣機(jī)素材,可以在評(píng)論區(qū)評(píng)論任意文字,即可免費(fèi)獲取我收集的一些樣機(jī)素材。
好了,就說這么多吧,希望對(duì)各位有所幫助。
原標(biāo)題:這應(yīng)該是最最最簡單的職場PPT圖片排版方法了!
]]>在制作PPT時(shí),我相信,幾乎我們每一個(gè)人都會(huì)遇到的一個(gè)問題,就在于缺少設(shè)計(jì)的靈感。
而想要去解決這個(gè)問題,最好的方法就在于尋找設(shè)計(jì)靈感參考,對(duì)嗎?
比如說網(wǎng)頁設(shè)計(jì),海報(bào)設(shè)計(jì),畫冊(cè)設(shè)計(jì)……
截圖來自花瓣網(wǎng)
但問題在于,即便我們找到了這些設(shè)計(jì)作品,該如何進(jìn)行設(shè)計(jì)靈感借鑒呢?
這篇文章,咱們就基于網(wǎng)頁設(shè)計(jì)作品,來談?wù)勅绾螐木W(wǎng)頁設(shè)計(jì)中,獲取設(shè)計(jì)靈感。
在開始正文之前,先來說一下,為什么要選擇網(wǎng)頁設(shè)計(jì)的作品呢?
原因很簡單,因?yàn)榫W(wǎng)頁設(shè)計(jì)的作品特征,與 PPT 設(shè)計(jì)有類似之處,比如像:
舉個(gè)例子,方便你去理解。拿這樣的一個(gè)網(wǎng)頁設(shè)計(jì)作品來說:
如果我們把這個(gè)長網(wǎng)頁,截取成不同的頁面板塊,各位可以看一下,像不像是單頁的 PPT 呢?
好了,當(dāng)我們搞清楚這一點(diǎn)之后,接下來,咱們就來說一下,從網(wǎng)頁設(shè)計(jì)作品中,我們都能夠獲取哪些設(shè)計(jì)靈感呢?
可以從3個(gè)方面來講:
咱們挨個(gè)來解釋一下。
當(dāng)我們?nèi)鄙倥虐骒`感的時(shí)候,借鑒網(wǎng)頁設(shè)計(jì),我認(rèn)為是最好的方法。那該怎么借鑒呢?
比如說我之前看過這樣的一個(gè)汽車介紹頁面:
那么,它是如何排版布局的呢?為產(chǎn)品添加了一個(gè)卡片,在視覺呈現(xiàn)上更加規(guī)整。
大概就像這樣,對(duì)嗎?
好了,那么,我們有沒有可能把汽車的圖片,換成別的呢?比如換成一個(gè)建筑物:
或者是換成一朵花呢?
那么,在進(jìn)行 PPT 產(chǎn)品展示的排版時(shí),我們就可以在一張卡片上,放上一個(gè)產(chǎn)品圖片,對(duì)嗎?
再比如像這個(gè)頁面,也是我之前見到過的紅酒的網(wǎng)頁設(shè)計(jì),在產(chǎn)品底部,添加了一個(gè)線框:
那么,我們有沒有可能把產(chǎn)品圖換成一張人物圖呢?
這樣,在進(jìn)行人物排版時(shí),是不是可以采用這個(gè)形式呢?
同樣地,再比如像這個(gè)網(wǎng)頁,典型的卡片化設(shè)計(jì):
如果在進(jìn)行三段式內(nèi)容排版時(shí),是不是可以采用這個(gè)版式呢?
還有,再比如像這個(gè)游戲介紹的頁面,把界面圖層浮在了電腦屏幕的上方:
所以,在局部呈現(xiàn)圖片的重點(diǎn)時(shí),我們也可以采用這種形式:
再比如像這個(gè)例子,在排版圖表時(shí),采用這種形式,是不是會(huì)更有立體空間感呢?
以及這個(gè)頁面,在呈現(xiàn)不同發(fā)展階段時(shí),是不是可以采用卡片加曲線圖的形式呢?
同樣地,還有像這個(gè)例子,對(duì)于不規(guī)則的圖片,采用了瓷磚式的排版布局形式:
那么,我們?cè)谠O(shè)計(jì)一些圖片很多的 PPT 時(shí),是不是也可以采用類似的形式呢?
對(duì)于網(wǎng)頁設(shè)計(jì)而言,每一個(gè)板塊的內(nèi)容,也會(huì)有一個(gè)標(biāo)題,自然而然地,也會(huì)為標(biāo)題欄添加一些修飾的元素。
比如像這個(gè)游戲的頁面:
我們可以看到,為了呈現(xiàn)出中國風(fēng)的感覺,在標(biāo)題設(shè)計(jì)中添加了一些線條:
那我們?cè)谥谱髦袊L(fēng) PPT 時(shí),如果要對(duì)標(biāo)題欄進(jìn)行修飾,是不是也可以這樣做呢?
而對(duì)于這種線條的話,在網(wǎng)上有很多的素材,可以直接下載使用:
再來個(gè)例子,比如像這個(gè)頁面:
它的標(biāo)題欄呢,大概是這樣的:
如果你覺得這種菱形的圖形不合適,你也可以更換成圓形,或者任意幾何圖形:
如果在做PPT時(shí),你不知道如何確定設(shè)計(jì)風(fēng)格,也可以在網(wǎng)頁設(shè)計(jì)中找到方向,因?yàn)閷?duì)于網(wǎng)頁設(shè)計(jì)來講,視覺風(fēng)格的特征,會(huì)非常明顯。
比如說像金融類的頁面,很明顯,色彩風(fēng)格上會(huì)比較偏金色:
再比如像母嬰類網(wǎng)頁的設(shè)計(jì)風(fēng)格,我們可以看到,整體以圓潤的圖形為主,會(huì)讓人產(chǎn)品比較親近的感覺:
通常來講,我們可以從色彩、字體、背景以及形狀的樣式等方面,來確定PPT的視覺風(fēng)格。
比如說我們現(xiàn)在要制作一份商務(wù)型的 PPT ,那么,你就可以先來找到一份商務(wù)感十足的網(wǎng)頁設(shè)計(jì)作品,然后從中提取視覺特征,用在 PPT 中即可。
以上所說的呢,就是我們可以從網(wǎng)頁設(shè)計(jì)作品中,借鑒的一些點(diǎn)。
但是,網(wǎng)頁的使用場景畢竟和PPT不同,所以,在進(jìn)行靈感借鑒的時(shí)候,有一些點(diǎn)需要注意。
首先是色彩
對(duì)于網(wǎng)頁來講,一般是在高清顯示屏上進(jìn)行呈現(xiàn),所以,當(dāng)使用一些高明度的顏色時(shí),也沒問題。
就像這樣:
但 PPT 中,如果使用這樣的色彩,會(huì)導(dǎo)致的問題就在于,頁面上的信息看不清楚。
所以,在 PPT 中,我們一般選擇明度較低的色彩:
其次是字號(hào)
當(dāng)我們觀看網(wǎng)頁設(shè)計(jì)作品時(shí),一般是坐在電腦前查看,人眼距離屏幕的距離,一般不超過一米。
而 PPT 演示則不同,投影幕布距離最后一排的距離,有時(shí)候甚至?xí)哌_(dá)幾十米。
所以,在字號(hào)的設(shè)定上,網(wǎng)頁設(shè)計(jì)中,會(huì)普遍偏小但在 PPT 中,我們需要適當(dāng)?shù)倪M(jìn)行放大。
這是網(wǎng)頁設(shè)計(jì)中的字號(hào):
這是 PPT 設(shè)計(jì)中的字號(hào)設(shè)定:
但我們要放大到多少呢?
我有一個(gè)經(jīng)驗(yàn)是,我們可以在電腦屏幕上,把頁面的尺寸縮小到50%,如果還能看得清楚,那么,投影出來,一般也能看清楚。
最后是按鈕
網(wǎng)頁設(shè)計(jì)的用途,是讓用戶來進(jìn)行觀看或點(diǎn)擊,所以,頁面上往往會(huì)有一些點(diǎn)擊的按鈕:
但對(duì)于 PPT 而言,它的用途只是被觀眾來觀看,所以,這些按鈕要全部給刪掉:
好了,上面所說的,就是我們從網(wǎng)頁設(shè)計(jì)中,可以進(jìn)行靈感借鑒的一些方法,和一些注意事項(xiàng)。
希望對(duì)各位能夠有所幫助。
原標(biāo)題:做PPT沒靈感?分享一個(gè)我私藏的方法,你一定要看看!
]]>對(duì)于PPT設(shè)計(jì)來講,有一個(gè)看似很小,但很多人卻容易出錯(cuò)的細(xì)節(jié)問題,那就是間距的設(shè)置。
之所以說它是一個(gè)小問題,就在于可能很多人都沒有留意過間距的設(shè)置。
而說它是一個(gè)容易出錯(cuò)的問題,那就在于,我們很多人在調(diào)整間距的時(shí)候,全靠蒙,把頁面上的內(nèi)容隨便亂放。
導(dǎo)致做出來的PPT呢,可能就像這樣:
但其實(shí),在PPT排版中,對(duì)于內(nèi)容的間距調(diào)整,是有一定的規(guī)律存在,而如果你能掌握它,那么,就能避免很多排版上的誤區(qū)。
比如像上面的反例,我們只需要簡單地對(duì)其間距進(jìn)行調(diào)整,即可輕松完成一張還不錯(cuò)的頁面:
所以,今天就來聊聊間距的設(shè)置。
在PPT排版中,提到間距,經(jīng)常會(huì)出現(xiàn)的,有4個(gè)方面的間距調(diào)整。
分別是:
也就是文字跟文字中間的距離大小。可能很多讀者會(huì)說,這有啥可調(diào)整的?別說,還真有。
因?yàn)橥ㄟ^對(duì)字間距的調(diào)整,可以讓文字內(nèi)容在被閱讀的時(shí)候,更加流暢。
啥意思呢?比如像下面的兩段內(nèi)容,很明顯,左側(cè)內(nèi)容看起來過于分散,而右側(cè)文段的閱讀體驗(yàn)會(huì)更好:
那該怎么對(duì)字間距進(jìn)行調(diào)整呢?可以分兩個(gè)方面來說。
如果頁面上是大段的文字內(nèi)容,那么,我們只需要注意一個(gè)點(diǎn),就是:
通過一個(gè)具體的文字段落來理解一下:
如果違背了這一點(diǎn),那么,頁面上的文字看起來會(huì)很分散:
甚至于會(huì)誤導(dǎo)正常的閱讀順序:
而如果頁面上只有一句話,在制作全圖形PPT的時(shí)候,經(jīng)常會(huì)見到,那么,這時(shí)候可以適當(dāng)讓字間距變大,在視覺效果上,看起來會(huì)更加舒服。
比如像這個(gè)頁面,文字內(nèi)容看起來會(huì)有些緊湊:
而如果將文字的字間距調(diào)大,則看起來會(huì)更加精致:
調(diào)整行間距的作用,是為了對(duì)信息的結(jié)構(gòu),進(jìn)行分組呈現(xiàn)。
因?yàn)樵O(shè)計(jì)上有一個(gè)原則,叫做親密性原則,當(dāng)兩組信息間距過小的時(shí)候,我們會(huì)在視覺上,默認(rèn)為他們之間存在關(guān)聯(lián)性,反之,則不存在。
舉個(gè)例子,比如像這個(gè)頁面,內(nèi)容都是一樣的,但通過間距的調(diào)整,在視覺上看起來,會(huì)發(fā)現(xiàn)左側(cè)是3組信息,而右側(cè)是兩組信息:
間距不同,信息的含義也不同。所以,在進(jìn)行行間距的調(diào)整之前,我們需要先來完成對(duì)信息組的劃分。
舉個(gè)實(shí)際的例子,比如像下面這個(gè)頁面:
在排版上,因?yàn)閮?nèi)容的行間距相同,所以,文段的層級(jí)關(guān)系不明顯,而且,底部的三段信息間距也不相同:
那該如何調(diào)整呢?
非常簡單,我們可以改變內(nèi)容的行間距,把文段的間距對(duì)比擴(kuò)大,使其呈現(xiàn)的更明顯一些:
這樣一來,信息的層級(jí)結(jié)構(gòu),則會(huì)更加清晰:
我們很多人在做 PPT 的時(shí)候,會(huì)把文字寫在色塊上,很多人容易出現(xiàn)的一個(gè)問題就在于,色塊內(nèi)文字間距過小或過大。
就像這樣:
看起來會(huì)太擁擠,缺少呼吸感。那該如何進(jìn)行調(diào)整呢?
我比較常用調(diào)整方式是,讓色塊內(nèi)的文字,與色塊保持一到兩個(gè)字左右的間距。
啥意思呢?為了便于大家理解,同樣舉個(gè)例子。比如像下面這個(gè)頁面,很明顯,色塊內(nèi)文字過于擁擠:
對(duì)其進(jìn)行調(diào)整的話,我們只需要保持左右上下各兩個(gè)字的間距即可:
當(dāng)然,如果我們想做的有創(chuàng)意一些,也可以更換下色塊的邊框圖形:
也就是說,文字距離頁面邊緣的距離。
很多人在調(diào)整頁面內(nèi)邊距時(shí),經(jīng)常出現(xiàn)的一個(gè)問題,就在于間距過小,導(dǎo)致頁面看起來非常擁擠。
就像這樣:
除此之外,當(dāng)頁面內(nèi)邊距過小時(shí),還有一個(gè)問題在于,如果投影儀放映的畫面,與幕布大小不一致時(shí),部分PPT內(nèi)容,可能就會(huì)出現(xiàn)在幕布之外。
所以,在設(shè)置頁面內(nèi)邊距時(shí),我們要留出一定的出血區(qū):
那這個(gè)范圍到底多大才合適呢?我個(gè)人的經(jīng)驗(yàn)是,左右邊距,至少要大于兩個(gè)標(biāo)題文字的寬度,上下邊距,至少要大于一個(gè)標(biāo)題文字的高度:
啥意思呢?咱們通過一個(gè)案例來簡單看一下。比如像這個(gè)頁面:
對(duì)頁面邊距進(jìn)行內(nèi)邊距的調(diào)整,擴(kuò)大邊緣區(qū)域:
再來看下,頁面是不是不再像之前那樣擁擠了呢?
同樣地,還有一點(diǎn)需要注意,當(dāng)頁面上出現(xiàn)多段內(nèi)容時(shí),要確保文段的間距,要小于頁邊距:
圖示關(guān)系表現(xiàn),大概就是這樣:
反之,如果間距大于頁邊距,那么,信息在排列上看起來則會(huì)非常分散:
看個(gè)實(shí)際的案例,可能會(huì)更容易理解,很明顯,右側(cè)3項(xiàng)內(nèi)容的間距過大,導(dǎo)致視覺較為分散:
如果對(duì)其進(jìn)行調(diào)整,我們只需要縮小間距即可,讓頁面這樣來呈現(xiàn):
好了,以上呢,就是關(guān)于PPT中,間距設(shè)置的4個(gè)方法,為了便于各位理解,咱們通過一個(gè)實(shí)際的案例,來了解一下。
明白了嗎?
這就是今天要跟各位分享的,關(guān)于排版中的一個(gè)小細(xì)節(jié)調(diào)整。
其實(shí)很多時(shí)候,之所以很多人的PPT看起來會(huì)非常精致,往往就是在這些微不足道的細(xì)節(jié)上,花了很的功夫。
希望對(duì)各位有所啟發(fā)。
原標(biāo)題:PPT大神和小白如何區(qū)分?這4個(gè)排版的細(xì)節(jié)一眼暴露!
]]>在之前的文章中,我曾經(jīng)分享過兩個(gè)非常簡單,但卻可以快速提升 PPT 美感的方法。
第1個(gè)叫做半屏色塊法
我們?cè)谶M(jìn)行 PPT 設(shè)計(jì)時(shí),只需要將全屏的色塊,縮減為一半,即可快速提升 PPT 頁面效果。
比如像這個(gè)例子:
縮減色塊的尺寸:
來看下頁面的效果:
第二個(gè)叫做圖形襯底法
對(duì)于背景較為單調(diào)的 PPT 而言,我們只需要在頁面某個(gè)區(qū)域,插入一個(gè)色塊,即可讓頁面的視覺效果變得更加豐富。
來看個(gè)例子:
在圖片底部添加一個(gè)色塊,并簡單地對(duì)內(nèi)容進(jìn)行微調(diào):
很多讀者看完之后,問我,除此之外還有哪些很簡單,但卻能讓 PPT 大不一樣的排版方法呢?
在這里,再給大家分享一個(gè),叫做『信息拆分重組法』,依舊簡單實(shí)用。
先來解釋一下,啥叫『信息拆分重組法』呢?很簡單,就是把同一個(gè)文本框里的內(nèi)容,拆分成多個(gè)段落,然后,改變其布局形式即可。
啥意思呢?先來簡單舉個(gè)之前的例子。
比如像這個(gè)頁面,這里有3條改進(jìn)措施,在同一個(gè)文本框內(nèi):
而我們要做的,就是將這一個(gè)文本框,獨(dú)立拆分成3個(gè)文本框,并且,添加一個(gè)圓角圖形:
最后,完成排版即可:
對(duì),好用的方法,就是這么簡單。
那問題來了,這個(gè)方法,一般用在哪些 PPT 頁面中呢?據(jù)我的經(jīng)驗(yàn)來看,常見的有兩個(gè)。
1.當(dāng)我們?cè)谂虐媪斜硇臀淖謨?nèi)容時(shí)
先來說一下,什么叫列表型文字內(nèi)容呢?我相信咱們每一個(gè)人都見過,就是這樣:
或者是這樣:
當(dāng)我們遇到這種有幾條并列信息的 PPT 時(shí),很多人的做法,往往是使用項(xiàng)目符號(hào)。
但其實(shí),我們只需要把這幾條內(nèi)容拆散,變成橫向布局即可。
啥意思呢?舉個(gè)例子,比如咱們就拿前面的這頁 PPT 為例來說。
利用『信息拆分重組法』,我們的操作步驟呢,可以分為3步:
咱們先來進(jìn)行第1步,信息拆分,把一個(gè)文本框內(nèi)的文字,拆散成多個(gè)文本框:
接下來是第2步和第3步,橫向排列,并添加邊框
完事兒!怎么樣?夠簡單吧,把它排版到 PPT 頁面上來看下效果:
除此之外,對(duì)于文字較長的內(nèi)容,也是同樣適用。
比如像這個(gè)例子:
依舊是分為3個(gè)步驟。
第1步,信息拆分,把一個(gè)文本框變?yōu)?個(gè)文本框:
第2步,橫向排列,因?yàn)檫@里文字段落較長,所以,我們可能需要分成3行:
第3步,添加邊框,在這里呢,為了讓3個(gè)部分的信息區(qū)分更明顯,我們可以添加色塊:
2.當(dāng)我們排版有關(guān)鍵信息的內(nèi)容時(shí)
當(dāng) PPT 頁面上,有一些數(shù)字信息,或者是需要被強(qiáng)調(diào)的信息時(shí),我們依舊可以采用這個(gè)方法。
這時(shí)候呢,同樣會(huì)分為3個(gè)步驟:
啥意思呢?同樣來看個(gè)例子。比如像這個(gè)頁面,該如何處理呢?
首先,第一步,依舊是信息拆分,把這一段內(nèi)容拆分成多個(gè)信息:
其次,我們完成信息的排版布局,可以是左對(duì)齊,也可以是居中對(duì)齊:
最后,利用色彩進(jìn)行重點(diǎn)的突出,即可輕松完成排版:
為了方便各位理解,咱們?cè)賮砜匆粋€(gè)例子。比如像這個(gè)頁面:
這里有哪些信息可以進(jìn)行拆分重組呢?其實(shí)也很明顯:
我們可以加上圖標(biāo),并且對(duì)頁面其它內(nèi)容,完成排版布局:
最后,添加顏色,使整體與化妝品的風(fēng)格更加貼切:
再來看最后一個(gè)例子,既是列表項(xiàng)內(nèi)容,而且,里面也有一些重點(diǎn)信息:
依舊是分為3個(gè)步驟進(jìn)行處理,我做了一個(gè)流程圖:
這是最終的效果,我在這里強(qiáng)調(diào)的是互動(dòng)性高:
然后,將其放在頁面中,整齊地完成排列,這一步應(yīng)該不難吧:
但是,頁面上會(huì)稍微有些單調(diào),所以,在這里,我用 iSlide 插件的補(bǔ)間動(dòng)畫,做了一些頁面修飾圖形:
將其放在頁面的3個(gè)角落,來填充空白的區(qū)域:
來看下最終的效果,還不錯(cuò),對(duì)嗎?
以上呢,就是今天要給大家分享的,兩個(gè)非常簡單,但卻很有效的排版方法。
很多人的PPT排版,之所以很丑,其實(shí)歸根結(jié)底就在于懶,如果我們能夠多進(jìn)行一步,把大段的文字拆分成小的段落,那么呈現(xiàn)效果,就會(huì)發(fā)生很大的變化。
原標(biāo)題:有哪些很簡單,但卻能讓PPT排版大不一樣的方法?
]]>昨天晚上,有位讀者,發(fā)給我一張微軟智能云的 PPT 頁面,就是這個(gè):
問我像右側(cè)的這種圖標(biāo)排版,是怎么完成的?
之前沒有細(xì)說,只是簡單的提了一下,這里用到的技巧就是,對(duì)齊。
可能很多讀者會(huì)一臉懵,為啥是對(duì)齊呢?因?yàn)樘岬綄?duì)齊,我們大多數(shù)人所知道的,無非是左對(duì)齊,右對(duì)齊,居中對(duì)齊:
挑一些比較典型的例子,大概就像這樣:
但其實(shí),你知道嗎?
除了這3種常見的對(duì)齊方式之外,還有4種不常見的對(duì)齊手法,如果你能用好這些,那做出來的頁面,絕對(duì)創(chuàng)意十足。
就像這樣:
好了,說了半天,到底是哪4種對(duì)齊手法呢?分別是:
接下來,咱們就好好的聊一下,這4種對(duì)齊方式。
顧名思義,就是讓頁面上的元素,沿著一條斜線進(jìn)行對(duì)齊。
就像這樣:
當(dāng)我們?cè)?PPT 中,使用平行四邊形,進(jìn)行排版,或者是制作有動(dòng)態(tài)感的 PPT 頁面時(shí),這種排版形式就非常多見。
比如像我之前修改過的一個(gè)案例,就是典型傾斜對(duì)齊手法的使用:
怎么樣?是不是動(dòng)感很強(qiáng)?
那在 PPT 中,該如何進(jìn)行傾斜對(duì)齊呢?這里需要用到一個(gè)插件功能,就是 iSlide 補(bǔ)間動(dòng)畫。
怎么用呢?簡單演示一下。
我們可以在頁面上,先插入兩個(gè)平行四邊形,并且呢,在四邊形的左側(cè),添加一條斜線作為基準(zhǔn):
然后呢,我們選中這兩個(gè)圖形,點(diǎn)擊 iSlide 插件中的補(bǔ)間:
在彈窗中,我們輸入待補(bǔ)充的四邊形數(shù)量,比如我們想在中間,再插入3個(gè)平行四邊形:
這樣,平行四邊形就已經(jīng)完成了傾斜對(duì)齊:
操作很簡單,對(duì)嗎?
接下來呢,為了讓各位更好的理解這種對(duì)齊方式,咱們通過一個(gè)實(shí)際案例,來理解一下。
頁面內(nèi)容是這樣的,主要講了滑雪運(yùn)動(dòng)前的準(zhǔn)備和一些相關(guān)技巧:
既然是滑雪運(yùn)動(dòng),可以先來找一張素材:
然后呢,對(duì)文字內(nèi)容進(jìn)行可視化呈現(xiàn),這里呢,我們可以插入6個(gè)空格,進(jìn)行傾斜排版:
同理,這里包含兩段信息,就留出兩個(gè)空格:
接下來,在內(nèi)容底部,添加一層圖形,來避免背景圖片,對(duì)內(nèi)容產(chǎn)生視覺干擾:
把圖標(biāo)填充到對(duì)應(yīng)的空格內(nèi):
最后,簡單地添加一些修飾線條,來體現(xiàn)動(dòng)感即可:
這個(gè)就非常簡單了,所謂錯(cuò)位,其實(shí)就是把內(nèi)容交叉排列而已。
就像這樣:
這應(yīng)該是最適合職場人學(xué)習(xí)的一種對(duì)齊方式,為啥呢?因?yàn)楹唵?,而且還有一定的創(chuàng)意效果。
啥意思呢?舉個(gè)例子,比如我們大多數(shù)人的職場 PPT ,往往會(huì)是這樣的并列擺放:
這種形式雖然是ok,但未免有一些呆板。
但其實(shí),我們只需要把這5項(xiàng)元素,錯(cuò)位擺放即可:
當(dāng)然,如果要再修飾一下的話,我們可以添加一個(gè)梯形,營造一種延伸的感覺:
怎么樣?是不是夠簡單?
當(dāng)然,再舉個(gè)例子,比如像這個(gè)頁面,通過錯(cuò)落分布對(duì)齊,效果是不是也很贊呢?
聽名字就知道,就是讓頁面的元素,沿著一條線進(jìn)行分布排列,呈現(xiàn)的效果呢,大概是這樣:
同樣為了方便各位理解,先來舉個(gè)實(shí)際的案例。比如像這個(gè),這些內(nèi)容的對(duì)齊方式上,沒有任何規(guī)律,就是沿著線條排布而已:
還有像這個(gè),其實(shí)也是一樣的原理:
那如果想要完成這種對(duì)齊方式,需要借用一個(gè)插件功能,就是英豪插件中的沿線分布。
操作方法呢,也很簡單。
我們可以在頁面上插入一些需要排版的文字,以及一根線條:
然后,我們先選中線條,再選中所有的文字內(nèi)容,點(diǎn)擊沿線分布即可:
我特意錄了一個(gè)動(dòng)圖,各位可以看一下:
那利用這種對(duì)齊方式,我們能做什么呢?創(chuàng)意時(shí)間軸,對(duì)嗎?
比如我們讓文字內(nèi)容,沿著飛機(jī)尾部煙霧進(jìn)行排列,是不是很贊呢?
再比如像這樣的時(shí)間軸,其實(shí)也是沿線分布對(duì)齊的典型案例:
說的通俗一點(diǎn),就是讓元素,沿著一個(gè)圓環(huán)進(jìn)行排列。
不過,說到環(huán)形對(duì)齊呢,其實(shí)會(huì)分為兩種情況:
一種是內(nèi)容在圓環(huán)外側(cè),就像這樣:
另一種是內(nèi)容在圓環(huán)內(nèi)側(cè),形式呢,大概是這樣:
咱們先來說第1種,如何讓內(nèi)容,在圓環(huán)外側(cè)對(duì)齊排列呢?
如果想要快速完成,還是需要用到插件 iSlide 中的環(huán)形布局功能:
那具體怎么操作呢?很簡單。
我們可以在頁面上隨意地插入一個(gè)圓形:
然后,點(diǎn)擊環(huán)形布局,通過調(diào)節(jié)參數(shù),就可以得到一些呈圓環(huán)對(duì)齊的多個(gè)圖形:
比如我們想要讓6個(gè)圓形,進(jìn)行圓環(huán)布局,那么,就可以這樣做:
好了,問題來了,當(dāng)我們掌握了這種對(duì)齊方式,能做出什么樣的排版呢?
比如用在企業(yè)愿景展示的頁面中:
或者是用來展現(xiàn)工作計(jì)劃:
是不是都可以呢?
接下來說一說第2種,如何讓內(nèi)容,在圓環(huán)內(nèi)側(cè)排列對(duì)齊呢?
這里就需要用到 PPT 軟件中,文字轉(zhuǎn)換的功能:
那具體是怎么用的呢?比如我們要讓5行文字,排列在這個(gè)圓環(huán)內(nèi):
我們需要先來讓文本框內(nèi)容保持居中對(duì)齊:
然后呢,修改文本框的尺寸,可以讓文本框的尺寸保持與圓環(huán)一致:
最后呢,在文字變形選項(xiàng)中,找到一個(gè)樣式即可:
這樣的話呢,文本框就能夠完整地貼合在圓環(huán)內(nèi)容:
好了,那我們學(xué)會(huì)了這個(gè)技巧,當(dāng)我們?cè)倏吹竭@個(gè)頁面時(shí),是不是覺得你也能做呢?
好了,以上呢,就是這篇文章的主要內(nèi)容,給各位科普了4種,不太常見的對(duì)齊方式。
希望能夠?qū)Ω魑挥兴鶐椭?/p>
原標(biāo)題:從微軟的這張PPT中,我學(xué)到了4種小眾的排版技巧!
]]>作為一名設(shè)計(jì)師,推薦9個(gè)超小眾,頁面設(shè)計(jì)讓人驚艷,美到窒息的APP!頁面的設(shè)計(jì)感太強(qiáng)了,對(duì)我們的設(shè)計(jì)有很大借鑒意義。
一款中國風(fēng)的折扇信息普及軟件。
設(shè)計(jì)美到巔峰是什么樣子,大概就是折扇這款軟件的樣子,每一個(gè)頁面都能讓人端詳半天。
這是一款科普扇子文化的軟件,你可以詳細(xì)的查看每款扇子。了解關(guān)于扇子的知識(shí),此外,APP的動(dòng)畫和觸感,讓人心動(dòng),太美了!
你自己可以親手體驗(yàn)制作扇子的全過程,制作屬于自己的扇子!有時(shí),給客戶做一些中國風(fēng)的PPT,沒有創(chuàng)意時(shí),我會(huì)選擇參考下。
一款超級(jí)有趣,幫助開發(fā)大腦,增強(qiáng)記憶力的軟件!界面設(shè)計(jì)美的一塌糊涂!
前段時(shí)間,一直沉迷于《最強(qiáng)大腦》綜藝,里面經(jīng)常會(huì)出現(xiàn)層疊消融的游戲,當(dāng)時(shí)覺得很有趣,于是找了很多的軟件,最終選擇了VOI
這是一款幫助我們提升記憶力,開發(fā)大腦思維的益智類游戲,界面很清爽,總共88關(guān),從容易到困難!游戲內(nèi)容也很簡單,按照給定的圖形,進(jìn)行拼接,利用奇消偶不消原則!配合音樂和觸感,完美!
放個(gè)動(dòng)圖感覺下:
一款日本色彩集合的軟件,因?yàn)轭伾拿?,讓APP的設(shè)計(jì)超好看!簡單截圖感受下:
APP上面直接給出了對(duì)應(yīng)的色值,長按便可直接復(fù)制色值!
這有什么用呢?很簡單,當(dāng)我們?cè)谶M(jìn)行手機(jī)修圖或手機(jī)繪畫時(shí),可直接復(fù)制喜歡的顏色,很方便。
一款關(guān)于生、死、心愿的App!APP很簡單,但界面設(shè)計(jì)很美!
你可以選擇自己的出生日期,而后軟件會(huì)幫你計(jì)算,余生還剩多長時(shí)間。
軟件不停的走動(dòng),會(huì)讓你產(chǎn)生一種恐慌感,想趕快去做想做的事情,比如跟愛的姑娘表白,陪爸爸媽媽旅行等等。
當(dāng)然,讓你知道時(shí)間的緊迫,是為了讓你更好的活在當(dāng)下,你可以在軟件上建立自己的心愿庫,很暖心的APP。
一款木匠手藝人知識(shí)科普的APP,跟折扇出自同一家公司,界面設(shè)計(jì)也沒話說!
每一個(gè)界面隨意截圖,都像是一副海報(bào),版式,字體,圖片的使用恰到好處!
APP超實(shí)用,幫我們科普各種木制結(jié)構(gòu),了解木匠的歷史,當(dāng)然你也可以在APP上制作屬于自己的木器!
高質(zhì)量的三維模型,可以三維實(shí)時(shí)查看-分解經(jīng)典的27款榫卯結(jié)構(gòu),配合上音樂和觸感,美到窒息,在這樣美的界面設(shè)計(jì)APP上,做出屬于自己的木器,該是多么幸福的事情!
當(dāng)然我并沒有做出來好看的,期待你了。
鵝說是一款超有趣的資訊獲取軟件,用科學(xué)的方式講「不正經(jīng)知識(shí)」的 APP!設(shè)計(jì)當(dāng)然也很獨(dú)到!
每天翻看下,獲取無數(shù)冷知識(shí),增加聊天的趣味性,補(bǔ)充不一樣的冷知識(shí)!
所有的知識(shí)都以卡片的形式進(jìn)行展示,對(duì)文中重點(diǎn)內(nèi)容進(jìn)行提煉,以詞條的形式對(duì)知識(shí)進(jìn)行解釋,同時(shí)還較貼心的做了關(guān)聯(lián)閱讀,一個(gè)卡片詞條,可以無限延展獲取同類型知識(shí)!
對(duì)于比較復(fù)雜的電影熱點(diǎn)等,都會(huì)進(jìn)行關(guān)系圖的梳理。這個(gè)冷門軟件,會(huì)讓你獲取很多有趣的知識(shí)!
頁面的扁平化設(shè)計(jì)也是很舒服,每次的新聞翻轉(zhuǎn),讓人有不斷讀下去的欲望!
一款中華詩詞學(xué)習(xí)的APP。
因?qū)儆诠诺漕愋?,頁面的整體設(shè)計(jì)上中國風(fēng)很足,版式排版有很多值得參考的地方,尤其是在做中國風(fēng)相關(guān)排版時(shí):
APP很實(shí)用,每天一看可以增強(qiáng)我們的文化底蘊(yùn),出口成章,小文青必備APP。
每天學(xué)習(xí)詩歌,可以是一首詩,一個(gè)短視頻,一幅畫,一盞燈,總之讓你充分感受中國詩歌文化!
一款折紙藝術(shù)的益智小游戲,軟件打開的設(shè)計(jì)讓人眼前一亮:
配合音樂,簡直完美!界面的設(shè)計(jì)很舒服:
這個(gè)游戲,讓你充分了解折紙的藝術(shù),開發(fā)大腦,后面越來越難,我時(shí)常感覺腦子不夠用。有人通關(guān)了嗎?
一款小眾電影旅行APP,跟其他APP不同的是,這款A(yù)PP是基于電影電視劇片場進(jìn)行推薦的,讓你跟著電影去旅行。
APP的設(shè)計(jì)界面是典型的雜志排版風(fēng)格:
排版錯(cuò)落有致,文字和圖片的處理都很清爽。
APP中精心收集國內(nèi)外經(jīng)典影視劇的經(jīng)典取景地,為跟著電影去旅行的驢友提供詳實(shí)的目的地資訊。
你可以搜尋地圖,去電影拍攝過的地方感受,別有一番滋味,很小眾的APP,但真的很精致,適合旅行一組使用!
好了,以上是我發(fā)現(xiàn)的9款有設(shè)計(jì)感的APP。
原標(biāo)題:國內(nèi)有哪些超有設(shè)計(jì)感的App?這9個(gè)太讓我驚艷了!
]]>來看一個(gè)實(shí)例:
首先,我們可以使用卡片劃分頁面中的 3 個(gè)圖表,并添加相應(yīng)的顏色。
接著,為了讓頁面更有層次,我們可以在卡片的底部,添加一層形狀:
看起來,還不錯(cuò),對(duì)嗎?
好了,以上呢,就是有關(guān)卡片式排版法的全部內(nèi)容,你掌握了嗎?
原文標(biāo)題:這個(gè)不起眼的PPT排版技巧,卻讓魅族不惜偷師蘋果!
]]>如何讓你的PPT更有效?視覺效果更好呢?很多時(shí)候我們自己的想象力有限,那么不如去到Google圖片那里獲得啟發(fā)吧。我所講的并不是直接把那些圖拿來用,而是模仿其格局。
原始文件:這樣的表達(dá)是不是很常見?但是,如何能讓其視覺化,更方便溝通呢?
到Google圖片里,搜索3 steps得到如下結(jié)果,你會(huì)看到關(guān)于3步驟有很多種表達(dá)方式。
找到你喜歡的格局,將其復(fù)制到頁面上,然后參考其樣子進(jìn)行模仿。請(qǐng)注意當(dāng)前的屬于半成品,文字和圖片是不搭配的哦。需要自己替換相應(yīng)的內(nèi)容啦。
同理:
當(dāng)然,你也可以提前做好準(zhǔn)備,收集不同數(shù)字的各種表達(dá)方法,把他們都下載到電腦里,留著以后備用,這是5 steps的結(jié)果。
怎么樣,是不是給你很多啟發(fā)呢?小小已經(jīng)告訴你方法了,接下來的工作就看你的選擇了。:)
10個(gè)人可能會(huì)有10個(gè)不同的設(shè)計(jì)思路,都會(huì)很棒的哦!
]]>