做爰三级在线播放_又大又粗又猛又舒服又爽_暖暖www免费高清视频最新期_午夜精品aaa国产福利

頁面跳轉(zhuǎn)方式，如何設(shè)計(jì)更合理？

2019-3-6 資深UI設(shè)計(jì)者

如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里
常見的頁面跳轉(zhuǎn)方式有直接跳轉(zhuǎn)、左右跳轉(zhuǎn)、上下跳轉(zhuǎn)等，再設(shè)計(jì)時(shí)需要考慮好其中的關(guān)聯(lián)性，給出最符合用戶心理預(yù)期的過渡方式，從而做出最合適的設(shè)計(jì)。

頁面跳轉(zhuǎn)在APP中屬于最常見，也是最基礎(chǔ)的一個(gè)交互細(xì)節(jié)點(diǎn)。

我們常見的跳轉(zhuǎn)方式：直接跳轉(zhuǎn)、左右跳轉(zhuǎn)、上下跳轉(zhuǎn)、翻轉(zhuǎn)、聯(lián)動(dòng)；其它酷炫的效果我們看過很多，但是現(xiàn)實(shí)中能做到的又有幾個(gè)呢？

先講一下：視覺順序

首先我們看一下，我們的視覺順序「閱讀順序」是：左→右，上→下。因此延伸出目前APP最常見的兩種頁面跳轉(zhuǎn)方式：左右跳轉(zhuǎn)，上下跳轉(zhuǎn)。

直接跳轉(zhuǎn)

最原始、最簡(jiǎn)單的跳轉(zhuǎn)方式，web端常見，在APP中出現(xiàn)較少，標(biāo)簽切換常見，這個(gè)比較簡(jiǎn)單，沒什么講的。

常用于快速開發(fā)，Android中常用。

實(shí)現(xiàn)難度：無；

維護(hù)成本：無。

左右跳轉(zhuǎn)

最常見的跳轉(zhuǎn)方式。（ios原生效果）

實(shí)現(xiàn)難度：簡(jiǎn)單；

維護(hù)成本：低；

運(yùn)用場(chǎng)景：夫級(jí)→子級(jí)→子子級(jí)，依次類推。

常用場(chǎng)景：

對(duì)應(yīng)功能的展開：常以導(dǎo)航形式的存在，如美團(tuán)首頁的美食、電影、住店等分流入口。
對(duì)于內(nèi)容的展開：如聊天列表>聊天窗；文章列表>到文章詳情。
對(duì)于活動(dòng)廣告的展開：banner圖廣告、彈窗廣告等，比較常見。

這里有個(gè)細(xì)節(jié)要注意，就是我們的返回鍵在左上角，也就養(yǎng)成了用戶一種習(xí)慣，左上角的鍵，與點(diǎn)擊之后的效果，往往就應(yīng)該是頁面從右側(cè)退出的樣子，與進(jìn)入時(shí)反向的效果。

這也是為什么大部分APP不會(huì)把入口按鈕放在左上角的原因。

那么左上角這個(gè)位置，除了給返回鍵當(dāng)做固有的位置外。還常常用于抽屜式導(dǎo)航，因?yàn)槌閷鲜綄?dǎo)航的方向，與返回時(shí)的移動(dòng)方向是一致的。常見抽屜式導(dǎo)航APP如：滴滴打車、摩拜單車等。

上下跳轉(zhuǎn)

相對(duì)于左右跳轉(zhuǎn)，上下跳轉(zhuǎn)就比較難理解了。

實(shí)現(xiàn)難度：簡(jiǎn)單；

維護(hù)成本：低。

這種跳轉(zhuǎn)方式也很常見，但是大部分人不清楚什么時(shí)候用，這里我們簡(jiǎn)單分析下。

運(yùn)用場(chǎng)景：

1. 對(duì)當(dāng)前頁面創(chuàng)建新的條目時(shí)；

2. 獨(dú)立啟動(dòng)的一個(gè)子內(nèi)容。（如小程序：微信/支付寶等）

比如我們?cè)谖⑿帕奶祉摚l(fā)起一個(gè)聊天的時(shí)候：

還有我們新添加群人員時(shí)，新建筆記本時(shí)，新建地址時(shí)等。

我們用微信聊天頁面在舉例：點(diǎn)擊＋號(hào)離的內(nèi)容時(shí)：圖片、拍照、位置、紅包、收藏等，都是采用下到上的方式呈現(xiàn)，因?yàn)檫@些創(chuàng)建都是對(duì)當(dāng)前聊天窗口一次性產(chǎn)生內(nèi)容。（大家可以去感受一下這些細(xì)節(jié)）