国产精品成人网站,亚洲精品456在线观看,刘亦菲在线一区二区 http://timesheetmaster.net PPT設計教程網,為PPT學習帶來價值。 Wed, 24 Nov 2021 17:25:01 +0000 zh-Hans hourly 1 https://wordpress.org/?v=6.7.1 卡片風排版注意3大關鍵點,你也能做出蘋果風的PPT! http://timesheetmaster.net/700843.html http://timesheetmaster.net/700843.html#comments Wed, 24 Nov 2021 17:25:01 +0000 http://timesheetmaster.net/?p=700843

自從谷歌推出 Material Design 設計語言后,用卡片作為承載信息的方式,已經是很常見的一種設計形式了:

庫克最愛用的這張發(fā)布會PPT!google也常用,太高級了...

卡片設計被廣泛用在各類產品和場景中,PPT也不例外。比如剛結束不久的蘋果春季發(fā)布會,PPT中就用到了卡片排版:

庫克最愛用的這張發(fā)布會PPT!google也常用,太高級了...

卡片的區(qū)塊化結構能讓頁面層次清晰易讀,是頁面布局中的利器。有時候僅使用卡片來排版,也能做出一套不錯的PPT:

庫克最愛用的這張發(fā)布會PPT!google也常用,太高級了...

然而很多時候,我們進行卡片排版時,往往會忽略很多細節(jié)的處理,導致頁面效果生硬,比如像下面的案例:

庫克最愛用的這張發(fā)布會PPT!google也常用,太高級了...

庫克最愛用的這張發(fā)布會PPT!google也常用,太高級了...

那么,如何快速地提升卡片的排版設計效果呢?

今天這篇文章就給大家總結一下,卡片排版的一些細節(jié)要點。

?一、卡片繪制細節(jié)

在PPT中,我們是用矩形來繪制卡片,通過給矩形設置顏色、紋理、陰影等參數效果,讓卡片的質感豐富起來。

1.角部弧度

卡片設計常見的角部弧度有直角和圓角這兩種:

庫克最愛用的這張發(fā)布會PPT!google也常用,太高級了...

我們常常使用圓角卡片來排版內容,因為直角的卡片硬朗高冷,有一定的攻擊性質:

庫克最愛用的這張發(fā)布會PPT!google也常用,太高級了...

而圓角容易被人眼識別,卡片邊界的區(qū)分更明顯;且柔和的圓角更具親和力,給人安全感和舒適感:

庫克最愛用的這張發(fā)布會PPT!google也常用,太高級了...

2.卡片顏色

卡片的顏色填充可以是純色或漸變色(黑白灰為無彩色)。

純色卡片只有一種色調,但卻比較難把控,因為單一的顏色,看起來會比較沉悶呆板:

庫克最愛用的這張發(fā)布會PPT!google也常用,太高級了...

對此比較好的解決方法,是改用不同明度的漸變色來填充,讓卡片細節(jié)層次更加豐富:

庫克最愛用的這張發(fā)布會PPT!google也常用,太高級了...

怎么設置不同明度的漸變呢?很簡單,拿下面的深黃色卡片舉例:

庫克最愛用的這張發(fā)布會PPT!google也常用,太高級了...

我們選擇45°方向的線性漸變,然后兩個光圈顏色均選用原來的色值:

庫克最愛用的這張發(fā)布會PPT!google也常用,太高級了...

接下來,我們通過調整兩個光圈的亮度百分比,就可以得到不同明度的漸變色:

庫克最愛用的這張發(fā)布會PPT!google也常用,太高級了...

來看看調整后的效果,與之前比較,卡片會更有光澤感:

庫克最愛用的這張發(fā)布會PPT!google也常用,太高級了...

3.卡片投影

給卡片添加投影效果,可以營造卡片懸浮感,從而增加頁面的空間層次:

庫克最愛用的這張發(fā)布會PPT!google也常用,太高級了...

一般不建議直接選用PPT中的投影預設,因為這些預設投影比較生硬,不夠柔和自然:

庫克最愛用的這張發(fā)布會PPT!google也常用,太高級了...

怎么調節(jié)出柔和自然的陰影呢?大致可以分為三個步驟:

第一,選擇與背景色相近的深色作為陰影色,比如下面卡片的陰影色為深紫色:

庫克最愛用的這張發(fā)布會PPT!google也常用,太高級了...

第二,縮小陰影的大小,然后加大陰影距離

庫克最愛用的這張發(fā)布會PPT!google也常用,太高級了...

第三,把陰影的模糊度調大,如果覺得陰影色還是太深,可以適當地加大透明度:

庫克最愛用的這張發(fā)布會PPT!google也常用,太高級了...

與預設的陰影相對比,調整后的陰影效果會柔和很多:

庫克最愛用的這張發(fā)布會PPT!google也常用,太高級了...

