使用移动设备时,屏幕尺寸较小,这让我们对菜单指引的依赖尤为明显。这种现象,大家都能有所体会。标签与菜单就好比是内容的分类者,对于系统原型的设计和使用,它们既关键又频繁。
移动端常用的菜单类型
综合型app功能丰富,比如微信和QQ,都设有专门的菜单页面。这样的页面菜单便于展示各类内容,用户可以迅速找到所需。设计页面菜单时,可以利用中继器,通过图标和文字的结合来实现。若要新增菜单项,只需更新中继器中的表格,这正是中继器的便利之处。侧栏菜单与页面菜单类似,但它会从左侧弹出,可以自由显示或隐藏,而且不会离开当前页面。
锚点菜单是一种常见的菜单形式。与其他三种菜单不同,点击锚点菜单并不会跳转到新页面,而是直接滑动至页面中的指定位置,便于快速查找页面内容。在Axure设计中,我们通常使用锚点或移动事件来实现这一功能。由于每个菜单的位置不同,使用中继器操作起来并不方便,因此,采用形状文字配合移动交互的方式更为合适。
顶部标签菜单的优势
顶部标签菜单具有多个优点。它无需额外页面,也不必弹出窗口,只需在顶部留出一行文字空间即可。用户只需点击不同的标签,就能轻松切换内容,极为便捷快速。观察一下你手机应用的顶部标签菜单,就能感受到这种便捷。例如,许多新闻资讯类应用,通过顶部标签快速切换分类,效率极高。设计上也不需要复杂操作,便能实现这样的效果。
底部标签菜单的特点
底部标签菜单通常只展示关键或常用的页面,一般包含4至5个标签。这样的设计便于用户操作,快速切换至常用页面。在制作这个菜单时,一般由图标和文字构成。点击后,会有选中标记并跳转到相应页面。以手机中的支付类应用为例,其底部标签菜单简洁直观,支付、理财、生活服务等关键板块通过底部标签清晰可见,这样的设计有助于提高用户体验。
菜单制作的交互设置
中继器表格由menu列和picture列组成。在menu列中,需填写菜单的文字标题,并设置交互功能,确保每项加载时,菜单标题的值与item.memu相同。至于picture列,需使用鼠标右键导入图标,并同样设置交互,确保每项加载时,图片的值与item.picture一致。此外,还需创建一个动态面板,将state名称修改为对应的菜单名,并确保与中继器表格内的名称一致。然后,在各个面板中放置相应的资料。当鼠标单击菜单时,动态面板会切换到相应的页面。这些操作都是可以轻松上手的。若想亲自尝试设计一个简单的菜单,只需认真练习几遍,便能熟练掌握这些步骤。
不同菜单的适用性
菜单种类繁多,各有其适用场景。页面菜单,适合功能繁杂,需独立页面展示;侧栏菜单,便于在原页面上操作,无需跳转;锚点菜单,适用于内容长,需快速定位特定部分;顶部标签菜单,简洁高效,切换内容不占空间;底部标签菜单,则突出显示重要及常用功能。设计时,需依据实际需求挑选合适的菜单类型,每种菜单都有其独特功能。
关于菜单设计的拓展思考
设计菜单时,得兼顾基本交互和类型选择。同时,还得留意不同用户的需求,比如年长用户可能需要更大图标和更简洁的文字。此外,还得考虑菜单的美观性,如何使其在页面中和谐融入背景颜色和图案,避免突兀。大家在使用移动应用时,是否遇到过因菜单设计不佳而感到困扰的情况?欢迎点赞分享这篇文章,让更多人了解菜单设计的趣味所在。