在使用一些移動(dòng)端的 App 或 PC 端的軟件的時(shí)候，我們常常會(huì)有一些界面之間切換的操作，尤其是在移動(dòng)端的設(shè)備上，因?yàn)槠聊怀叽绾徒换シ绞降奶匦裕�就更多的�?huì)出現(xiàn)這些切換的操作，而很突然地從一個(gè)界面切換到另一個(gè)界面會(huì)給用戶(hù)帶來(lái)困擾，所以在觸發(fā)這些操作的同時(shí)，往往需要過(guò)渡形式的動(dòng)畫(huà)來(lái)引導(dǎo)用戶(hù)是如何從一個(gè)界面切換到另一個(gè)界面的，我們來(lái)看看一些常見(jiàn)的界面切換的過(guò)渡方式吧。

1.淡入淡出

淡入淡出的過(guò)渡效果是最為常見(jiàn)的處理手法，這種效果往往能很直觀的表現(xiàn)從一個(gè)畫(huà)面到另一個(gè)畫(huà)面變化的過(guò)程，視覺(jué)表現(xiàn)上比較柔和，但同時(shí)通常會(huì)局限在需要過(guò)渡的兩個(gè)界面之間有一定的共同特點(diǎn)。

比如把iPhone從第一屏滑動(dòng)到Spotlight頁(yè)面時(shí)候的效果，我們可以看到有個(gè)黑色半透明背景從無(wú)到有的過(guò)程，同時(shí)首屏的圖標(biāo)從完全不透明慢慢變成透明狀向右移出屏幕。

再比如在Windows7平臺(tái)上的Aeropeek功能，當(dāng)把鼠標(biāo)移動(dòng)到桌面右下角的顯示桌面按鈕的時(shí)候，窗口內(nèi)容就會(huì)以淡入淡出的效果從不透明過(guò)渡到全部透明的效果。

iOS的Music界面也同樣用到了這樣的效果，從“正在播放”界面切換到上一級(jí)界面的時(shí)候，頂部的狀態(tài)欄和標(biāo)題欄就會(huì)用淡入淡出的效果，從播放界面的深色轉(zhuǎn)換為列表界面的淺色。

2.場(chǎng)景切換

場(chǎng)景切換通常用于兩個(gè)不同的界面之間，視覺(jué)效果會(huì)看起來(lái)很酷，缺點(diǎn)是會(huì)需要因?yàn)榍袚Q場(chǎng)景而需要等待時(shí)間。

我們來(lái)看看Apple的Cards應(yīng)用，從選擇一張卡片，到進(jìn)入編輯卡片的界面，卡片緩緩地飛入到一個(gè)皮革質(zhì)感的桌面。

再比如iOS里面的“用電子郵件發(fā)送照片”，也同樣是使用了這類(lèi)效果（照片進(jìn)行移動(dòng)，同時(shí)郵件界面從底部滑入屏幕）。

此類(lèi)過(guò)渡效果不太適用于需要經(jīng)常切換的頁(yè)面之間，過(guò)多的等待時(shí)間會(huì)讓用戶(hù)感到焦躁。

標(biāo)簽： 界面切換 移動(dòng)App設(shè)計(jì) 視覺(jué)設(shè)計(jì) 

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請(qǐng)與原作者聯(lián)系。