陰影的大小可以體現卡片三維的立體感,在PPT裡面可以透過設定陰影的柔化邊緣設定來實現。最近寫了一篇關於Material Design的谷歌風格PPT文章,一併放在答案裡面吧。
Material Design,中文名:質感設計,是由Google推出了全新的設計語言,這種設計語言旨在為手機、平板電腦、桌上型電腦和“其他平臺”提供更一致、更廣泛的“外觀和感覺”。
這種設計應用到幻燈片上,能大大提高PPT的設計質感,呈現出乾淨優雅的風格。在演示設計中運用得當,能得到極佳的效果,接下來給大家分享製作MD風格的PPT設計要素。
Google為MD設計了適合風格的字型,Noto Sans CJK (Source Han Sans SC / CN) + Roboto (2015年新設計的),第一種字型其實也是我們經常使用的開源字型——思源黑體。
文欄位落使用左對齊,字型顏色為黑色設定20%的透明度,不至於太刺眼也能看的很清楚。行間距為1.2-1.5,標題字號約為正文字型的1.5倍。
Material Design有官方配色網站,只需要登入並隨意採取2-3種顏色就能生成一種配色方案,當然你需要根據主題來確定主色,其他的為輔色和點綴色。可以直接截圖複製到PPT裡面,透過取色器取色使用。
透過顏色的飽和度不同,能夠起到過渡的作用,這一點其實很重要。下面舉個例子:
(設計by優設@3年2班程遠)
卡片式設計是MD風格最重要的特點,這種模擬紙張的設計讓畫面更加乾淨有呼吸感。通常我們會將卡片設定為純白色,以模擬紙張的質感。紙張的邊角為圓角,讓卡片更加圓潤和諧,其弧度可以根據實際情況來調整。
下面給大家講解下如何製作小卡片:
1.插入圓角矩形,設定陰影和透明度
2.設定圓角矩形陰影,需要複製一次原來的卡片,填充為黑色,設定為柔化邊緣。因為柔化邊緣會讓黑色矩形變小,所以我們需要將黑色陰影放大一些。
接下來就可以將兩個形狀進行組合,得出有陰影空間感的卡片了。
在使用卡片的時候,其實是有些注意事項的:
1.文字內容應書寫在卡片之上
2.文欄位落需要調整排版最佳化
3.不同文意應該分卡片處理
4.卡片使用圖片時,名稱配以白色遮罩
5.出現章節序號會破壞設計感
當你掌握了這幾步之後,就可以做出MD風格的幻燈片了,下面給大家做一些示範,相信你們會做的比我更好。
陰影的大小可以體現卡片三維的立體感,在PPT裡面可以透過設定陰影的柔化邊緣設定來實現。最近寫了一篇關於Material Design的谷歌風格PPT文章,一併放在答案裡面吧。
Material Design,中文名:質感設計,是由Google推出了全新的設計語言,這種設計語言旨在為手機、平板電腦、桌上型電腦和“其他平臺”提供更一致、更廣泛的“外觀和感覺”。
這種設計應用到幻燈片上,能大大提高PPT的設計質感,呈現出乾淨優雅的風格。在演示設計中運用得當,能得到極佳的效果,接下來給大家分享製作MD風格的PPT設計要素。
一、設計字型Google為MD設計了適合風格的字型,Noto Sans CJK (Source Han Sans SC / CN) + Roboto (2015年新設計的),第一種字型其實也是我們經常使用的開源字型——思源黑體。
文欄位落使用左對齊,字型顏色為黑色設定20%的透明度,不至於太刺眼也能看的很清楚。行間距為1.2-1.5,標題字號約為正文字型的1.5倍。
二、配色方案Material Design有官方配色網站,只需要登入並隨意採取2-3種顏色就能生成一種配色方案,當然你需要根據主題來確定主色,其他的為輔色和點綴色。可以直接截圖複製到PPT裡面,透過取色器取色使用。
透過顏色的飽和度不同,能夠起到過渡的作用,這一點其實很重要。下面舉個例子:
(設計by優設@3年2班程遠)
三、小卡片的使用卡片式設計是MD風格最重要的特點,這種模擬紙張的設計讓畫面更加乾淨有呼吸感。通常我們會將卡片設定為純白色,以模擬紙張的質感。紙張的邊角為圓角,讓卡片更加圓潤和諧,其弧度可以根據實際情況來調整。
下面給大家講解下如何製作小卡片:
1.插入圓角矩形,設定陰影和透明度
2.設定圓角矩形陰影,需要複製一次原來的卡片,填充為黑色,設定為柔化邊緣。因為柔化邊緣會讓黑色矩形變小,所以我們需要將黑色陰影放大一些。
接下來就可以將兩個形狀進行組合,得出有陰影空間感的卡片了。
四、注意事項
在使用卡片的時候,其實是有些注意事項的:
1.文字內容應書寫在卡片之上
2.文欄位落需要調整排版最佳化
3.不同文意應該分卡片處理
4.卡片使用圖片時,名稱配以白色遮罩
5.出現章節序號會破壞設計感
當你掌握了這幾步之後,就可以做出MD風格的幻燈片了,下面給大家做一些示範,相信你們會做的比我更好。