您的位置:首页 > 业内资讯 > 3×3矩阵,概括App导航

3×3矩阵,概括App导航

来源:产品100干货速递 | 时间:2016-01-11 13:18:36 | 阅读:127 |  标签: 产品100干货速递   | 分享到:


缺点:数量有限,一般不超过5个(不然需要结合其他方式,运用层级和收放)


3×3矩阵,概括App导航


网易云音乐,经典的底部4Tab


3×3矩阵,概括App导航


iOS原装App Podcast,5Tab,顶部是Navigation bar,然后是3段式Segmented control(分段控件)


3×3矩阵,概括App导航


美拍,简约的底部3Tab主导航(现在最新版是5Tab了,Blink觉得这版很经典),顶部是3Tab二级导航,中间内容区又是矩阵系导航


02 列表系导航


摘要: 最常见的主导航模式之一,又可分为分组列表、个性化列表、行内扩展式列表(这个一般用做次级导航)和增强性列表(是在简单的列表菜单之上增加搜索、浏览或过滤之类的功能后形成的)


优点:由上至下查看符合习惯,列表菜单很适合用来显示较长或拥有次级文字内容的标题,每行可以融入较多信息。


缺点:条目太多或分布不合理会导致用户查找困难


3×3矩阵,概括App导航


印象笔记的ios版使用了列表式导航混合跳板式导航的设计,其中列表式导航中又使用了分组列表和扩展列表。


3×3矩阵,概括App导航


AppStore,列表式分类导航,每行的图标是动态提取的


03 矩阵系导航


摘要: 已矩阵组合成的导航,在不同的文章中可能被称作:跳板(图标卡片式)、磁贴式、陈列馆式……一般用做主导航,常用的布局模式33(常说的九宫格布局)23、22和21网格。但也不一定要拘泥于网格,也可以按照不同的优先级顺序,放大或者缩小网格,以突显出内容的层次感。


优点:便于组合不同的信息类型(运营位、广告位、内容块、设置等);静态、动态结合可以展示出丰富的信息,同时保持视觉统一


缺点:各板块之间关系独立,视图将完全跳转,如需频繁切换则不建议采用


3×3矩阵,概括App导航


美图秀秀采用的就是2*3的跳板式(静态图标)导航模式,通过上下、分页来突出优先级。


3×3矩阵,概括App导航


静态图标加上动态字符可以展示出丰富的信息(方便预览)


3×3矩阵,概括App导航


陈列馆式的设计通过在平面上显示各个内容项来实现导航,主要用来显示一些文章、菜谱、照片、产品等,可以布局成轮盘、网格或用幻灯片演示。


3×3矩阵,概括App导航


淘宝二手中的主导航采用了陈列馆式导航,次导航采用的是抽屉式导航。

小编推荐阅读

好特网发布此文仅为传递信息,不代表好特网认同期限观点或证实其描述。

相关视频攻略

更多

扫二维码进入好特网手机版本!

扫二维码进入好特网微信公众号!

本站所有软件,都由网友上传,如有侵犯你的版权,请发邮件[email protected]

湘ICP备2022002427号-10 湘公网安备:43070202000427号© 2013~2024 haote.com 好特网