一、个人看法。

1、一般都是四个菜单或者五个菜单,这个是绝对主流,我估计占比达99%。当然也有三个菜单图标的,也有零个菜单图标的

2、如果该app软件功能复杂,那么尽量选择5个图标布局。比如苹果app store,支付宝,淘宝,京东,美团,招商银行,爱奇艺,优酷,12306。他们的功能十分复杂多样,门类十分多。

3、如果该app软件功能简单,那么选择4个图标可以参考,比如ofo和苹果健康,亚马逊。

4、如果该app软件功能简单,那么选择3个图标可以参考,比如youtube。这个一般的app还真不敢模仿,给人感觉太简单了,youtube敢做,因为他的内容全球最大庞大。

5、但是如果想给人简洁大方的感觉,即使功能复杂的app也可考虑使用四个图标布局,比如微信和QQ就是如此。因为如果五个图标,可能给人一种复杂的焦虑感,而四个图标给人清爽的感觉,愿意交往,没有负重感。

6、底部菜单栏最好与上面的内容栏分开,比如添加一条浅色的分割线就最好不过,而且菜单栏的颜色最好不要因为上下滑动而变色。在这点上,爱必迎,京东,微信这三个app做得最好,看起来更加有层次感,更加美观舒适。而淘宝的菜单栏虽然也分隔开了,但是菜单栏的颜色会受到上下滑动而变化,所以这点上京东的底部菜单更加成功。

7、底部菜单栏的文字特点。要求尽量简洁大方。几乎每个app都有用户管理这项,98%的app选择“我的”这样的文字,然而有另类,比如微信的确实一个字“我”,这点微信做得不够好,但是微信通过优雅的图标弥补了这个单调的“我”,淘宝也是一个另类,它选择的是“我的淘宝”,搞得好像是别人的一样,自己用的淘宝难道还是别人的么?而且一个app的底部菜单空间十分的金贵,别人微信都想方设法地减少字来达到简洁,你居然嫌空间多了,淘宝app那么复杂多样,你就不知道省点空间吗?这一点必须给淘宝app差评,我看支付宝上是两个字,都不知道学习下,难道是个性?这样不好吧。网易云音乐是以“账号”作为我的,感觉也还马马虎虎,有点另类,表达的信息都是一样的。网易邮箱也是以“我”作为个人信息管理菜单。腾讯视频以“个人中心”作为菜单,真是奇葩。

