首頁/ 遊戲/ 正文

我用8個圓,讓它直接貴3倍

前段時間,有位讀者問,有迴圈關係的頁面,該如何最佳化:

我用8個圓,讓它直接貴3倍

直播中,因為時間有限,所以呢,

我簡單地畫了一個草圖,並分享了一些迴圈圖形繪製的技巧:

我用8個圓,讓它直接貴3倍

但總覺得,沒有說得很清楚。

所以,這篇文章,就專門來聊一下,迴圈關係的頁面,到底該如何最佳化?

先來說一下,提到迴圈圖呢,我相信,

很多人都會做,無非就是畫一個圓圈嘛。

就像這樣:

我用8個圓,讓它直接貴3倍

我用8個圓,讓它直接貴3倍

我用8個圓,讓它直接貴3倍

說起來的確是很簡單,但是想要做得出彩,卻要掌握一些創意思路:

我用8個圓,讓它直接貴3倍

好了,具體該如何做出創意的 PPT 迴圈圖形呢?

我們可以從這三個方面進行思考:

我用8個圓,讓它直接貴3倍

啥意思呢?挨個向各位解釋一下。

先來說迴圈樣式

也就是說,整個迴圈關係的邏輯圖形,是什麼樣的。一般來說可以分為3種:

我用8個圓,讓它直接貴3倍

最常用的就是正圓形:

我用8個圓,讓它直接貴3倍

但如果插入迴圈圖後, PPT 頁面兩邊很空,我們也可以改為透視型:

我用8個圓,讓它直接貴3倍

當然,還可以使用這種多邊形的迴圈樣式,只要能表現出迴圈流程即可:

我用8個圓,讓它直接貴3倍

再來說線條樣式

對於迴圈關係,我們一般會用到一些箭頭,表示遞進的感覺。

一般來說,可以採用這3種:

我用8個圓,讓它直接貴3倍

比如說像這個頁面,就是典型的切割箭頭:

我用8個圓,讓它直接貴3倍

而這種箭頭的樣式,則是利用圓環與 V 型箭頭,剪除得到的:

我用8個圓,讓它直接貴3倍

最後是視覺層次

對於前兩個點,很多人都能想到,但做出來的迴圈關係,

圖形依舊很單調,主要原因就卡在了這一步。

如何增強迴圈圖形的視覺層次感呢?

我們可以把不同樣式的線條和色塊,進行疊加就可以了:

我用8個圓,讓它直接貴3倍

比如像這兩個圖形,都是迴圈關係,很明顯,右邊的視覺層次感更強:

我用8個圓,讓它直接貴3倍

為了幫助大家理解這3個點,我們先來看一個簡單的案例:

我用8個圓,讓它直接貴3倍

該咋最佳化呢?用到前面說的,我們可以使用

正圓的迴圈樣式,對於線條,增加一些漸變,

表現流動感:

我用8個圓,讓它直接貴3倍

除此之外,

我們也可以使用正圓型,線條採用切割箭頭的樣式,並新增漸變效果:

我用8個圓,讓它直接貴3倍

這裡這裡以的方式組合,我們可以有非常多的創意。

等完成了這個邏輯圖形之後,簡單排版,就可以輕鬆做出這樣的頁面:

我用8個圓,讓它直接貴3倍

接下來,為了讓大家更熟練地掌握這個方法,我們多看兩個例子。

先來看一個簡單的頁面:

我用8個圓,讓它直接貴3倍

這就是很典型的頁面單調,缺少層次感。該咋最佳化呢?

我們採用正圓的樣式,先來簡單地把邏輯關係呈現出來:

我用8個圓,讓它直接貴3倍

接下來,為了豐富頁面的視覺層次,我們可以在文字底部新增色塊:

我用8個圓,讓它直接貴3倍

再來調整一個漸變色,讓其與主題的風格更加契合:

我用8個圓,讓它直接貴3倍

還是有一些單調,

我們可以新增一些雷達型扇葉,不僅可以豐富視覺效果,還能與頁面內容建立關聯:

我用8個圓,讓它直接貴3倍

再來看第二個頁面:

我用8個圓,讓它直接貴3倍

這個頁面的邏輯關係,看起來有點複雜。沒關係,一點一點來。

頁面上的資訊,分為兩大塊,算是迴圈的關係,並且,每一個板塊下,又分成了3個小點。

我簡單畫了一個草圖,表現這種邏輯關係:

我用8個圓,讓它直接貴3倍

接下來,我們先把內容之間的層級關係,給畫出來:

我用8個圓,讓它直接貴3倍

而兩個板塊是迴圈的關係,所以呢,

我們可以做一個圓角矩形的迴圈樣式,並使用漸變效果的線條:

我用8個圓,讓它直接貴3倍

這裡簡單說一下,這個箭頭是如何繪製的呢?

我用8個圓,讓它直接貴3倍

很簡單,幾個圖形拼接在一起即可:

我用8個圓,讓它直接貴3倍

最後,在頁面底部,新增一張與資訊有關聯的圖片即可:

我用8個圓,讓它直接貴3倍

以上,就是這篇文章的全部內容。

當然,關於迴圈關係的邏輯圖形樣式,還需要大家多多積累,畢竟,沒有人天生會做這些,對嗎?

相關文章

頂部