前段時間,有位讀者問,有迴圈關係的頁面,該如何最佳化:
直播中,因為時間有限,所以呢,
我簡單地畫了一個草圖,並分享了一些迴圈圖形繪製的技巧:
但總覺得,沒有說得很清楚。
所以,這篇文章,就專門來聊一下,迴圈關係的頁面,到底該如何最佳化?
先來說一下,提到迴圈圖呢,我相信,
很多人都會做,無非就是畫一個圓圈嘛。
就像這樣:
說起來的確是很簡單,但是想要做得出彩,卻要掌握一些創意思路:
好了,具體該如何做出創意的 PPT 迴圈圖形呢?
我們可以從這三個方面進行思考:
啥意思呢?挨個向各位解釋一下。
先來說迴圈樣式
也就是說,整個迴圈關係的邏輯圖形,是什麼樣的。一般來說可以分為3種:
最常用的就是正圓形:
但如果插入迴圈圖後, PPT 頁面兩邊很空,我們也可以改為透視型:
當然,還可以使用這種多邊形的迴圈樣式,只要能表現出迴圈流程即可:
再來說線條樣式
對於迴圈關係,我們一般會用到一些箭頭,表示遞進的感覺。
一般來說,可以採用這3種:
比如說像這個頁面,就是典型的切割箭頭:
而這種箭頭的樣式,則是利用圓環與 V 型箭頭,剪除得到的:
最後是視覺層次
對於前兩個點,很多人都能想到,但做出來的迴圈關係,
圖形依舊很單調,主要原因就卡在了這一步。
如何增強迴圈圖形的視覺層次感呢?
我們可以把不同樣式的線條和色塊,進行疊加就可以了:
比如像這兩個圖形,都是迴圈關係,很明顯,右邊的視覺層次感更強:
為了幫助大家理解這3個點,我們先來看一個簡單的案例:
該咋最佳化呢?用到前面說的,我們可以使用
正圓的迴圈樣式,對於線條,增加一些漸變,
表現流動感:
除此之外,
我們也可以使用正圓型,線條採用切割箭頭的樣式,並新增漸變效果:
這裡這裡以的方式組合,我們可以有非常多的創意。
等完成了這個邏輯圖形之後,簡單排版,就可以輕鬆做出這樣的頁面:
接下來,為了讓大家更熟練地掌握這個方法,我們多看兩個例子。
先來看一個簡單的頁面:
這就是很典型的頁面單調,缺少層次感。該咋最佳化呢?
我們採用正圓的樣式,先來簡單地把邏輯關係呈現出來:
接下來,為了豐富頁面的視覺層次,我們可以在文字底部新增色塊:
再來調整一個漸變色,讓其與主題的風格更加契合:
還是有一些單調,
我們可以新增一些雷達型扇葉,不僅可以豐富視覺效果,還能與頁面內容建立關聯:
再來看第二個頁面:
這個頁面的邏輯關係,看起來有點複雜。沒關係,一點一點來。
頁面上的資訊,分為兩大塊,算是迴圈的關係,並且,每一個板塊下,又分成了3個小點。
我簡單畫了一個草圖,表現這種邏輯關係:
接下來,我們先把內容之間的層級關係,給畫出來:
而兩個板塊是迴圈的關係,所以呢,
我們可以做一個圓角矩形的迴圈樣式,並使用漸變效果的線條:
這裡簡單說一下,這個箭頭是如何繪製的呢?
很簡單,幾個圖形拼接在一起即可:
最後,在頁面底部,新增一張與資訊有關聯的圖片即可:
以上,就是這篇文章的全部內容。
當然,關於迴圈關係的邏輯圖形樣式,還需要大家多多積累,畢竟,沒有人天生會做這些,對嗎?