8、“首页”菜单,体现app的核心功能。绝大多数app都有的菜单。名称基本都是“首页”两个字,比如支付宝,京东,美团,招商银行,优酷,12306,亚马逊。然而并不是所有app都适合有“首页”两个字,比如微信,QQ,微博,淘宝,他们都是以自己app的名称作为首页,微信和微博都是以自己名称作为首页,QQ以“消息”作为首页,淘宝以“淘”字作为首页,爱必迎以“探索”为首页,网易云音乐是以“发现”为首页。爱奇艺是以“推荐”作为首页。百度网盘是以“网盘”作为首页。(一级

9、“我的”菜单。这属于个人信息管理菜单,表达的是与个人信息息息相关的功能。名称一般以“我的”为主,极少数是“我”,或者“账号”。(一级

10、“发现/热点/附近/搜索/探索”菜单。具有搜索功能,动态更新。(二级)

11、“消息/邮件/”。体现信息的及时交互。(二级

12、“朋友/通讯录/联系人”。体现社交功能,具有固定的社会关系。(二级

13、“购物车/心愿单/订单”菜单。卖东西的基本都有。(二级

14、“品类/分类”。适合内容分类复杂的app。因为产品分类庞杂,需要帮助用户分类好,不然用户搜索的成本很大,给出详细的分类,用户可以更加顺利的浏览。比如亚马逊,京东。这一点上,淘宝却没有,因此对于针对性不太强的用户浏览商品时会困难得多,因此,这点上淘宝又处于弱势。淘宝把这个菜单居然让给了叫“微淘”的菜单,而这个功能真的受欢迎吗?。这个菜单上,亚马逊和京东相似得惊人,不知道谁抄袭的谁,但是都不错。这是一个减少用户负担的菜单。(三级

15、钱。“财富/理财/”。(四级

16、app个性菜单。(一级

二、五个图标。

1、爱必迎。

2、支付宝。

3、淘宝。

4、京东。

5、美团。

6、苹果app store。

7、wps。

8、百度网盘。

9、网易云音乐。

10、招商银行。

三、四个图标。

1、微信。

2、qq。

3、ofo。

4、苹果健康。

5、

6、

四、三个图标。

1、

2、

3、

app的底部菜单设计的更多相关文章

  1. 自定义View之实现流行的底部菜单栏中间突起:高仿“咸鱼APP”的底部菜单 - z

    http://blog.csdn.net/xh870189248/article/details/75808341 http://blog.csdn.net/yangg194/article/deta ...

  2. 干货分享!关于APP导航菜单设计你应该了解的一切

    导航菜单是人机交互的最主要的桥梁和平台,主要作用是不让用户迷失方向.现在市面上产品的菜单栏种类繁多,到底什么样的才是优秀的导航菜单设计呢?好的菜单设计不仅能提升整个产品的用户体验,而且还能让用户耳目一 ...

  3. 转-TabHost组件(一)(实现底部菜单导航)

    http://www.cnblogs.com/lichenwei/p/3974009.html 什么是TabHost? TabHost组件的主要功能是可以进行应用程序分类管理,例如:在用户使用wind ...

  4. 安卓开发笔记——TabHost组件(一)(实现底部菜单导航)

    什么是TabHost? TabHost组件的主要功能是可以进行应用程序分类管理,例如:在用户使用windows操作系统的时候,经常见到如图所示的图形界面.     TabHost选项卡,说到这个组件, ...

  5. 用Fragment实现如新浪微博一样的底部菜单的切换

    像我这个有强迫症的人来说,自从TabActivity抛弃之后,再使用看到一个个警告和一条条划着的横线,心里很不舒服,现在终于下定决心用Fragment来替换掉TabActivity了!我的研究成果如下 ...

  6. 转-Fragment+FragmentTabHost组件(实现新浪微博底部菜单)

    http://www.cnblogs.com/lichenwei/p/3985121.html 记得之前写过2篇关于底部菜单的实现,由于使用的是过时的TabHost类,虽然一样可以实现我们想要的效果, ...

  7. 转-TabHost组件(二)(实现底部菜单导航)

    http://www.cnblogs.com/lichenwei/p/3975095.html 上面文章<安卓开发复习笔记——TabHost组件(一)(实现底部菜单导航)>中提到了利用自定 ...

  8. Android应用主界面底部菜单实现

    介绍 现在绝大多数主流的应用主界面,都会包含一个底部菜单,就拿腾讯的QQ与微信来说,看起来是这样的  <---我是底部菜单 原理 在很久以前,可以通过TabActivity实现相关功能,自从Fr ...

  9. Android自定义控件系列(四)—底部菜单(下)

    转载请注明出处:http://www.cnblogs.com/landptf/p/6290862.html 在app中经常会用到底部菜单的控件,每次都需要写好多代码,今天我们用到了前几篇博客里的控件来 ...

随机推荐

  1. 去除select边框和三角-----appearance:none

    今天发现一个比较有意思的属性,appearance:none 可能有朋友不认识,但是有一个标签你肯定认识:select. 这个标签的样式是这样的: 一般情况下,我们所使用的border:0; 去除边框 ...

  2. Unity3D笔记十六 输入输出-键盘事件、鼠标事件

    输入与控制操作Unity为开发者提供了Input类库,其中包括键盘事件.鼠标事件和触摸事件等一切跨平台所需要的控制事件. 一.键盘事件 1.按下事件 Input.GetKeyDown():如果按键被按 ...

  3. iOS - 集成Bundle资源文件包

    1.Bundle 文件 Bundle 文件,简单理解,就是资源文件包.我们将许多图片.XIB.文本文件组织在一起,打包成一个 Bundle 文件.方便在其他项目中引用包内的资源. Bundle 文件是 ...

  4. yii---解决post请求出现500错误

    在使用yii框架的时候,在发送数据请求的时候,POST请求会出现500错误,这是因为yii2开启了防御csrf的攻击机制,可去先去掉,在控制器里去掉:public $enableCsrfValidat ...

  5. Kafka在Linux上安装部署及样例测试

    Kafka是一个分布式的.可分区的.可复制的消息系统.它提供了普通消息系统的功能,但具有自己独特的设计.这个独特的设计是什么样的呢 介绍 Kafka是一个分布式的.可分区的.可复制的消息系统.它提供了 ...

  6. java-04-动手动脑

    1String.equals()方法的实现代码 public boolean equals(Object anObject) { if (this == anObject) { return true ...

  7. Python面向对象之属性

    属性的定义和调用 1,定义时,在普通方法的基础上添加@property装饰器 2,定义时,属性仅有一个self参数 3,调用时,无需括号 vim day7-8.py #!/usr/bin/python ...

  8. web前端开发笔记(1)

     一.HTML标签书写有哪些规范? 页面编码. 文档声明. 关键字与描述. 行内元素不能包含块级元素. a标签不能嵌套a标签. 标签名和属性必须用小写字母书写,属性必须加引号,标签必须闭合,单标签页必 ...

  9. angularjs中的单选框绑定数据注意事项

    这里说的是angularjs 1.x 在实现单选框时,我们完全可以用html自带的<input type="radio"/>,但是配合angularjs 中的双向绑定, ...

  10. arcgis api for JavaScript _加载三维图层(scene layer)

    arcgis api for JavaScript _加载三维图层(scene layer) arcgis api for JavaScript  4.x 版本增加对三维的支持. 关于三维图层(sce ...