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

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

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

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

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

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

1.Tabs

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

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

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

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

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

2.More

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

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

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

4.下拉式

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

寫在后

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