我們在日常使用一些App的時候，可能會因為它們的設計而喜歡上一個軟件，今天，我們就用網易雲音樂的App的設計，來做一份網易雲的PPT模闆。PPT原件文末福利區見~

本期話題：從APP設計裡提取PPT設計

首先需要給大家講一個設計PPT的原則，即：設計與内容結合原則。尤其是當你需要做一份有明确内容對象的PPT的時候，舉個栗子：

如果你要做關于支付寶的一份PPT，那你的主題色肯定是藍色，而不能用紅色

果你要做一份關于微信的PPT，那你的主題色肯定是綠色加黑色的。

舉個反面例子，如果你需要做一份關于京東的PPT，這樣的配色和風格明顯是不行的，都沒有出現京東的特色的奶茶紅，肯定不過關~

是什麼原因，看了這兩張圖大家心裡也就清楚了幾分吧。這個原則，在之前我們的文章中也提到過~

我暗示的是不是太明顯了？我們看網易雲音樂的打開時的畫面以及默認頁面：

主題色很明顯——紅色。那如果做一份關于網易雲的PPT，我們的主題色就是紅色。

首先，我們看首頁我們怎麼模仿。也就是網易雲音樂的開始畫面。

分析:

圖片可以放大看一下，元素包括背景人群，透明圓圈一些裝飾線條，文字元素包括中間的部分和下面的小圖标 文字的部分。

元素分析後要做的就是将元素按照重要的級别進行分類。然後将豎版變為橫版。（一頁君有話說：往期文章也有提到這個哦~）

恕我直言，這一頁的元素一個都不能删，因為本身就是簡潔路線，再删元素就變成簡陋了。

操作:

保留紅色背景，将人物圖片透明度提升（可以不用摳圖，不識這裡是為了1：1模仿才摳圖的），圓圈直接設置透明度，根據整體顔色的敏感程度進行調整，其次就是右上角部分線條，也是調整粗細和透明度。

文字部分的處理，“音樂的力量”可以選擇其他字體，或者更換成你需要修改的内容。

底下的部分，我們放大看一下：

這一部分包括，網易雲音樂的圖标和相關文字。圖标我們可以在阿裡巴巴矢量圖标網站（往期文章提到過）上下載。

字體方面上面使用的是造字工房的字體，下方使用的是思源黑體light。（一頁君：我已經貼心的給大家打包啦）

播放頁面，這一頁，主要是娛樂，實用程度不是特别強，但是也不是沒有。

例如後面的毛玻璃特效加一層陰影，就很騷，可以用在很多PPT裡面。

如果你下載了這份PPT，這一頁，不識留了一個小彩蛋，你可以點擊播放按鈕試一下會有什麼效果。

分析:

推薦頁的模仿主要是模仿上半部分，即“推薦歌單”上面的部分。

這部分元素包括：标簽，圖片，圖标，文字。

具體的排版，等比例放大即可。

操作:

有選擇的模仿，例如搜索框就不在模仿範圍之内，因為畢竟我們要做的是PPT，并不是一個APP界面。

其他的，例如PPT頁面内的，整段文字部分，就是根據需要來增删。為你需要的内容去服務。

分析:

會員專區的模仿也是上面的部分，我們來看一下，在不同頁面，背景有什麼不同的改變：

我們可以見到，在前方圖片發生變化的時候，後面的背景也在跟着改變，我們需要的元素包括：圖片，背景效果圖片，圖片的文字描述。

操作:

在模仿的時候，因為我們要做的是PPT，還是要為内容服務，所以進行了部分删改，以滿足PPT的使用。

我們在操作的時候，需要添加動畫，如下：

這個動畫用PPT2016及以上版本可以很容易就實現，即切換選項卡裡面的“平滑”。但是，令人無奈的是，低版本不支持

不支持不代表做不出來，隻是比較麻煩。這裡不展開講了。

之所以不再繼續詳細講，是因為，後面的操作大抵如此。大家直接看模闆。

不止是網易雲音樂，很多APP的設計都可以變成你的PPT的一部分。如果，你覺得比較有把握，可以去找個你喜歡的APP做一下PPT，豈不是美滋滋，李不識和一頁君都期待你的回信。

後台回複“網易雲音樂”獲取該模闆，不識初來乍到，大家多多關照呀。

他不讓我放照片，一頁君還是偷偷放了，嘻嘻~

另外，有PPT設計能力的小夥伴，後台私信一頁君，一頁君正在找更多的小夥伴呢~

,

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!

查看全部