【天津誠筑說費(fèi)用】◆ ◆誠筑說設(shè)計(jì)培訓(xùn)圍繞“一切為了學(xué)員，為了學(xué)員一切”，致力打造的教學(xué)。學(xué)校設(shè)有：平面設(shè)計(jì)師全日制、室內(nèi)設(shè)計(jì)師就業(yè)課程、影視動(dòng)畫師小班課程、UI設(shè)計(jì)師、VR虛擬現(xiàn)實(shí)等特色課程等一系列。在線預(yù)約可享受免費(fèi)試聽課程，更多優(yōu)惠請(qǐng)電話咨詢?cè)诰€值班老師?。?！

北京UI設(shè)計(jì)培訓(xùn)，誠筑說教你導(dǎo)航條設(shè)計(jì)

解決導(dǎo)航條設(shè)計(jì)的四大指南（干貨）

如果你是一個(gè)產(chǎn)品經(jīng)理你肯定想的不是這個(gè)問題，這個(gè)問題一定是高端的UI設(shè)計(jì)需要思考的事情，在能夠滿足產(chǎn)品經(jīng)理的要求之下還要讓它美讓它漂亮

誠筑說小編很恭喜你是一個(gè)負(fù)責(zé)人的有能力的UI設(shè)計(jì)師，如果你現(xiàn)在正在設(shè)計(jì)產(chǎn)品而且在苦于設(shè)計(jì)導(dǎo)航條，那么恭喜你你找對(duì)人了。

下面誠筑說用簡短的幾個(gè)方法去幫你解決這個(gè)問題

1.Tabs

簡單的導(dǎo)航條其實(shí)也是簡單的容易解決的，Tab欄看起來像是簡單的導(dǎo)航,然而當(dāng)你在設(shè)計(jì)它們的時(shí)候需要考慮到一些事情：

·多只能展示五個(gè)分區(qū)

·Tab的順序應(yīng)該根據(jù)它們的級(jí)和邏輯順序進(jìn)行排列。

·根據(jù)具體情境，Tab既可以在屏幕上方展示也可以在屏幕下面展示。

·不加文字標(biāo)注的ICON只能用于為大眾所熟知并且經(jīng)常使用的ICON。

2.More

如果你有別的五個(gè)不夠用，簡單直接暴力的方式就是在后一欄寫上More更多這個(gè)解決方案的設(shè)計(jì)原則基本上和上面的單行Tab是一樣的?！案唷边@一項(xiàng)既可以鏈接到一個(gè)導(dǎo)航頁也可以是一個(gè)下拉的菜單項(xiàng)。如果你能正確的進(jìn)行級(jí)劃分，大多數(shù)的用戶可以找到那四個(gè)重要的分區(qū)，所以這種丟車保帥式的導(dǎo)航依舊會(huì)用戶體驗(yàn)。

3.可滑動(dòng)的導(dǎo)航

如果你有一堆并不具備明顯等級(jí)區(qū)分度的導(dǎo)航項(xiàng)目，并且“更多”式導(dǎo)航并不是一個(gè)好的選擇時(shí)，另一個(gè)策略就是以可以左右滑動(dòng)的方式展示出導(dǎo)航的所有項(xiàng)目。但是就是如果你的用戶沒有滑的話可能會(huì)丟失一部分人沒有看到隱藏的

4.下拉式

下拉式菜單實(shí)際上在這里扮演了兩個(gè)角色：首先，它充當(dāng)了一個(gè)頁面的標(biāo)題，下拉按鈕暗示著這里可以對(duì)同級(jí)的分區(qū)進(jìn)行的轉(zhuǎn)換。即便在這種情況下選項(xiàng)是被隱藏的，下拉式設(shè)計(jì)也會(huì)暗示這個(gè)列表會(huì)包含目前頁面的同級(jí)或者子集選項(xiàng)。

寫在后

并不是一招鮮吃遍天的UI設(shè)計(jì)，什么都要符合產(chǎn)品符合用戶符合定位，才能是一個(gè)好的UI設(shè)計(jì)。