二、卡片內容排版細節(jié)

講完卡片繪制的細節(jié),接下來我們來看下卡片內容的排版。

1.間隙相同

無論是卡片的縱向或是橫向,它們之間的間隙距離,最好能保持一致:

庫克最愛用的這張發(fā)布會PPT!google也常用,太高級了...

整齊一致的間隙距離,有助于保持頁面的均衡和美觀:

庫克最愛用的這張發(fā)布會PPT!google也常用,太高級了...

2.四周留白

卡片上的內容信息,與卡片的邊界要留有適當的距離:

庫克最愛用的這張發(fā)布會PPT!google也常用,太高級了...

為什么要適當留白呢?我們先來看下面的反例。

卡片上的內容信息緊貼著卡片兩側邊界,此時整體頭輕底重,底部文字太擁擠,看著沒有呼吸感

庫克最愛用的這張發(fā)布會PPT!google也常用,太高級了...

而給卡片四周適當地留白后,頁面效果看著就會舒暢了許多:

庫克最愛用的這張發(fā)布會PPT!google也常用,太高級了...

3.文字行數不宜過多

卡片上的文字的縱向行數,最好不要超過5行,因為行數過多容易增加閱讀成本:

庫克最愛用的這張發(fā)布會PPT!google也常用,太高級了...

還有文字的層級區(qū)分要明顯,我們可以通過不同字重、字號和顏色的設置,從而產生清晰信息層級:

庫克最愛用的這張發(fā)布會PPT!google也常用,太高級了...

4.減少線框使用

我們經常會使用線框來區(qū)分信息內容,但當卡片上使用過多的線框時,反而會導致頁面的擁擠:

庫克最愛用的這張發(fā)布會PPT!google也常用,太高級了...

減少線框的使用,或是用淺色色塊代替線框,這樣卡片上信息區(qū)分清晰的同時,整體效果也會好很多:

庫克最愛用的這張發(fā)布會PPT!google也常用,太高級了...

?三、卡片常見版式

在PPT中,利用卡片進行排版,常見的版式有哪些呢?

1.并列排版

這應該是最常見的卡片排版版式,比如下面這個案例,頁面有三段并列的內容信息:

庫克最愛用的這張發(fā)布會PPT!google也常用,太高級了...

我們找來對應的圖標,然后用卡片元素來承載文字信息:

庫克最愛用的這張發(fā)布會PPT!google也常用,太高級了...

接下來給卡片添加陰影,在底部加入色塊來豐富頁面層次

庫克最愛用的這張發(fā)布會PPT!google也常用,太高級了...

最后再添加一些修飾粒子元素,這樣一張卡片并列排版就完成了:

庫克最愛用的這張發(fā)布會PPT!google也常用,太高級了...

2.上下錯位排版

我們只需將并列版式稍微錯位,就可以做出有節(jié)奏感的上下錯落排版

庫克最愛用的這張發(fā)布會PPT!google也常用,太高級了...

又或是常見四段頁內容的錯落排版:

庫克最愛用的這張發(fā)布會PPT!google也常用,太高級了...

除此之外,還可以給卡片稍微旋轉一個角度,這樣錯位的感覺又會不一樣:

庫克最愛用的這張發(fā)布會PPT!google也常用,太高級了...

3.大小不一錯落排版

當卡片的大小不一致時,我們可以考慮錯落排版,像蘋果發(fā)布會的PPT,這樣能夠有效利用頁面的空間:

庫克最愛用的這張發(fā)布會PPT!google也常用,太高級了...

這里再舉一個例子,比如這張有關風電特點的頁面:

庫克最愛用的這張發(fā)布會PPT!google也常用,太高級了...

我們將各個特點拆分開來,然后用大小不一的卡片承載內容

庫克最愛用的這張發(fā)布會PPT!google也常用,太高級了...

接下來根據文字信息的含義,找來相關的圖片填充進卡片中

庫克最愛用的這張發(fā)布會PPT!google也常用,太高級了...

最后調整字體的字重、大小和顏色,突出關鍵詞,這樣一頁蘋果卡片風PPT就做好了:

庫克最愛用的這張發(fā)布會PPT!google也常用,太高級了...

4.三維空間排版

顧名思義,可以通過給卡片設置三維參數,進行三維空間排版:

庫克最愛用的這張發(fā)布會PPT!google也常用,太高級了...

我們來看下案例,比如下面這張五段頁卡片排版:

庫克最愛用的這張發(fā)布會PPT!google也常用,太高級了...

分別給左右兩側的卡片設置「透視:左」和「透視:右」的三維參數:

庫克最愛用的這張發(fā)布會PPT!google也常用,太高級了...

然后將它們湊在一起,就有這樣空間感滿滿的頁面了:

庫克最愛用的這張發(fā)布會PPT!google也常用,太高級了...

