如何用好魚骨圖,設計一份既有邏輯又有設計感的PPT?

思雨8052


關於魚骨圖的使用有很多的設計方法,比如使用線條、形狀以及形象化的魚形圖等元素。

都能將內容很好的展現出來,接下來具體的分享一下使用方法。

案例1:

下面這是一頁典型的魚骨圖PPT頁面,但是這樣看上去顯得卻很凌亂。

主要是文字的處理以及元素的安排上讓頁面顯得很亂。

下面為了更好的展示,換一種主題色進行設計。

對於這樣的頁面也非常好修改,比如使用線條將內容劃分出來。

再比如還可以借用這種魚線框的樣式設計,將內容裝進去,不僅有設計感也很有視覺化效果。

這時再換種設計思路,比如給魚進行填充,然後修改文字和形狀顏色,如圖所示。

如果感覺以上的圖形比較難繪製,還可以藉助形狀設計,將其拼合在一起。

比如使用三角形,當做魚頭魚尾,如圖所示。

要想頁面更加有分量感,也可以使用這種大面積的形狀設計,比如下面這種效果。

案例2:

接下來再看一個案例,同樣是使用魚骨圖設計。

這一頁整體比上一頁要好很多,內容清晰也有層次感。

其實還可以進一步將其豐富一下,使用不同的元素進行設計。

比如使用這種線條的形式,依次將內容分佈在魚刺上。

再比如,將魚骨換一種樣式設計,整體也比較形象。

案例3:

用魚骨圖不僅可以設計內容少的頁面,內容多的PPT也可以進行設計。

比如下面這組內容,該如何設計呢?

其實設計起來也很簡單,用最近簡單的形狀和線條即可搞定。

比如使用形狀突出標題,再用線條引導內容,如圖所示。

再比如還可以使用這種弧線設計。

也可以使用這種形象化的魚骨設計,用線條豐富頁面。

如果你沒有設計靈感,也很簡單,下載並安裝【KOPPT插件】即可搞定。

打開插件選擇邏輯圖表,然後輸入【魚骨圖】即可找到很多魚骨圖,如圖所示。

打開插件選擇合適的魚骨頭,直接點擊即可導入。

素材魚骨圖來源於KOPPT網站

最後再看一下導入魚骨圖的GIF動圖,看一下。

素材魚骨圖來源於KOPPT網站

為了讓魚骨圖變得更加形象化,還可以使用這種魚的形狀設計,然後在借用線條指示內容。

最後,還可以根據內容的多少,使用大小不一的圓形設計,將內容裝進去,如圖所示。

到這裡,整體設計完了,最後再看一下設計之後的效果,非常豐富。

關於本次主題的分享,就分享這麼多。

希望本次內容能對你有一定的幫助。


分享到:


相關文章: