十年专注于品牌网站建设 十余年专注于网站建设_小程序开发_APP开发,低调、敢创新、有情怀!
南昌百恒网络微信公众号 扫一扫关注
小程序
tel-icon全国服务热线:400-680-9298,0791-88117053
扫一扫关注百恒网络微信公众号
扫一扫打开百恒网络微信小程序

百恒网络

南昌百恒网络

移动端UI交互设计中如何设计导航菜单?

百恒网络 2016-12-16 4760

在设计移动端菜单时,我们有太多需要考虑的问题,前面我们通过《移动端设计时在何种环境下使用何种菜单?》介绍了什么时候适合用直观菜单、什么时候适合使用隐藏菜单,若遇到用户不足又通过什么途经来弥补功能的不足,接下来由南昌APP开发公司百恒网络UI设计师向大家进一步介绍菜单的细节问题例如:图标的形状用那种更适合、是用文字还是图形说明等细节问题。

图形规格

设计者需要根据内容的重要程度使用不同规格的图形:图形越大越容易吸引 用户的目光。但屏幕上的其他元素也扮演着重要角色:如果界面非常简洁,设计 者不需要始终强调图形部分。

值得注意的是,如果存在次要菜单的话,应该让主菜单的表现形式与之匹 配。次要菜单的外观应当相对质朴、平实,避免过分吸引用户的注意。

提示用户当前所处位置

在更接近惯例的菜单设计中,提示用户当前所处位置是一项很好的功能,但我 们经常会见到这种情况:“抽屉菜单”没有提示用户当前处在哪个页面、哪个栏目。 提示当前所在位置,能够帮助用户在虚拟空间中定位,在大脑中畅游交互世界。

使用说明文字还是图标?

标注说明文字是最简单明了的方法。但有时屏幕空间非常宝贵,设计者可以 考虑使用图标代表众所周知的功能。用户很容易学会使用并记住常用的功能图 标,比如“首页”“信息提示”“个人信息”“用户账号”“搜索”等功能,完全不 必使用说明文字。

而且,用户重复使用的频率越高,越容易记住图标的意义。

在菜单里标注说明文字永远比标注图标更易于理解,更能启发用户。但是, 说明文字占据空间较大,在多种语言版本并存的移动应用中更是如此。

一切取决于设计者希望推荐各个栏目的积极程度:如果默认栏目最重要,而 相对来说,用户不常搜索其他附属栏目,那么设计者必须通过菜单展现这一情况。

最后不要忘记,说明文字与图标可以混合使用。说明文字与图标绝非对立的 两面,二者结合使用或许能达到绝佳效果。设计者最好使用众人皆知的图标代表 一些常用功能,因为用户理解这些图标的含义。设计者还可以搭配说明文字,强 化图标的建议能力 。

过渡与转化

在设计菜单时,设计者还需要考虑到当用户调取菜单时,应该如何将其呈现出 来。此时,动画发挥了重要作用:动画可以在用户的脑海中重现整个系统的运行模 式。系统在虚拟空间中呈现一组页面,页面按一定方向连续运动,形成动画效果。

本文仅限内部技术人员学习交流,不得作于其他商业用途.希望此文对广技人员有所帮助。原创文章出自:南昌APP开发公司-百恒网络 http://www.jxbh.cn/app/index.html 如转载请注明出处!


400-680-9298,0791-88117053
扫一扫关注百恒网络微信公众号
扫一扫打开百恒网络小程序

欢迎您的光顾,我们将竭诚为您服务×

售前咨询 售前咨询
 
售前咨询 售前咨询
 
售前咨询 售前咨询
 
售前咨询 售前咨询
 
售前咨询 售前咨询
 
售后服务 售后服务
 
售后服务 售后服务
 
备案专线 备案专线
 
×