此外,我們通過設置不同的三維參數,可以繪制出不同旋轉角度的卡片,從而進行豐富的三維排版布局:

庫克最愛用的這張發(fā)布會PPT!google也常用,太高級了...

庫克最愛用的這張發(fā)布會PPT!google也常用,太高級了...

好了,以上就是關于卡片排版的內容,最后我們來總結一下:

庫克最愛用的這張發(fā)布會PPT!google也常用,太高級了...

·

原標題:庫克最愛用的這張發(fā)布會PPT!google也常用,太高級了...

]]>
http://timesheetmaster.net/700843.html/feed 4
魚鉤PPT模板下載 http://timesheetmaster.net/415496.html http://timesheetmaster.net/415496.html#respond Wed, 17 Aug 2016 18:28:42 +0000 http://timesheetmaster.net/?p=415496 圖片上面有一只魚鉤,魚鉤上掛著一個卡片,上面寫著“POWER”。顏色以藍色為主,適用于政治、娛樂等。

]]>
http://timesheetmaster.net/415496.html/feed 0
紅色信封賀卡PPT模板 http://timesheetmaster.net/370194.html http://timesheetmaster.net/370194.html#respond Mon, 23 Feb 2015 13:17:24 +0000 http://timesheetmaster.net/?p=370194 紅色的信封,非常有喜慶味道。建議用在PPT展示的最后一頁,用來送上美好的祝福。非常實用,非常適合你獻上真摯的祝愿。

賀卡是給予別人祝福的介質,用在PPT上我們可以將此放在最后用來寫祝福語句,可以應用到個人求職簡歷的PPT上,也可以應用到公司年底總結的PPT上。

]]>
http://timesheetmaster.net/370194.html/feed 0
一組插在桌球上的卡片PPT模板 http://timesheetmaster.net/370190.html http://timesheetmaster.net/370190.html#respond Mon, 23 Feb 2015 13:17:16 +0000 http://timesheetmaster.net/?p=370190 立體效果加上綠色透明邊緣,非常有質感,整體上讓立體感更加完美呈現,看起來更有逼格。

文本內容設計為插入球形里面的卡片,十分有創(chuàng)意,綠色圓球加上白色小橢圓,形似桌球,適合用于運動行業(yè)。

]]>
http://timesheetmaster.net/370190.html/feed 0
一組插在桌球上的卡片PPT模板 http://timesheetmaster.net/369840.html http://timesheetmaster.net/369840.html#respond Mon, 16 Feb 2015 16:45:27 +0000 http://timesheetmaster.net/?p=369840 立體效果加上黃色透明邊緣,整體上讓立體感更加完美呈現,看起來更有逼格。

文本內容設計為插入球形里面的卡片,十分有創(chuàng)意,黃色圓球加上白色小橢圓,形似桌球,適合用于運動行業(yè)。

]]>
http://timesheetmaster.net/369840.html/feed 0
賀卡便簽PPT模板下載 http://timesheetmaster.net/369815.html http://timesheetmaster.net/369815.html#respond Mon, 16 Feb 2015 16:44:45 +0000 http://timesheetmaster.net/?p=369815 蝴蝶結的裝飾很有節(jié)日的喜慶感覺,適合公司慶典PPT,公司年會PPT,節(jié)日活動PPT等。

三部分并列關系,可使用情景廣泛,公司介紹PPT,企業(yè)介紹PPT,項目介紹PPT,產品介紹PPT,品牌介紹PPT,培訓PPT等。

]]>
http://timesheetmaster.net/369815.html/feed 0
向日葵立體卡片文字說明 http://timesheetmaster.net/332005.html http://timesheetmaster.net/332005.html#respond Sun, 01 Jun 2014 15:15:10 +0000 http://timesheetmaster.net/?p=332005 80a9fc8f36b323d.pptx

]]>
http://timesheetmaster.net/332005.html/feed 0
黃花立體卡片文字說明 http://timesheetmaster.net/331855.html http://timesheetmaster.net/331855.html#respond Sat, 31 May 2014 17:08:36 +0000 http://timesheetmaster.net/?p=331855 940ba686e0a31b01.pptx

]]>
http://timesheetmaster.net/331855.html/feed 0
五部分卡片文字說明 http://timesheetmaster.net/331871.html http://timesheetmaster.net/331871.html#respond Sat, 31 May 2014 17:08:35 +0000 http://timesheetmaster.net/?p=331871 0551a820726468a.pptx

]]>
http://timesheetmaster.net/331871.html/feed 0
品字形卡片排列文字說明 http://timesheetmaster.net/331883.html http://timesheetmaster.net/331883.html#respond Sat, 31 May 2014 17:08:34 +0000 http://timesheetmaster.net/?p=331883 d58157deb1b0c24.pptx

]]>
http://timesheetmaster.net/331883.html/feed 0