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

　　ui設計導航要注意哪些要素

　　1、菜單。在界面設計中菜單可以放在不同的位置（側邊菜單，頂部菜單，底部菜單等），擁有不同的交互和視覺形式（下拉菜單，上拉菜單，滑動菜單等）。要想設計好菜單的位置、交互和視覺形式，設計師需要經過全面的用戶調查，包括目標用戶的預期和要求、接受能力和使用情境。

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

　　3、條（Bar）。指的是界面中一組用戶可以點擊的元素，用來快速與產品進行互動，或者還能讓用戶知道事件的進程。基本的條包括標簽條，載入條，進度條等。

　　4、按鈕。按鈕應該是用得最多的元素了。按鈕典型的用途是表明這個地方是可點擊，因此需要具有非常高的視覺識別，有著特定的形狀還有文字說明它能實現什么動作。

ui設計導航（圖片來自網絡）

　　5、開關。在界面中用得也非常多。很多種的形式對比或者切換動畫都可以解決這個問題，從而設計出很好的用戶體驗。

　　6、選擇器。就是讓用戶在一些選項里選出目標選項。通常包含一個可滑動的列表，通過滑動列表，用戶可以選定想要的數值。這個元素廣泛地應用在有時間設定這個功能的界面設計上。

　　常見的幾種ui設計導航形式

　　1、底部標簽式導航。底部標簽導航是目前最常見的導航形式。底部導航一般采用3-4個標簽，最多不會超過5個。

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

　　3、Tab標簽式導航。一般用于二級導航，當內容分類較多的時，一般采用頂部標簽導航設計模式。

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

ui設計導航（圖片來自網絡）

　　5、宮格式導航。主要將入口全部集中在主頁面中，各個入口相互獨立，沒有太多的交集，無法跳轉互通。采用這種導航的應用已經越來越少，往往用在二級頁作為內容列表的一種圖形化形式呈現，或是作為一系列工具入口的聚合。

　　6、輪播式導航。采用Banner輪播導航，當應用信息足夠扁平，內容比較單薄時使用。特別是在產品初期，缺乏用戶和內容，這種導航目前已經很少用。該方式就可以凸顯產品核心功能給予用戶使用。

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

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

　　以上就是faceui為大家介紹的關于ui設計導航的相關內容。總之，ui設計不僅每一個界面設計要用心，就連導航這樣一個小小的地方也值得大家用心去設計和規劃。