自從谷歌推出 Material Design 設計語言后,用卡片作為承載信息的方式,已經是很常見的一種設計形式了:
卡片設計被廣泛用在各類產品和場景中,PPT也不例外。比如剛結束不久的蘋果春季發(fā)布會,PPT中就用到了卡片排版:
卡片的區(qū)塊化結構能讓頁面層次清晰易讀,是頁面布局中的利器。有時候僅使用卡片來排版,也能做出一套不錯的PPT:
然而很多時候,我們進行卡片排版時,往往會忽略很多細節(jié)的處理,導致頁面效果生硬,比如像下面的案例:
那么,如何快速地提升卡片的排版設計效果呢?
今天這篇文章就給大家總結一下,卡片排版的一些細節(jié)要點。
在PPT中,我們是用矩形來繪制卡片,通過給矩形設置顏色、紋理、陰影等參數效果,讓卡片的質感豐富起來。
1.角部弧度
卡片設計常見的角部弧度有直角和圓角這兩種:
我們常常使用圓角卡片來排版內容,因為直角的卡片硬朗高冷,有一定的攻擊性質:
而圓角容易被人眼識別,卡片邊界的區(qū)分更明顯;且柔和的圓角更具親和力,給人安全感和舒適感:
2.卡片顏色
卡片的顏色填充可以是純色或漸變色(黑白灰為無彩色)。
純色卡片只有一種色調,但卻比較難把控,因為單一的顏色,看起來會比較沉悶呆板:
對此比較好的解決方法,是改用不同明度的漸變色來填充,讓卡片細節(jié)層次更加豐富:
怎么設置不同明度的漸變呢?很簡單,拿下面的深黃色卡片舉例:
我們選擇45°方向的線性漸變,然后兩個光圈顏色均選用原來的色值:
接下來,我們通過調整兩個光圈的亮度百分比,就可以得到不同明度的漸變色:
來看看調整后的效果,與之前比較,卡片會更有光澤感:
3.卡片投影
給卡片添加投影效果,可以營造卡片懸浮感,從而增加頁面的空間層次:
一般不建議直接選用PPT中的投影預設,因為這些預設投影比較生硬,不夠柔和自然:
怎么調節(jié)出柔和自然的陰影呢?大致可以分為三個步驟:
第一,選擇與背景色相近的深色作為陰影色,比如下面卡片的陰影色為深紫色:
第二,縮小陰影的大小,然后加大陰影距離:
第三,把陰影的模糊度調大,如果覺得陰影色還是太深,可以適當地加大透明度:
與預設的陰影相對比,調整后的陰影效果會柔和很多:
講完卡片繪制的細節(jié),接下來我們來看下卡片內容的排版。
1.間隙相同
無論是卡片的縱向或是橫向,它們之間的間隙距離,最好能保持一致:
整齊一致的間隙距離,有助于保持頁面的均衡和美觀:
2.四周留白
卡片上的內容信息,與卡片的邊界要留有適當的距離:
為什么要適當留白呢?我們先來看下面的反例。
卡片上的內容信息緊貼著卡片兩側邊界,此時整體頭輕底重,底部文字太擁擠,看著沒有呼吸感:
而給卡片四周適當地留白后,頁面效果看著就會舒暢了許多:
3.文字行數不宜過多
卡片上的文字的縱向行數,最好不要超過5行,因為行數過多容易增加閱讀成本:
還有文字的層級區(qū)分要明顯,我們可以通過不同字重、字號和顏色的設置,從而產生清晰信息層級:
4.減少線框使用
我們經常會使用線框來區(qū)分信息內容,但當卡片上使用過多的線框時,反而會導致頁面的擁擠:
減少線框的使用,或是用淺色色塊代替線框,這樣卡片上信息區(qū)分清晰的同時,整體效果也會好很多:
在PPT中,利用卡片進行排版,常見的版式有哪些呢?
1.并列排版
這應該是最常見的卡片排版版式,比如下面這個案例,頁面有三段并列的內容信息:
我們找來對應的圖標,然后用卡片元素來承載文字信息:
接下來給卡片添加陰影,在底部加入色塊來豐富頁面層次:
最后再添加一些修飾粒子元素,這樣一張卡片并列排版就完成了:
2.上下錯位排版
我們只需將并列版式稍微錯位,就可以做出有節(jié)奏感的上下錯落排版:
又或是常見四段頁內容的錯落排版:
除此之外,還可以給卡片稍微旋轉一個角度,這樣錯位的感覺又會不一樣:
3.大小不一錯落排版
當卡片的大小不一致時,我們可以考慮錯落排版,像蘋果發(fā)布會的PPT,這樣能夠有效利用頁面的空間:
這里再舉一個例子,比如這張有關風電特點的頁面:
我們將各個特點拆分開來,然后用大小不一的卡片承載內容:
接下來根據文字信息的含義,找來相關的圖片填充進卡片中:
最后調整字體的字重、大小和顏色,突出關鍵詞,這樣一頁蘋果卡片風PPT就做好了:
4.三維空間排版
顧名思義,可以通過給卡片設置三維參數,進行三維空間排版:
我們來看下案例,比如下面這張五段頁卡片排版:
分別給左右兩側的卡片設置「透視:左」和「透視:右」的三維參數:
然后將它們湊在一起,就有這樣空間感滿滿的頁面了:
此外,我們通過設置不同的三維參數,可以繪制出不同旋轉角度的卡片,從而進行豐富的三維排版布局:
好了,以上就是關于卡片排版的內容,最后我們來總結一下:
·
原標題:庫克最愛用的這張發(fā)布會PPT!google也常用,太高級了...
]]>賀卡是給予別人祝福的介質,用在PPT上我們可以將此放在最后用來寫祝福語句,可以應用到個人求職簡歷的PPT上,也可以應用到公司年底總結的PPT上。
]]>文本內容設計為插入球形里面的卡片,十分有創(chuàng)意,綠色圓球加上白色小橢圓,形似桌球,適合用于運動行業(yè)。
]]>文本內容設計為插入球形里面的卡片,十分有創(chuàng)意,黃色圓球加上白色小橢圓,形似桌球,適合用于運動行業(yè)。
]]>三部分并列關系,可使用情景廣泛,公司介紹PPT,企業(yè)介紹PPT,項目介紹PPT,產品介紹PPT,品牌介紹PPT,培訓PPT等。
]]>