175-2108-6175
网站建设资讯详细

原型设计:移动端标签和菜单原型的应用

日期:2021-09-08  作者:千语创想  浏览:5722

无论我们使用什么APP或网站,都会下意识地去寻找菜单栏和标签栏,以便更快得查找到想要的信息。标签和菜单好比是一个分类器,将不同的内容分门别类,用户能够通过标签和菜单快速找到对应的内容,所以标签和菜单在系统原型设计中是非常重要且常用的。本文梳理了移动端常用的标签和菜单的原型设计,其中包括页面菜单、侧栏菜单、锚点菜单、顶部标签菜单和底部标签菜单。


1、 页面菜单:现在一些综合型的app由于功能太多,都会有专门的菜单页面,方面展示不同的内容,使用页面菜单页方便用户快速寻找到需要的内容。我们在设计这种页面菜单的时候,一般是使用中继器制作,由图标+文字的方式展示,点击菜单内容时跳转至对应的动态面板或对应的页面。

2、 侧栏菜单:侧栏菜单和页面菜单很像,只不过是把页面菜单变成在左侧弹出的菜单,可以自由显示和隐藏菜单,菜单显示时不会离开原来的页面,这种菜单即实用又美观。

3、 锚点菜单:锚点菜单和上面两个菜单不同,上面两种菜单,点击菜单内容后都是跳转到对应的页面,但是锚点菜单点击后不跳转至其他页面,只是滑动至页面的对应位置,可以说是对本页内容的快速搜索。锚点菜单经常应用于购物、外卖等app。

4、 顶部标签菜单:这种标签菜单的优点是不占用很多位置,不需要专门的页面,也不需要弹窗,只需要在顶部预留一行文字的位置即可,用户通过点击不同标签切换内容,方便快捷。

5、 底部标签菜单:底部标签菜单,和顶部标签菜单不一样,顶部标签菜单会把所有的页面标签显示出来。但是底部的标签菜单一般只显示重要或者用户常用的页面,一般而言是4-5个标签。底部标签菜单的好处就是方便用户使用,用户能够很快速的切换到常用的页面。


原型设计,推荐使用千语创想-一站式免费在线设计工具,轻松完成编千语创想所有设计工作。


转载请注明来自:https://www.qianyuthink.com/news/6135.html