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

成都創(chuàng)新互聯(lián)公司堅(jiān)持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：網(wǎng)站建設(shè)、成都做網(wǎng)站、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時(shí)代的荷塘網(wǎng)站設(shè)計(jì)、移動媒體設(shè)計(jì)的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！

1.淡入淡出

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

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

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

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

2.場景切換

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

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

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

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

文章題目：自然而流暢——聊聊界面的切換動畫
文章網(wǎng)址：http://www.chinadenli.net/article44/cggshe.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供移動網(wǎng)站建設(shè)、企業(yè)網(wǎng)站制作、靜態(tài)網(wǎng)站、用戶體驗(yàn)、Google、網(wǎng)站策劃

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)