手機站導航有哪些設計模式?
下圖是《移動應用的UI設計模式》這本書的截圖,裏面列出了壹些適合主導航的導航模式。其中,跳板導航、列表導航和標簽導航最為常見,工具導航和隱喻導航壹般在準物化設計或工具類app中較為常見,超級菜單導航現在很少使用。由於這個行業的快速發展,也有壹些導航模式沒有在書中列出,但也是現在常見的。比如Android中出現的側抽屜設計,在ios中也得到了廣泛的應用。下拉菜單也將作為主導航出現。下圖是書中列舉的壹些只適合二級導航的模式:比如頁面輪盤、圖片輪盤、列表內聯展開,還有壹些超級菜單導航也作為二級導航使用。壹:跳板導航跳板導航的特點是登錄界面的菜單選項是進入各種應用的起點。對操作系統沒有特殊要求,在各種設備上表現良好。它有時被稱為。快速啟動板?(發射臺).壹般作為主導航,常用的布局方式有3*3(俗稱九格布局)、2*3、2*2、2*1格。但不必拘泥於網格,還可以按照不同的優先級順序放大或縮小網格,以突出內容的層次感。美圖秀秀采用2*3跳板導航模式,通過上下翻頁突出優先級。ASM采用不規則網格的跳板導航,突出內容的優先級。在跳板導航和其他導航的組合中,壹般作為輔助導航使用。常見的組合模式:Tab+跳板攜程的首頁是Tab鍵導航和跳板導航相結合的模式。列表導航最常見的壹種主要導航方式可以分為分組列表、個性化列表、內嵌擴展列表(壹般用作二次導航)和增強列表(在簡單的列表菜單中加入搜索、瀏覽或過濾等功能後)分組列表在ios設置中使用。照片貼首頁采用個性化列表。在印象筆記ios版本中,采用了列表導航混合跳板導航的設計,其中列表導航采用分組列表和擴展列表。Pinterest在搜索中的二級導航是增強列表。三:選項卡式導航幾乎所有的app都以這種導航模式作為主要導航。根據操作系統的不同,選項卡的位置和設計也有所不同。ios標簽在底部,Android標簽在頂部。其他導航模式和選項卡式導航通常在壹起使用時用作輔助導航。Polyvore的ios版本使用底部tab導航:keep的ios也使用底部tab導航。Flickr的Android版本在頂部使用了標準的Android tab設計。在Forever 21中,使用了選項卡式導航和圖片輪盤式導航。其中,圖輪導航是二次導航。在Wanelo中,選項卡式導航與選項卡式導航壹起使用,這在app中也很常見。Snapette使用的主要導航是帶有下拉導航的選項卡式導航。Snapette使用的二級導航是下拉式,其中下拉式導航排列在列表中。狩獵使用主導航和輪盤導航為選項卡式導航的模式。在江島,主要導航是帶展廳和抽屜的tab導航。四:圖庫式導航圖庫式設計通過在平面上展示各種內容項來實現導航,主要用於展示壹些文章、菜譜、照片、產品等。,可以布置成輪盤賭、網格或幻燈片演示。BBC新聞的主頁導航模式淘寶采用圖庫導航為主導航,抽屜導航為輔導航。淘寶使用的第二種導航是抽屜導航,抽屜導航采用了跳板導航2*3的設計。五:抽屜導航起源於Android的壹種導航模式,在ios中也很常見。壹般在Android中作為壹級導航,在ios中也經常和其他壹級導航模式壹起作為二級導航。安卓版Evernote采用側抽屜導航模式。ios版Foursquare采用的側抽屜導航模式。六儀導航儀的表格導航提供了衡量關鍵績效指標(KPI)是否滿足要求的方法。設計後,每個測量可以顯示額外的信息。這種主導航模式對於商業應用程序、分析工具以及銷售和營銷應用程序非常有用。在完美衣櫃的統計中,二次導航使用的是儀表導航。薄荷和自我應用中的工具導航(書中示例)VII隱喻導航的特點是用頁面模仿應用的隱喻對象。這種導航主要用在遊戲中,但也可以在幫助人們整理東西(如日記和書籍)並進行分類的應用程序中看到。《糖果粉碎》對習俗的選擇是隱喻性的。八超菜單導航,壹種導航方式,在現在的app設計中很少使用,壹般作為分類檢索的二級導航。在手機網站的導航設計中很常見。在這款app中,超級菜單導航作為二級導航。(抱歉忘了這個app的名字*?(☆ _ ☆)九下拉導航是手機網站中常見的導航方式,但在app中作為壹種獨特的導航並不是很常見。Iivingsocial中ios的主頁使用下拉導航作為唯壹導航。總結:未來的趨勢,我個人認為是淡化平臺之間的差異,通過壹套設計,盡量把各種應用在不同設備上的體驗無縫連接起來,這樣也節省了人力物力。通過以上總結,不難發現兩個系統的設計差異正在逐漸融合和縮小。所以在選擇導航的時候,不應該局限於?標準設計?在,但應該基於?內容?為第壹個想法思考。