V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
设计师推荐装备
WACOM 数位板
推荐阅读
版式设计基础教程 by 南云治嘉
版式设计全攻略 by 佐佐木刚士
benzhe
V2EX  ›  设计师

APP 的操作栏/菜单应该放在屏幕上方还是下方?

  •  
  •   benzhe · 2012-05-30 00:51:26 +08:00 · 4306 次点击
    这是一个创建于 4597 天前的主题,其中的信息可能已经有所发展或是发生改变。
    我的理解是,常用的按钮应该放在下方,不常用的放上方或隐藏在菜单里。
    这样就默认了一个前提,下方的按钮更便于操作,那菜单也应该在下方弹出才对。

    可是 Android4.0 的一份设计规范描述没有物理导航按钮的菜单建议放在右上角。

    http://de.appchina.com/technology/android-technology/android-4-design-specifications-change/
    (可以直接看第 8 兼容性)

    而在自己的 4 寸屏中,的确是菜单/常用按钮放在下方是最方便的。

    但是考虑到现在手机屏幕越来越大,一只手完全不可能操作整个屏幕,那哪种设计是更优秀的?很是混乱啊。
    5 条回复    1970-01-01 08:00:00 +08:00
    yanghaoling
        1
    yanghaoling  
       2012-07-14 13:37:49 +08:00
    屏幕大.如果用点的方式放在哪都不好点了,
    建议两种其他的方式
    一种是放在侧面的抽屉里,(FB,人人,FANCY,EVERNOTE)
    一种是放在顶部的tab里,可以左右滑动切换,(play商店,gtalk多人聊天的切换,米吧)
    luin
        2
    luin  
       2012-07-14 13:50:58 +08:00
    iPhone放下面,Android放上面。因为Android的物理按键在下面,如果菜单在下面有些机型会容易出现误按情况。至于Android 4.0我就不了解了。另外Path, Facebook之类的App用了侧滑菜单,感觉很棒。
    Pandroid
        3
    Pandroid  
       2012-07-14 15:14:44 +08:00   ❤️ 1
    其实我不太喜欢放在右上角的overflow来取代menu,而且甚至觉得GN(虚拟按键)下的menu兼容性那里,我更习惯将menu与navigation bar放一起。
    考虑到市面上基本上都是物理按钮,所以个人觉得不要将overflow放在右上角。
    如果你的应用有split action bar 那么我建议将menu放在split action bar的overflow;如果split action bar没有则采用物理按键menu(反正可以在GN上兼容)。
    其实,各种action按钮你需要理解清楚,哪些是属于强调动作(如 新建),哪些是属于强调跳转(如 设置),将表示动作的拿到外面来,然后把剩下的放进overflow或者menu。
    其实强调动作的按钮也可以分类,分类之后就可以按照重要程度放在main action bar或者split action bar。
    你可以参考一下:Gmail,Gtalk,Chrome等等。

    这个设计文档以前看过,最近开始自己翻译一遍(呵呵,虽然网上已经有很多版本了,而且我才CET4)。
    如果有问题,我们可以交流一下,我对这方面还是比较有兴趣的。当然,水平有限,学生党而已。
    Pandroid
        4
    Pandroid  
       2012-07-14 15:19:02 +08:00
    其实我觉得main action bar应该单独放使用频率较高的一个或者两个按钮,与其他次重要的按钮区分开。
    具体如何放置,要根据应用本身的需求来做判断,没有绝对的好或者不好
    flyingkid
        5
    flyingkid  
       2012-07-14 17:19:27 +08:00
    触摸屏要放上面比较科学,下面会可能会出现虚拟键盘
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2270 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 16:08 · PVG 00:08 · LAX 08:08 · JFK 11:08
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.