淡出淡入的動效設計效果在網頁設計過程當中採用得非常多。這種動效設計的形式最大的優點就在於,效果往往能夠很直觀的表現使用者從一個介面切換到另外一個介面的變化過程,文藝點說法就是很溫柔很謙讓。因而,在視覺上表現得比較柔和,易於接受。但也存在最大的局限性,就是需要切換的兩個介面之間有一個共同的特點,否則就太突兀了!
具體的例子如蘋果從第一屏滑動到spotlight的頁面時,我們可以清楚的看到有一個黑色半透明的背景從無到有地變化的過程。同時,首屏的圖示從完全不透明漸漸變成透明,非常的自然而流暢,同時給用戶柔和過渡的感覺。