Online Consultant
在线咨询
联系我们了解建站详情
上午时间:8:30-12:00
上午时间:13:00-17:30
关闭导航条

巩义网站定制:移动APP中的各种导航

  • 浏览次数:
  • 发表时间:2021-06-15
  • 关键字:巩义网站定制,移动APP中的各种导航

即使是移动使用界面的设计原型图,导航的形式也能够多种多样。尽管尺寸小,又必须紧凑排列大批数值,它们好像受到了紧密的约束,但依然有着各式各样的选取。

人们曾经一度只会打算一种形式——流行且广泛运用的垂直导航,即侧边栏。尽管如此,还有其他能够提升客户体验的形式,会让客户阅读你的APP变成小菜一碟。

列表型菜单

让我们从一种基于列表的准则型导航着手论述,它在手机移动APP作者中得到广泛运用。这种处理方式提议逐一呈现链接,让客户遵循从上到下的常规过程步骤。

Sergey Valiukh的GIF动画设计只是一件观点设计,却比较好地反映出列表型导航的实用性。结合了多种色调和精细的线形图标,还有稍显粗重的字体,让客户轻松阅读APP,并且不会感到屏幕局限致使的不适。

Fueled的Elevatr是一个时尚的APP,协助支持公司企业家管理和推进商业会议。主屏的特点是彩虹色的菜单,清晰地逐行呈现展示出控制面板的各个项目。背景图受到坐标纸的启发,与这种菜单比较好搭配。

Kutan URAL 的HabitClock App是个简洁且有视觉感染力的APP,协助支持你管理早晨的闹钟。尽管屏幕上的重点是顶部和底部的控制面板,但列表型导航(同时也是十分棒的告知工具)才是吸引关注力的中心。

横条状的组织架构方式,用来呈现展示简易侧滑菜单上的一系列链接,这是多数设计师的人气选取,也是Davis Yeung设计的iOS版Instagrab关键组成。通常每一项都配有一枚易懂的小图标,很好地区分每个链接。

矩阵或网格型菜单

占据全屏的网格型导航有助于强调导航,使它清晰易懂、显而易见。当你需要呈现很多链接时,这种方式也很管用,一系列同样的网格,有效地将每一项与其他区

Michal Galubinskiand thoke design的Vectra,有着不容忽视的导航。设计师不仅把菜单的6个项目伸展至全屏,还运用了巨大的扁平风格图标,很明显是为了大部分在线客户打算。

Marco La Mantia & Simone Lippolis的手机移动APP设计,Arrivo,巧妙地在严格的方形网格中组织大批数值。每个格子都扮演着功能性的作用;因为它不仅仅是表现数值,也让你通过底部滑出的一个小型控制面板调整它。色彩选取也十分明智,因为热烈的背景色调有助于有效地分配内容和区分网格。

Abracadabra,这一个APP肯定是依照Sergey Valiukh心中的复古风格来设计的,让这一个APP有种明显的年代感。在此,设计师干练地将屏幕划分成6个相等的网格,十分易于阅读。扁平风格图标结合粗重的非正式字体,有助于提升易用性。

手绘风贯穿了Willis设计的T R A V E R S E的每一个界面。这一个APP基于明亮的单色背景和线形图标,因此主菜单看不到任何分隔线,却做到了井然有序,使得客户相当轻松顺手地阅读这款APP。

底部菜单

底部菜单关键是作为导航的辅助,用来区分内部的功能区块或独立组件。

Jakub Antalík的Badoo观点设计有着位于屏幕底部的导航。它也包含了一组扩展菜单,每一项都是有它自己的控制面板。

Virgil Pana设计的动态滑动标签,为重度信息呈现型使用提出了一个比较好的解决方式,满足包含大批统计数值,或者通过图表呈现展示数值,并仍然保持简洁。常规大小的菜单从屏幕底部滑出,表现出一个小型控制中心。

顶部菜单

既然我们习惯于从上到下阅读移动手机屏幕,放在屏幕顶部自然有一定优势。标签页和每个控制中心独有的图标,是这种组织架构比较关键的代表。

Cüneyt ŞEN的Horner包含了可隐藏菜单,不过它能很妙地从顶部显现。由于明亮的色彩和有相关联性的巨大图标,它与整个界面内容形成了鲜明对比。

Enes Danış设计的Discovery Channel将所有的基本导航和二级导航放在顶部,通过固定的位置来打消客户的困惑。

HAMZAQUE Designs为Bettertec设计的气流计算APP,巧妙地运用了占据顶部的标签页。此外,它们被设计成黑白对比的色调,和屏幕中其余部分相同。

MING Labs&Pierrick Calvez的Shario APP,透露着简洁的矢量风格观点。整个导航通过顶部的几个按钮运转起来。

展开式菜单

对于处理大信息量APP和喜爱创作简洁紧凑界面的设计师而言,展开式菜单确实是一项至宝。这种计划可以你把菜单图标放在任何地方,不过它通常是在左上角。

Al Powerd的MuSeek是个音乐APP,需要为客户提供大批可视化信息:专辑封面、描述、歌曲名称、曲目列表等等,所以不存在空间来放置全屏菜单。在这一个例子中,左上角的小图标就是一根救命稻草,平滑地呈现展示出一列相当巨大的菜单。

Mohammed Alyousfi & Àlex Casabò的Univit UI设计,这是一款优雅的扁平风格APP,运用了一个准则的滑出菜单,通过简单的滑动操作触发。菜单运用了易懂且时尚的轮廓型图标,比各自的标题都大很多。这种方式使得菜单能够很自然地在设计中发挥作用,同时也提供更好的客户体验。

Alexandre Efimov设计的SVOY APP基于一套艳丽的配色计划,与深色的背景有效搭配。设计师让菜单从左侧展开。吸引眼球且逼真的折叠动画,也给设计增添了少许趣味。

Attila Szabó的Időkép又是展开式菜单的一个变种设计,运用几乎占据满屏的梦幻般“拉窗帘”效果来表现菜单本身。

结论

每种计划都是有自己的优势与劣势,这就是为什么每个项目都提倡它独有的导航种类,能够有效地应对任务,并对客户体验有协助支持。

巩义网站定制,巩义企业网站搭建,多语种网站搭建,巩义网站搭建公司