不知道多少人在聽到、看到關於字條跳動的新聞會點進去看看？
又有多少人，會在看完新聞後去位元組跳動的官網看看？
要是沒有看過他們的官網，那，你可錯過了一個超好用的設計技巧！這個方法，連蘋果釋出會都跟著在用呢！
像這樣的彈出效果的設計，著實讓我小小地驚豔了一把！
突然想到之前看過的類似的設計，我感覺去找了過來，像蘋果ios15釋出會上出現的頁面，像魅族產品介紹中也用了：
看到這裡，這種彈出式的設計技巧，你是不是也想立馬就掌握呢？別慌，我手把手教會你！
第一步：準備好截圖和樣機素材
第二步：將其中一張截圖和樣機組合
第三步：另外一張截圖和組合的樣機錯位放置，並新增陰影效果
提醒一下，在這一步，我們可以使用PPT自帶的三維旋轉調整角度：
然後，調整層次關係，把需要展示的截圖頁放置頂層：
然後對截圖新增陰影效果：
加了灰色，可能看起來會有些生硬，那麼我們從背景圖上取色，再看下效果：
是不是這樣就顯得柔和，而且整體更乾淨了呢？而且，和整個截圖上的風格也更加呼應！
既然提到了陰影，這裡我要多說幾句，陰影加得好不好，直接就能看出你是不是新手！
看兩張圖：
這兩張頁面中的陰影，是不是總感覺差了點什麼？再看看這個：
是不是一下子，就覺得頁面變得清爽起來了呢？
陰影的顏色選擇，是決定陰影是否高階的關鍵因素。
1、根據元素顏色選擇
如果頁面中的元素顏色，本身就十分出彩，我們可以用取色工具吸取元素的顏色作為陰影。
看個案例，先使用黑色來當陰影，看看是什麼樣子：
當我們把陰影顏色換成元素的顏色：
是不是整體的感覺，一下子就覺得輕盈多了？
2、根據頁面背景選擇
還是用對比的案例，來給大家解釋，這張淺色背景上，我們先用黑色作為陰影：
是不是看起來很髒？那，我們改變成灰色作為陰影：
是不是一下子就高階起來了？
這裡要說的就是，
根據背景顏色類選擇陰影，只需要從背景已有的顏色中選擇，在適當的調整明度就好！
