今天這篇文章,通過兩個案例,給大家分享一下優(yōu)化思路。
案例一原稿是這樣的:
我們先來看下頁面內容,也不復雜,主要有標題、表格和曲線圖:
仔細閱讀表格和曲線圖,會發(fā)現(xiàn)兩者有一定的相關度,表格表頭和曲線圖X軸的內容是相對應的:
那么在排版的時候,我們就可以考慮將它們結合起來進行優(yōu)化。
首先把曲線圖的X和Y軸重新繪制出來:
然后將表格各個時期的內容,放在對應的區(qū)域內,像這樣:
接下來,我們對表格內容進行優(yōu)化處理,可以分別用圓形和圓角矩形去承載文字信息:
為了增強空間感,給圓形設置了射線漸變,這種明度深淺不同的漸變,可以讓圓形看起來像球體:
同時我也給圓形加了暗藍色的陰影,營造懸浮感;盡量避免用純黑色做陰影色,否則在淺色背景上看起來有些臟:
一樣的方法,將其他的表格內容進行優(yōu)化處理:
最后,我們把曲線也繪制出來,調節(jié)透明漸變填充,這樣可以將遮擋的文字顯現(xiàn)出來:
來看看最終的優(yōu)化效果:
再來看看案例二的原稿:
這個案例是多項內容排版,原稿中元素的使用比較老套,先把文字給提取出來:
?我們改用圓形色塊來承載文字信息:
考慮到頁面的均衡感,可以將各項內容對齊均勻分布,像這樣:
但這時標題上下兩側的內容區(qū)域,與左右兩側相比,看起來也有些單薄,所以我又將版式改為中心環(huán)繞布局:
那么接下來開始豐富頁面內容,中心標題用兩個疊加的圓形來承載,外側在添加兩條漸變線條:
給兩個圓形設置漸變和陰影效果,豐富頁面的層次感:
兩側各個小圓形的處理上,我們可以改換成大小不一的分散排版,這樣能符合空間近大遠小的原則,讓頁面空間感倍增:
分散排版有一個需要注意的點:為了讓頁面左右不失衡,盡量讓兩側元素面積的和,保持一致:
把文字加上看看效果,這時所有圓形都用來承載文字內容,感覺缺少了輔助元素:
最后再添加一些小圓形輔助修飾頁面,效果會好很多:
好了,以上就是這兩個案例的優(yōu)化過程,思路也寫得比較細致,希望對你做PPT設計有所幫助。
·
講真!這張一口氣放了30個圓的PPT,最少能值600元!
]]>這篇文章,向你分享一份PPT完整設計思路。
但是,也不乏有些讀者,看完文章后,覺得自己會了,一旦上手去做,又不知道該怎么用:
我相信有很大一部分人,都存在這樣的問題。
為此,我特意修改了一份 PPT,跟各位分享一下我在制作 PPT 時,使用插件的習慣。
先來看下這份 PPT 的原稿,是有關企業(yè)微信的簡介,每一頁上的內容很少:
老規(guī)矩,在正式開始制作之前呢,還是先來確定一下基本的設計規(guī)范。
首先,是字體使用規(guī)范。
既然是企業(yè)微信簡介,當然要選擇騰訊家的品牌字體——騰訊體,用于 PPT 中的頁面標題,正合適。
接著,是主題色的確定。
這個不難,我們打開企業(yè)微信的官網(wǎng),從官網(wǎng)中取色,準不會出錯。比如,這個漸變色就很不錯:
關于頁面背景板。
我們也可以吸取官網(wǎng)較深的顏色,從而調整出一個上深下淺的漸變背景:
最后,確定一下元素風格。
同樣的,我可以通過官網(wǎng),來找出一些風格特征,其中最明顯一點就是,圖形都很圓潤,沒有棱角。
另外,由于騰訊體存在著一定的角度傾斜,所以在頁面中使用一些傾斜效果,頁面會更柔和:
好了,明確了規(guī)范,接下來,咱們進入單頁的修改。
第一頁:封面頁
原稿白紙黑字,沒有什么好分析的,所以我直接說一下制作思路。
先來看標題,很明顯,「企業(yè)」和「微信」是關鍵詞。根據(jù)這兩個關鍵詞,我們可以很輕松的聯(lián)想到一些視覺元素。比如:
接著,就可以找一些企業(yè)大樓的圖片用于頁面背景,使用對話框作為標題文字的載體,注意匹配之前所擬定的設計風格即可:
畢竟是一家科技互聯(lián)網(wǎng)公司,我們還可以在頁面下方添加一些漂浮粒子,來體現(xiàn)這一點。
同時呢,還能避免頁面底部空洞:
到這兒,封面頁就完成了,我還給頁面添加了動畫效果:
第二頁,時間軸頁
由于頁面中的時間節(jié)點只有 4 個,不用軸線,只把內容簡單羅列,也是可以的:
為了表現(xiàn)企業(yè)微信發(fā)展的上升趨勢,可以將內容從低往高排列:
另外,為了讓頁面更有創(chuàng)意,可以添加一些傾斜元素,比如將橫線改為折線:
簡單說下折線的做法。
先用?[?任意多邊形:形狀?],畫出折線:
然后再用 LvyhTools 插件中的 [ 圓角工具 ] ,添加圓角即可:
來看下,應用到頁面中效果:
最后,沿用封面頁的做法,用漂浮粒子彌補下方的空缺:
再來看下動態(tài)效果:
第三頁,多項內容頁
對于這樣的并列型內容頁,內容多,而且每段文字字數(shù)相等,使用中心環(huán)繞式排版法再合適不過了。
為了避免頁面中心太空,可以放置企業(yè)微信的軟件截圖:
接著,我們可以使用 iSlide 插件中的 [ 環(huán)形布局 ],快速完成頁面排版:
最后,將文字放置到形狀中,再匹配相應的小圖標即可:
動態(tài)版:
另外,這一頁我還制作了另一個版本,主要通過不同大小的圓形以及彎折的線條,來表現(xiàn)企業(yè)微信的功能豐富。
這些帶有弧度的折線,繪制方法同第二頁的折線一樣,只不過這里折線的弧度更大了一些。
同樣,我們來看下動態(tài)效果:
第四頁,多圖排版頁
這頁主要講了企業(yè)微信所合作的行業(yè)案例,說實話,只有 4 個案例的話,頁面就會太單薄了,沒有什么說服力。
所以,我又從官網(wǎng)上下載了一些行業(yè)案例的圖片素材:
為了盡可能的體現(xiàn)出多這個概念,我可以使用了具有空間感,立體卡片的排版形式,注意要遵循近大遠小的原則。
為了讓頁面的風格統(tǒng)一,可以將圖片去色,并在圖片上方添加漸變蒙版:
接著,把最后一排做虛化處理,達到近實遠虛的目的,從而讓頁面的縱深感更強:
這里說下我的做法。
先把后排的圖片與上方的形狀,分別進行組合:
然后使用 Onekey 插件中的 [ 原位轉圖 ],快速將組合原位置轉成圖片:
最后,給圖片添加虛化效果即可:
來看下最終效果:
同樣,再來看一下動態(tài)版的:
好了,以上這篇文章的全部內容啦。
最后,咱們再來總結一下,在制作過程中所用到的插件功能:
其實呢,用好 PPT 中的插件,不僅可以提高你的排版效率,還可以讓你頁面更加有創(chuàng)意。所以,后續(xù)還會和大家分享一些,有關插件的使用技巧。
另外,再送給大家一個福利,在評論區(qū)評論任意文字即可免費獲取這份 PPT 的源文件:
好了,就這么多。
原標題:我花了70分鐘,給企業(yè)微信設計了一份PPT!
]]>這篇文章,分享如何制作一份剪紙風格的PPT作品,不僅有具體的操作細節(jié),更有設計的思考。
不廢話,先來看作品。
首先看一下作業(yè)的原始稿:
最后的完成稿是這樣的:
那么,在制作中,都有哪些思考和過程呢?這篇文章就全部分享給各位。
看過原稿,我的第一個步驟就是去找參考,確定配色、風格,為整個PPT定下一個基調。
這樣,做到后面的時候,可以保證每一頁PPT的風格統(tǒng)一。以本次活動主題“情人節(jié)”為關鍵詞,在花瓣網(wǎng)、攝圖網(wǎng)等網(wǎng)站上進行搜索,找尋靈感。
可以看到,在色彩上,大多數(shù)情人節(jié)主題的作品以粉紅為主。
由于自己在配色上沒有太多心得,還是選擇了比較中規(guī)中矩的、最能代表情人節(jié)的配色——粉白配色:
另外,我注意到許多情人節(jié)的海報背景上,都用到了剪紙風格的圖形元素。
這是一種在海報、插畫中非常流行的設計風格,通過圖形的多層疊加,利用陰影和色彩營造出立體層次感。
這種風格制作起來難度不大,又容易出效果,所以這次我就選擇用剪紙的風格來做PPT了。
確定好風格,就開始封面的設計了。之前在找參考的時候,發(fā)現(xiàn)有不少海報中出現(xiàn)了信封的元素。
我想到,這里出現(xiàn)的書信,是與情人節(jié)主題切合的“情書”,也可以是活動的“策劃書”、給客戶的“邀請函”。
如此想來,“信”這樣的元素,真是非常適合用在這次的封面上了。
原稿中封面內容的信息層級劃分,已經(jīng)十分明確,在這一頁上文字的排版,沒有做太多變化。
主標題的字體選用的是筆劃粗細較均勻的造字工房方黑,便于添加陰影,給文字也做出層次感。
用到的方法,是旁友圈第一季11期模仿訓練講過的,使用透明漸變矩形色塊疊加做出陰影 :
我為了更精細地處理部分復雜的筆劃,使用了PS選區(qū)來繪制陰影:
將所有信息內容排好放在找好的信封素材上,可以得到這樣的畫面:
為了使得畫面元素更加豐富,添加一根紅絲帶作為點綴:
將絲帶復制兩層,置于信封下方,再復制一個置于頂層,裁剪掉一部分,就可以體現(xiàn)出絲帶的穿插感。
至此,完成了封面的制作:
前期完成基調的確定和封面的設計之后,最“難”的部分就已經(jīng)過去了,接下來的效率,會提高很多。
因為已經(jīng)有了明確的設計方向,所以,根據(jù)封面定下來的風格,內頁也沿用剪紙風。
考慮到后面需要做一些元素的穿插,網(wǎng)上的背景圖片不能滿足,便決定自己繪制底圖。畫之前,觀察一下剪紙背景的特點。其實很簡單,無非是兩點:色塊疊加+柔和的陰影。
不規(guī)則的曲線色塊,可以用形狀-曲線工具進行繪制:
底層的云是用三個橢圓合并而成的:
陰影的處理是剪紙風效果呈現(xiàn)好壞的關鍵。
太生硬的陰影,會使畫面顯得臟亂,缺乏層次。
這里根據(jù)所選風格,設置偏紅的陰影顏色,適當增加陰影模糊,和調整透明度的數(shù)值,就可以調整出柔和的陰影:
在完成剪紙部分底圖的繪制后,就可以開始根據(jù)原稿內容制作版式了。
活動簡介這一頁是對表格的排版美化:
與封面的信封對應,這里就用鋪開的信紙來呈現(xiàn)活動介紹。
正如前面提到的,自己繪制的底圖可以輕松處理好圖形之間的層次關系。
在畫面中添加三個矩形,調整角度,添加陰影,置于部分色塊下方,這一頁的背景版式就完成了:
“幕后”畫面看著有點凌亂
到這一步,還可以怎么進行優(yōu)化呢?
我們可以導出當前頁面為圖片,為其添加藝術效果-膠片顆粒,調整粒度大小為8,目的是給圖片增加類似紙質質感的磨砂效果。
后面設計完成的版式也同樣應用這一設置:
表格上列的六項內容,屬于同級關系,剛好規(guī)整地排成兩列,在每項前添加對應的圖標,活動簡介頁面的內容就完成了:
參與樓盤這一頁是logo的展示:
對于多l(xiāng)ogo的排版,有許多方式,這里借助白色色塊,來增強整體性,也不用擔心部分logo有殘留的白底。
一共12個logo,試過好幾種排列方式,最后,利用菱形色塊,排列組合成心形,來與情人節(jié)主題呼應:
鑒于展示的是各個樓盤房地產(chǎn)商的logo,在畫面中可以添加一些建筑元素。
繪制的方法也很簡單,先找到一些剪紙風的建筑,提取設計特點,參照著畫就是了:
建筑可以用基礎的幾何圖形構成,鏤空部分通過合并形狀布爾運算剪除來完成:
在頁面上加上建筑元素的裝飾,便得到了這一頁最終的呈現(xiàn)效果:
特色活動這一頁的內容也很直觀,是四個活動簡介。
根據(jù)剪紙的風格,想到了自己特別喜歡的卡片式設計。
圓角矩形用圓打個孔,用直線串起來,做成四個懸掛的標簽的形式。并調整它們的位置,在視覺上錯落有致,增加趣味性。
根據(jù)四個活動的內容,選取四個代表性的物體進行繪制,進一步豐富畫面內容。
繪制的方法,和上一張的建筑類似,也是各種圖形的組合:
最后,將文字和圖標排到卡片上,字體選用和卡片相襯的更精致的造字工房尚雅,這一頁就完成了:
以上就是美化的全部流程啦,最后來看一下修改前后完整的對比:
其實前面提到的大多數(shù)操作,我是借助 PS+AI 去完成的,不過在復盤的時候,我又試著用PPT重新畫了一遍,也能實現(xiàn)同樣的效果。
PPT也是很好的創(chuàng)意表達工具,希望我的這篇文章,能帶給大家一些PPT設計和制作上的啟發(fā)。
以上。
原標題:創(chuàng)意的剪紙風格PPT該怎么做?這里有一份完整的案例復盤
]]>