我們經常都夠在手機APP或者是一些海報中看到類似這樣卡片式的設計，
這種卡片式的設計有著很強的立體感， 配合圖片能夠產生非常驚豔的效果。
因此， 第17期修改計畫， 想和各位談談，
如何將卡片式的設計應用到PPT中去？今天三頓就以下面這幾頁PPT為例， 和大家具體的聊一聊。
往下看之前大家不妨先想一想， 這幾個頁面有什麼問題？如果是你又會怎麼修改呢？
-----------------------------------------
接下來我們分進行修改， 首先是這樣一個內容頁：
分析問題
這個頁面的內容相對簡單， 主要是兩段文字加一個圖片。 存在的問題主要還是在文字與圖的排版上，
那三頓就以這樣一個頁面為例， 和大家說一說卡片式設計具體應用。
進行修改
修改的核心是頁面的內容， 因此我們還是先處理內容部分， 也非常簡單， 修改圖片與文字的佈局， 三頓這裡採用了左右式的排版。
主要來說卡片式的設計， 我們可以先觀察一下， 你們覺得這類卡片式的設計有什麼樣的特點？
我覺得有兩點需要注意的， 一是大部分的卡片式設計並非方方正正的矩形， 而是做了圓角的處理。
這個效果在PPT中怎麼實現呢？需要在插入形狀中找到圓角矩形。
新建的圓角矩形四個圓角的角度非常大，並不好看。因此我們還需要選中圓角矩形，然後拖動黃色圓點，調小圓角的角度。
第二點是為了突出卡片的立體感，大部分設計都會對形狀添加陰影效果。陰影效果在PPT中如何實現？它可以在形狀效果中添加。
當然對有基礎的小夥伴來說，更好的建議是在設置形狀格式中手動的調整陰影的數值，使它更加自然。
明白這兩點之後呢，我們就可以進行具體的製作了。畫圓角矩形，添加文字內容，我們就可以做出像下面這樣的效果。
還記得三頓的推圖頁面嗎，採用的也是類似的效果。我們還可以添加兩個小的圓形，讓它產生折疊感。
進一步的，標題部分還可以嘗試以主題相關的圖片作為背景，更加的貼切。
卡片式設計的特點在於能夠產生無數的變化，如果我們修改背景顏色，又能做出不一樣的感覺。
-----------------------------------------
誒，三頓，好像你改完之後整個頁面平平淡淡的，也沒有特別好看呀。而且我好像沒有感受到開頭App截圖的那種立體感呀？
還有，說好的黃色小卡片呢？沒有關係，通過前面這個案例，三頓希望告訴大家的是這類頁面設計的基本思路。接下來上正餐，我們來看這樣一個頁面。
分析問題
今天選的案例都沒有特別的辣眼睛，但是仍然存在很大的問題。首先是文字佈局，下半部分文字內容顯得非常局促，寫的是週期、內容、目的三部分，卻沒有形成一個整體。
其次是配色和背景。藍白色的配色太亮了，讓人很難看清文字內容。其次既然講的是ofo小黃車，我們不該來點黃色嗎？
進行修改
依照慣例，我們先修改內容的部分。這裡要和各位強調的是內容的主次關係。
觀察這個頁面，雖然局促，但是調查內容部分占了很大的版面，而調查週期、調查目的放在了一個不起眼的位置。這個主次關係是合理的，我們可以按這個思路對文字重新的佈局。
好像仍然特別局促，那進一步的我們需要做閱讀理解，把調查內容部分做一個簡單的分類。
改完內容之後，是不是清晰了很多呢，之後我們要做的就是頁面設計了。
既然主體部分是調查內容，而調查週期、調查目的是次要內容。那我們完全可以把剛剛的卡片拆分成兩個部分，而主體部分可以做一些圖形化的處理。
結束了嗎？我剛剛說了，卡片式設計可以產生無數的可能。結合案例內容，我們還可以修改背景、配色，給大家看一看我做的效果。
-----------------------------------------
驚豔嗎？我們再來看第三個案例：
這個頁面很大的問題是它的配圖，左邊那張品質不高非常模糊，而下面那張又和主題無關，顯得莫名其妙。
除此之外表格部分的表現形式並不直觀，無法很好地體現資料。
進行修改
對內容的處理相對簡單，主要修改表格，三頓這裡將表格轉換成了直條圖的形式，資料顯得更加直觀。
那如何對這個頁面進行美化呢？不妨先按剛剛的思路嘗試一下，
好像內容少，顯得特別單調？沒關係，我們可以給頁面加上圖片，
來點不一樣的吧！為了增強立體感，三頓在頁面上方做了一個層疊的效果，同時添加上了logo，
一個小改動就可以讓頁面變得完全不一樣，卡片式設計的魅力就在於此。
-----------------------------------------
再來給大家看這樣一個案例，
說實話，這個頁面也沒有什麼太大的問題。三段式的結構非常清晰，背景的選擇也比較合理。如果字體能夠用黑體或者再粗一點，背景和配色能和主題相關就更好了（比如黃一點）。
三頓主要想給大家分享的是另一種修改思路，我們剛剛都是用圓角矩形鋪滿整個頁面，還有其他的修改方法嗎？看一下三頓做的效果。
像開頭給大家看的app設計一樣，對於這樣結構清晰的頁面，分成三塊內容同樣有很好的呈現效果。
當然這裡還要給大家強調一下圖片的檢索問題。很多特定主題的圖片並不好找，三頓是從哪找到“這麼黃”的圖片的？我用到的是ofo的官網。
-----------------------------------------
以上就是三頓今天為大家帶來的PPT修改，可以點開下面的大圖回顧一下。
再放幾張整體效果圖，
這次修改的文字內容並不複雜，但是通過卡片式的設計，能夠呈現出多種多樣的效果。
另外卡片式的設計有它特定的應用場景。立體感很強，因此適合科技類主題的幻燈片。如果想用在課件、中國風這類的PPT中顯然就並不合適了。
看完後不妨自己動手嘗試做做看這類頁面吧，希望對你們有所幫助！
新建的圓角矩形四個圓角的角度非常大，並不好看。因此我們還需要選中圓角矩形，然後拖動黃色圓點，調小圓角的角度。
第二點是為了突出卡片的立體感，大部分設計都會對形狀添加陰影效果。陰影效果在PPT中如何實現？它可以在形狀效果中添加。
當然對有基礎的小夥伴來說，更好的建議是在設置形狀格式中手動的調整陰影的數值，使它更加自然。
明白這兩點之後呢，我們就可以進行具體的製作了。畫圓角矩形，添加文字內容，我們就可以做出像下面這樣的效果。
還記得三頓的推圖頁面嗎，採用的也是類似的效果。我們還可以添加兩個小的圓形，讓它產生折疊感。
進一步的，標題部分還可以嘗試以主題相關的圖片作為背景，更加的貼切。
卡片式設計的特點在於能夠產生無數的變化，如果我們修改背景顏色，又能做出不一樣的感覺。
-----------------------------------------
誒，三頓，好像你改完之後整個頁面平平淡淡的，也沒有特別好看呀。而且我好像沒有感受到開頭App截圖的那種立體感呀？
還有，說好的黃色小卡片呢？沒有關係，通過前面這個案例，三頓希望告訴大家的是這類頁面設計的基本思路。接下來上正餐，我們來看這樣一個頁面。
分析問題
今天選的案例都沒有特別的辣眼睛，但是仍然存在很大的問題。首先是文字佈局，下半部分文字內容顯得非常局促，寫的是週期、內容、目的三部分，卻沒有形成一個整體。
其次是配色和背景。藍白色的配色太亮了，讓人很難看清文字內容。其次既然講的是ofo小黃車，我們不該來點黃色嗎？
進行修改
依照慣例，我們先修改內容的部分。這裡要和各位強調的是內容的主次關係。
觀察這個頁面，雖然局促，但是調查內容部分占了很大的版面，而調查週期、調查目的放在了一個不起眼的位置。這個主次關係是合理的，我們可以按這個思路對文字重新的佈局。
好像仍然特別局促，那進一步的我們需要做閱讀理解，把調查內容部分做一個簡單的分類。
改完內容之後，是不是清晰了很多呢，之後我們要做的就是頁面設計了。
既然主體部分是調查內容，而調查週期、調查目的是次要內容。那我們完全可以把剛剛的卡片拆分成兩個部分，而主體部分可以做一些圖形化的處理。
結束了嗎？我剛剛說了，卡片式設計可以產生無數的可能。結合案例內容，我們還可以修改背景、配色，給大家看一看我做的效果。
-----------------------------------------
驚豔嗎？我們再來看第三個案例：
這個頁面很大的問題是它的配圖，左邊那張品質不高非常模糊，而下面那張又和主題無關，顯得莫名其妙。
除此之外表格部分的表現形式並不直觀，無法很好地體現資料。
進行修改
對內容的處理相對簡單，主要修改表格，三頓這裡將表格轉換成了直條圖的形式，資料顯得更加直觀。
那如何對這個頁面進行美化呢？不妨先按剛剛的思路嘗試一下，
好像內容少，顯得特別單調？沒關係，我們可以給頁面加上圖片，
來點不一樣的吧！為了增強立體感，三頓在頁面上方做了一個層疊的效果，同時添加上了logo，
一個小改動就可以讓頁面變得完全不一樣，卡片式設計的魅力就在於此。
-----------------------------------------
再來給大家看這樣一個案例，
說實話，這個頁面也沒有什麼太大的問題。三段式的結構非常清晰，背景的選擇也比較合理。如果字體能夠用黑體或者再粗一點，背景和配色能和主題相關就更好了（比如黃一點）。
三頓主要想給大家分享的是另一種修改思路，我們剛剛都是用圓角矩形鋪滿整個頁面，還有其他的修改方法嗎？看一下三頓做的效果。
像開頭給大家看的app設計一樣，對於這樣結構清晰的頁面，分成三塊內容同樣有很好的呈現效果。
當然這裡還要給大家強調一下圖片的檢索問題。很多特定主題的圖片並不好找，三頓是從哪找到“這麼黃”的圖片的？我用到的是ofo的官網。
-----------------------------------------
以上就是三頓今天為大家帶來的PPT修改，可以點開下面的大圖回顧一下。
再放幾張整體效果圖，
這次修改的文字內容並不複雜，但是通過卡片式的設計，能夠呈現出多種多樣的效果。
另外卡片式的設計有它特定的應用場景。立體感很強，因此適合科技類主題的幻燈片。如果想用在課件、中國風這類的PPT中顯然就並不合適了。
看完後不妨自己動手嘗試做做看這類頁面吧，希望對你們有所幫助！