View
85
Download
4
Category
Preview:
Citation preview
Primary Navigation Patterns, Persistent
• “ 持久性””主要”導覽模式– 打開用持久性導覽的應用程式,你立刻明白有
哪些主要的導覽選項– Springboard 、 List
Menu 、 Dashboard 、 Gallery 、 Tab Menu 、 Skeunomorphic
Primary Navigation Patterns, Transient
• “ 暫時性””主要”導覽模式– 必須透過點擊或手勢才會出現– 9 點謎題 : 唯一方式是超出邊界,稱之為跳出
框架思考 (thinking “off-canvas”)
– Side Drawer 、 Toggle Menu 、 Pie Menu
Secondary Navigation Patterns
• “ 次要”導覽模式– 在選取中的模組裡瀏覽– Page Swiping 、 Scrolling Tabs 、 Expand/Collapse
Panel
Side Drawer Springboard
Primary Navigation Patterns, Persistent (1)
• Springboard– 也被稱作 Launchpad– 能通用於各系統、達成一致性和重複使用,以
及提供更多選單項目
Primary Navigation Patterns, Persistent (2)
• List Menu– 每個列表項目都是應用程式的入口,需要返回
列表– Apple 稱之為階層式導覽 (hierarchical
navigation)
Primary Navigation Patterns, Persistent (5)
• Tab Menu - iOS– 只能有五個選項,如超過,右邊第五個頁籤會
是 More– Tab Bar vs. Toolbar
Primary Navigation Patterns, Transient (1)
• Slide Drawer– 覆蓋圖層 (overlay): 透過滑動或點擊手勢選單
會出現,遮蓋或覆蓋一部分的畫面內容– 嵌入圖層 (inlay): 滑動、平移或點擊會開啟選
單,它會把一部分的畫面內容推出可視範圍外
Primary Navigation Patterns, Transient (2)
• Slide Drawer (cont.)– 應避免與系統 Control Center 相衝突– iOS 設計指南 : 不要讓使用者捲動才能看到所有
選項,這會讓使用者不安
Primary Navigation Patterns, Transient (3)
• Toggle Menu– 又稱之為 Mega Menu– 常規 : 選單不應該遮住整個畫面,而是得讓背
景半透明,點擊背景的任一處也應該能隱藏選單
Secondary Navigation Patterns (1)
• Page Swiping– 透過滑動手勢可以利用這個模式快速瀏覽內容– 頁面指示器 (page indication) 、卡片隱喻
Recommended