Google 发布 Bottom Navigation design guidelines - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
philobscur
V2EX    Android

Google 发布 Bottom Navigation design guidelines

  •  
  •   philobscur 2016-03-15 12:13:52 +08:00 15166 次点击
    这是一个创建于 3506 天前的主题,其中的信息可能已经有所发展或是发生改变。

    https://www.google.om/design/spec/components/bottom-navigation.html#

    详情见链接。

    G+ 上评论说这是底栏党的福音,顶栏党的噩梦...

    所以之前 g photo 和 g+ 的 设计更新就是为了这个作铺垫吧。

    大家怎么看...

    47 条回复    2016-03-21 10:05:04 +08:00
    Pastsong
        1
    Pastsong  
       2016-03-15 12:25:33 +08:00   2
    哎,我当初是那么坚持在 Material Design 里按照规范不要用底栏的,现在谷歌打我脸了
    philobscur
        2
    philobscur  
    OP
       2016-03-15 12:26:29 +08:00
    @Pastsong 大概大家都没想到谷歌会在背后捅一刀
    philobscur
        4
    philobscur  
    OP
       2016-03-15 12:35:11 +08:00
    @ybjaychou 我个人使用而言,其实 photo 和 g+底栏设计得挺合理的
    Cavolo
        5
    Cavolo  
       2016-03-15 12:36:50 +08:00 via iPhone
    @philobscur 一般开发者做汉堡菜单和底栏还是会混乱的
    chmlai
        6
    chmlai  
       2016-03-15 13:12:37 +08:00
    多少人要被打脸了
    BOYPT
    7
    BOYPT  
       2016-03-15 13:16:08 +08:00
    是不是因为早期国产 app 全部都有底栏所以中国 google 粉丝特别抗拒底栏?
    kojirou
        8
    kojirou  
       2016-03-15 13:22:18 +08:00
    这打脸真是啪啪啪。。
    pimin
        9
    pimin  
       2016-03-15 13:24:41 +08:00 via Android
    我一直期待有底栏的 chrome
    camillo
        10
    camillo  
       2016-03-15 13:25:31 +08:00
    朝令夕改的 Google Design ……
    learnshare
        11
    learnshare  
       2016-03-15 13:46:35 +08:00   1
    强行为了新设计出了设计规范么?无论如何这 Demo 都不和谐
    cairnechen
        12
    cairnechen  
       2016-03-15 14:32:15 +08:00
    远离 Android 原教旨, Google 可以做得更好,今年 Google I/O 估计 Material Design 会大幅更新,越来越期待了
    hackerwgf
        13
    hackerwgf  
    PRO
       2016-03-15 14:35:08 +08:00
    真特么...脸真疼我擦,这你妹的
    ITOutsider
        14
    ITOutsider  
       2016-03-15 14:45:17 +08:00   2
    alex321
        15
    alex321  
       2016-03-15 14:46:46 +08:00
    疼。。
    在我的坚持下,领导都开始接受不带底栏就是 android 的风格了,然后这下就被打了。
    nozama
        16
    nozama  
       2016-03-15 15:10:23 +08:00
    也许"三”菜单真的是反模式...
    RockyLee
        17
    RockyLee  
       2016-03-15 16:02:05 +08:00
    大屏手机底栏单手操作方便
    shang1jk
        18
    shang1jk  
       2016-03-15 16:09:31 +08:00
    youxiachai
        19
    youxiachai  
       2016-03-15 16:19:14 +08:00
    其实底栏..挺提方便的啊....而且还可以统一 ios 的设计(逃..)
    hahastudio
        20
    hahastudio  
       2016-03-15 16:38:19 +08:00
    OK, Luke, you win.
    Android 开发者们打出了 GG
    arens
        21
    arens  
       2016-03-15 17:01:55 +08:00
    其实谷歌的侧栏在大屏手机上很不好用,菜单做顶部又太高,大屏手机有底栏的确是方便,但谷歌向来都不是一个以画面为首的公司,底栏只是被用烂了而已,猛的一看有点俗气~
    Biwood
        22
    Biwood  
       2016-03-15 18:08:09 +08:00
    Totato5749
        23
    Totato5749  
       2016-03-15 18:51:03 +08:00
    刚开始我也是坚持不用低栏党, 后来思索了很多,对低栏看法也变了很多,因为的确大屏手机低栏是有意义的,底栏比 drawer 好在直观方便

    总之这让我想起 NovaDNG 了,不知道那位脸疼不疼,看科技锋芒的时候觉得太一棍子打死了,感觉用了底栏的 app 在他们看来就是原罪= =
    RqPS6rhmP3Nyn3Tm
        24
    RqPS6rhmP3Nyn3Tm  
       2016-03-15 20:05:23 +08:00 via iPad
    本来下巴就够多了,这下又要加一个
    恭喜 HTC 用户迎接四下巴时代
    XnEnokq9vkvVq4
        25
    XnEnokq9vkvVq4  
       2016-03-15 20:21:20 +08:00 via Android
    已经想通了,能接受
    charlie21
        26
    charlie21  
       2016-03-15 20:23:47 +08:00
    底栏党、顶栏党 ... 这里真的有什么设计哲学么?
    zhaohui318
        27
    zhaohui318  
       2016-03-15 20:25:48 +08:00
    @Totato5749 Google 说的不一定就全是对的,大家只是大部分赞同而已,之前讨厌底 tab 的,之后一样讨厌它。因为底 tab 和虚拟键在很多人眼里就是不搭。
    AnyOfYou
        28
    AnyOfYou  
       2016-03-15 21:50:43 +08:00
    echohanyu
        29
    echohanyu  
       2016-03-15 22:26:54 +08:00
    还好没做新版改动。。。。 YouTube 能出底栏的么
    xuejinwei
        30
    xuejinwei  
       2016-03-15 22:49:14 +08:00
    不知道 design support library 什么时候更新 Buttom Navigation 控件
    kidlj
        31
    kidlj  
       2016-03-15 22:55:56 +08:00
    综合三家,低栏 Windows Phone 做得最好。
    livelazily
        32
    livelazily  
       2016-03-15 23:07:51 +08:00   1
    stardust21
        33
    stardust21  
       2016-03-16 00:14:02 +08:00
    国内采用底部 tab 的已经很多了,有个官方规范也好。
    camillo
        34
    camillo  
       2016-03-16 01:08:41 +08:00
    @livelazily 23333 整张图片看起来像个千层饼
    chloerei
        35
    chloerei  
       2016-03-16 01:28:08 +08:00 via Android   1
    想通了,转 iOS 。
    xenme
        36
    xenme  
       2016-03-16 08:39:57 +08:00 via iPhone
    看标题我还以为 google 发布了屁股导航。
    clearbug
        37
    clearbug nbsp;
       2016-03-16 08:48:17 +08:00
    @xenme ,以前以为 bottom 只有底部的意思,现在也知道它有屁股的意思了,赞!
    tokki
        38
    tokki  
       2016-03-16 09:04:11 +08:00
    现在手机都太大了 按钮在上面按不到啊 所以还是用底栏吧 哈哈哈哈哈
    zhangneww
        39
    zhangneww  
       2016-03-16 10:26:06 +08:00
    HTC 可以有 5 下巴了, 23333

    想不明白手机为什么不用原来的实体键,占用屏幕面积,机身放个 Logo ,多浪费空间
    so898
        40
    so898  
       2016-03-16 11:09:35 +08:00
    @Totato5749 NovaDNG 前几天还在知乎上写文喷这个事情,没想到被改规则打脸了,哈哈哈哈
    leefly
        41
    leefly  
       2016-03-16 11:14:40 +08:00
    @livelazily 啪啪啪啪
    hytaoist
        42
    hytaoist  
       2016-03-16 11:36:51 +08:00
    @livelazily 这图足以说明一切啊
    ZHaOyU
        43
    ZHaOyU  
       2016-03-16 11:41:57 +08:00
    妥协吗
    livepps
        44
    livepps  
       2016-03-16 15:57:59 +08:00
    放在底栏,单手操作其实很方便,特别是现在手机屏幕比较大,右手滑动左侧的导航栏还是有点吃力的。
    livepps
        45
    livepps  
       2016-03-16 16:17:11 +08:00
    @zhangneww 用过几个手机,还是习惯三星的实体键~
    nextbox
        46
    nextbox  
       2016-03-16 17:16:04 +08:00
    卧槽。。被打脸了。
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     5410 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 29ms UTC 01:17 PVG 09:17 LAX 18:17 JFK 21:17
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86