app導航展示方式(app導航展示方式有哪些)
下面介紹移動端幾種常見導航形式一標簽式導航也叫Tab導航大多數(shù)app會選擇標簽式導航,標簽式導航結構如下圖所示底部標簽導航是iOS頁面布局中比較推崇的一種導航方式而頂部標簽式導航是安卓常用的導航模式,它可以避免導航與底部虛擬按鈕之間發(fā)生沖突,引起誤操作二滾動式標簽式導航 前面介紹。
3 固定選項卡 #160 固定選項卡,顧名思義, 選項卡的位置和數(shù)量 是固定的,這個大家可以看一下上面的例子,例如網易云音樂它的tab數(shù)量是4個,每個tab的位置都會固定的固定選項卡是安卓系統(tǒng)提供的三種頂級導航方式之一它能夠扁平化整個信息結構,并且支持左右滑動切換到不同的視圖 如果。
最早看到這個方式的是Path,每次點加號會有一個小動畫,關閉也是,它是一個社交APP,要鼓勵用戶發(fā)言,這樣設計非常贊哦~二抽屜式導航 在小屏幕時代,這種導航是很經典的設計方式,界面既干凈又能迅速找到菜單但隨著大屏時代 的到來,慢慢放棄了,也是因為手指熱區(qū)的問題現(xiàn)在用得不太多了,手機。
上圖是蝦米音樂app首頁導航模式,采用了頂部標簽式導航這樣設計是為了 更多展示標簽下的內容,還有一點是支持快捷操作 方便展示點擊下方快捷區(qū)域的內容和按鈕當前曲目歌手播放暫停和下一曲 底部標簽式導航 底部標簽式導航是最常用的導航形式,一般存在于頁面底端,不超過5個模塊如果應用需要用戶 頻繁的。
9點聚導航 主操作選項或導航合并成一個按鈕,浮動在頁面上,比如path,最新版本導航置在中間優(yōu)點靈活展示方式有趣頁面更開闊缺點隱藏了更多入口和操作10瀑布導航 瀑布式布局適用于圖片為主的內容,下拉自動加載,比如花瓣優(yōu)點瀏覽時產生流暢體驗排版布局多變沉浸式體驗缺點。
ios設置中使用的就是分組列表 photo sticker中首頁采用了個性化列表的方式 印象筆記的ios版中使用了列表式導航混合跳板式導航的設計,其中列表式導航中又使用了分組列表和擴展列表 Pinterest在搜索中的次級導航采用的就是增強性列表 三 選項卡式導航 幾乎大部分的app都采用的是這種導航。