導(dǎo)航雖然是界面中小小一個(gè)部分，但是關(guān)系到用戶第一時(shí)間了解自己所在的位置和想去的頁面，在整個(gè)的ui設(shè)計(jì)中非常重要。那大家知道ui設(shè)計(jì)導(dǎo)航要注意哪些重要的要素嗎？有哪些常見的ui設(shè)計(jì)導(dǎo)航形式？今天就讓faceui為大家介紹。

　　ui設(shè)計(jì)導(dǎo)航要注意哪些要素

　　1、菜單。在界面設(shè)計(jì)中菜單可以放在不同的位置（側(cè)邊菜單，頂部菜單，底部菜單等），擁有不同的交互和視覺形式（下拉菜單，上拉菜單，滑動(dòng)菜單等）。要想設(shè)計(jì)好菜單的位置、交互和視覺形式，設(shè)計(jì)師需要經(jīng)過全面的用戶調(diào)查，包括目標(biāo)用戶的預(yù)期和要求、接受能力和使用情境。

　　2、行為召喚CTA。典型的CTA元素是按鈕，標(biāo)簽或者鏈接，指那些能刺激用戶做出行動(dòng)的交互元素。不管在什么界面，CTA元素都是高效的交互行為的核心，極大的關(guān)系到產(chǎn)品的可用性和導(dǎo)航有效性。

　　3、條（Bar）。指的是界面中一組用戶可以點(diǎn)擊的元素，用來快速與產(chǎn)品進(jìn)行互動(dòng)，或者還能讓用戶知道事件的進(jìn)程?；镜臈l包括標(biāo)簽條，載入條，進(jìn)度條等。

　　4、按鈕。按鈕應(yīng)該是用得最多的元素了。按鈕典型的用途是表明這個(gè)地方是可點(diǎn)擊，因此需要具有非常高的視覺識(shí)別，有著特定的形狀還有文字說明它能實(shí)現(xiàn)什么動(dòng)作。

ui設(shè)計(jì)導(dǎo)航（圖片來自網(wǎng)絡(luò)）

　　5、開關(guān)。在界面中用得也非常多。很多種的形式對(duì)比或者切換動(dòng)畫都可以解決這個(gè)問題，從而設(shè)計(jì)出很好的用戶體驗(yàn)。

　　6、選擇器。就是讓用戶在一些選項(xiàng)里選出目標(biāo)選項(xiàng)。通常包含一個(gè)可滑動(dòng)的列表，通過滑動(dòng)列表，用戶可以選定想要的數(shù)值。這個(gè)元素廣泛地應(yīng)用在有時(shí)間設(shè)定這個(gè)功能的界面設(shè)計(jì)上。

　　常見的幾種ui設(shè)計(jì)導(dǎo)航形式

　　1、底部標(biāo)簽式導(dǎo)航。底部標(biāo)簽導(dǎo)航是目前最常見的導(dǎo)航形式。底部導(dǎo)航一般采用3-4個(gè)標(biāo)簽，最多不會(huì)超過5個(gè)。

　　2、舵式導(dǎo)航。舵式導(dǎo)航是底部導(dǎo)航的一種擴(kuò)展形式，像輪船上用來指揮的船舵，兩側(cè)是其他操作按鈕。普通標(biāo)簽導(dǎo)航難以滿足導(dǎo)航的需求，就需要一些擴(kuò)展形式，和標(biāo)簽導(dǎo)航相比，舵式導(dǎo)航把核心功能放在中間，標(biāo)簽更加突出醒目，同時(shí)對(duì)主功能標(biāo)簽做了擴(kuò)展功能。

　　3、Tab標(biāo)簽式導(dǎo)航。一般用于二級(jí)導(dǎo)航，當(dāng)內(nèi)容分類較多的時(shí)，一般采用頂部標(biāo)簽導(dǎo)航設(shè)計(jì)模式。

　　4、抽屜式導(dǎo)航。抽屜式導(dǎo)航的核心思路是“隱藏”。隱藏非核心的操作與功能，讓用戶更專注于核心的功能操作上去，一般用于二級(jí)菜單。

ui設(shè)計(jì)導(dǎo)航（圖片來自網(wǎng)絡(luò)）

　　5、宮格式導(dǎo)航。主要將入口全部集中在主頁面中，各個(gè)入口相互獨(dú)立，沒有太多的交集，無法跳轉(zhuǎn)互通。采用這種導(dǎo)航的應(yīng)用已經(jīng)越來越少，往往用在二級(jí)頁作為內(nèi)容列表的一種圖形化形式呈現(xiàn)，或是作為一系列工具入口的聚合。

　　6、輪播式導(dǎo)航。采用Banner輪播導(dǎo)航，當(dāng)應(yīng)用信息足夠扁平，內(nèi)容比較單薄時(shí)使用。特別是在產(chǎn)品初期，缺乏用戶和內(nèi)容，這種導(dǎo)航目前已經(jīng)很少用。該方式就可以凸顯產(chǎn)品核心功能給予用戶使用。

　　7、列表式導(dǎo)航。現(xiàn)有APP中一種主要的信息承載模式，列表導(dǎo)航和宮格導(dǎo)航類似，屬于二級(jí)導(dǎo)航。列表式導(dǎo)航分為3類：標(biāo)題式列表、內(nèi)容式列表、嵌入式列表。標(biāo)題式列表：一般只顯示一行文字，有的顯示一行文字加一張圖片等等。內(nèi)容式列表：主要以內(nèi)容為主，所以在列表中就會(huì)體現(xiàn)出部分內(nèi)容信息，點(diǎn)擊進(jìn)去就是詳情。嵌入式列表：嵌入式其實(shí)就是由多個(gè)列表層級(jí)組合而成的導(dǎo)航。

　　8、組合式導(dǎo)航。多用于產(chǎn)品本身功能較為復(fù)雜，既需要用戶能聚焦于內(nèi)容，又需要給出用戶不同頁面之間的入口，以便用戶進(jìn)行直接跳轉(zhuǎn)，那就采用組合式導(dǎo)航，利用不同導(dǎo)航的特性來滿足產(chǎn)品需求。組合式導(dǎo)航目前最常見的導(dǎo)航方式。如：標(biāo)簽式導(dǎo)航+列表式 ；標(biāo)簽式+宮格式；舵式+列表式+標(biāo)簽式 等等。

　　以上就是faceui為大家介紹的關(guān)于ui設(shè)計(jì)導(dǎo)航的相關(guān)內(nèi)容?？傊?，ui設(shè)計(jì)不僅每一個(gè)界面設(shè)計(jì)要用心，就連導(dǎo)航這樣一個(gè)小小的地方也值得大家用心去設(shè)計(jì)和規(guī)劃。