宝坻企业网站制作:移动应用程序设计中的10个创新导航实例

2019.06.17 宝坻企业网站制作

199

移动导航设计有许多不同的形状和形式。虽然如果所有导航系统都采用相同的结构,对于用户来说更直观、更容易理解,但现实并不是那么简单。

不同的应用程序呈现出独特的问题能解决使用导航设计。例如,一个有七到八个主菜单项的应用程序可能实施汉堡包法..一个有三个菜单项的应用程序可能会实现一个选项卡条。

除此之外,苹果的iOS和谷歌的Android之间的僵持状态很简单,前者推荐底部的选项卡条,而不是顶部的选项卡条和汉堡包导航。

好处是我们在导航设计上看到了一些非凡的创新,设计师们正在寻找一种最适合他们的产品和用户的解决方案。在本文中,我们将总结一些最新和最好的示例。

酒吧指南

Pub Guide Innovative Mobile Navigations

Windows操作系统的发布指南使用干净的粗体字体和顶部重的布局,在标准的windows导航系统上实现独特的功能。

海底导航

Bottom Navigation Innovative Mobile Navigations

这,这个执行得很好的例子结合使用底部选项卡条和顶部筛选条。由此产生的交互既令人满意的使用,又令人印象深刻。

侧菜单导航

Side Menu Navigation Innovative Mobile Navigations

这,这个侧菜单导航使用独特的汉堡包图标和惊人的打开/关闭过渡效果。

谷歌报摊导航

Google Newsstand Navigation Innovative Mobile Navigations

这个Google报摊导航概念使用唯一的布局,在该布局中,同一个导航菜单有三个不同的阶段。顶层允许更多地关注主题,而最低层允许内容的可读性和空间最大。

REACH导航搜索

Reach Navigation Search Innovative Mobile Navigations

REACH想出了一个创新之道实现他们的搜索功能。搜索不是在顶部添加另一个菜单,而是作为一个选项卡项来包含,该选项卡打开带有简单筛选器的搜索栏。

概览导航

Overview Navigation Innovative Mobile Navigations

这,这个导航概念从水平布局到包含进度指标的紧凑垂直布局,其转换方式令人印象深刻。

彩色导航

Colorful Navigation Innovative Mobile Navigations

这,这个动画概念使用一些视觉效果从汉堡包图标过渡到全宽度,全高度导航列表.

侧导航

Side Navigation Innovative Mobile Navigations

这,这个侧导航是独特的方式,它从一个完整的高度90度列表,到一个更广泛的横向列表点击左下角的展开按钮。

海底导航

Bottom Navigation Innovative Mobile Navigations

这个此应用程序的底部导航触发一些美丽的视觉动画效果时,添加按钮被点击。用户界面的其余部分已经消失,焦点被转换到两个新的导航项上。

交互导航

Interaction Navigation Innovative Mobile Navigations

的交互示例。移动导航是非常好的考虑,因为它最初显示的导航项目,在全面的视图中,为单一的点击访问。当用户开始滚动时,这个导航被浓缩成一个汉堡包图标,以便为内容提供一个最佳的查看区域。


热门分享

最新案例

寒枫总监

来电咨询

18868949445

微信咨询

寒枫总监

TOP