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