美文网首页
手机APP的菜单栏猜想

手机APP的菜单栏猜想

作者: 基本练习 | 来源:发表于2016-02-02 21:24 被阅读161次

2016.02.02 记

关于需要固定在手机屏幕上的菜单栏现下基本上有两种方式(除去功能单一的APP没有菜单栏或者只有一颗按键的情况):

一是位于屏幕底部。

二是位于屏幕左侧并隐藏,向右滑动可滑出菜单。

Pic.1

这两种设计方法算是在众多方法中比较优的方法,因为

1、菜单栏属于较常用的部分,根据一般用户握手机的方式,大部分操作用大拇指来完成,那么大拇指比较舒适的控制范围就是以右下角为圆心的四分之一圆弧。

2、占用屏幕的空间比较小(或者被隐藏),不干扰其他内容的阅读。

所以这样的设计被沿用了下来,特别是图1中左边的方式。

但是,这也导致大多数APP看起来大同小异。

po主在除去技术实现以及可能会牺牲掉一些“方便使用”的情况下,脑洞了另外的一些菜单方式,意在打破po主的思维僵局,各位看官莫笑莫怪~

在这里不讨论菜单的存在性,假设它们确实需要存在。接下来沿着隐藏版和非隐藏版展开假象。

一、隐藏的菜单

既然为隐藏,那么反正隐藏的时候不占任何地方,所以可以以任何形式存在。比如:

除了在边上的上下左右滑动出来这些普通的方式以外,我们可以不在边上。

三角型、圆型、星型、猴腮雷型:

Pic.2

触发方式也可以多种多样。比如:

正常的左滑右滑、由于上下滑被苹果自己用了,po主决定可以通过滑动某个图标实现。当然,斜着四个角滑也可以哟(当然上下滑和斜着滑可能会造成判断不清到底是要调出菜单还是控制屏幕内容上下移动,所以需要控件按钮):

Pic.3

或者猎奇点的可以通过识别用户手势的特殊性来调出,比如画个五角星,&符,甚至五线谱的高音符号,往下想的话,还可以设定用户自定义的特殊符号(然后用户除了要记住爸爸妈妈男女票的手机号码银行卡密码以外还要记住某个软件的调出菜单的特殊符号+_+)……

或者不滑动了,可以双击、三击、四连击2333……

二、不隐藏的菜单

不隐藏菜单分为在边上和不在边上两种情况。在边上无非是上面或者下面,上面的也不常见,这个是PC上网页端常用的模式。左右两边因为要占用比较的的位置所以都隐藏了。在边上还可以占用其中一个角,两个角,三个角,四个角(可怜的功能A,总是这么远):

Pic.4

内容根据宽度自适应,到窄的地方内容会稍微压缩变小然后虚化,像一缕烟一样,让阅读专注于中间部分。

不在边上的情况比如在中间一个圈、菱形等:

Pic.5

文章从底部滑出,遇到中间的菜单栏就像河流遇到了石头一样从两边绕过,然后再在上面汇合(有强迫症的人可能会想把它挪开)。

********************************

展示摸鱼出以上这些,探索还在继续。APP会不会有新的可能性。

脑洞未完,生命不止……

相关文章

  • 手机APP的菜单栏猜想

    2016.02.02 记 关于需要固定在手机屏幕上的菜单栏现下基本上有两种方式(除去功能单一的APP没有菜单栏或者...

  • 如何修改头像

    打开钉钉app手机客户端—点击菜单栏[我的]—点击[头像和名字]区域进行修改头像

  • 微信小程序-可移动菜单

    我们可以经常看到手机app里有的菜单栏是悬浮在首页的,用户可以拖动和点击菜单栏进行交互,今天代码君就教大家利用小程...

  • 摆脱焦虑

    昨天似乎找到焦虑感的来源,猜想大概是我手机里越来越多的资讯信息类App。这些App的来源,是因为想获取更多数量和内...

  • iOS 快速集成头部菜单栏

    最近遇到很吸引我的代码,效果就是这种类似新闻APP的顶部滚动菜单栏: 效果 功能 快速集成顶部菜单栏 拆分为Seg...

  • APP升级大猜想

    大家手机里面有着五花八门的APP,购物有天猫京东、社交有微信、炒股有银河、出行有飞猪携程滴滴、查询政策有国家与地方...

  • webView禁用webView长按 超链接弹出事件

    有时候我们会简单的判断,在手机上打开一个App的页面如果长按出现选择菜单栏就是webView做的,如果不出现就是原...

  • Android获取MD5、SHA1等信息(android stu

    从StackOverflow搬运1、Android studio 中右侧菜单栏中Gradle--》app--》Ta...

  • 1.创建项目套模板

    ide创建项目:mysite app名blog 菜单栏 运行-run 浏览器打开http://127.0.0.1:...

  • iOS开发 性能优化

    1.降低app包大小 利用 AppCode 检测未使用的代码:菜单栏 -> Code -> Inspect Cod...

网友评论

      本文标题:手机APP的菜单栏猜想

      本文链接:https://www.haomeiwen.com/subject/vftekttx.html