材料設計之前是沒有底部導航這種形式的平窘,最開始提倡使用側邊導航金拒,后來從iOS平臺借鑒過來募书。蘋果和谷歌的設計語言都是相互借鑒和影響的窥摄,比如在蘋果設計中沒有頁面標簽這個控件(tab),而是分割按鈕(Segmented Controls)镶奉,后來標簽控件因為用戶的反饋良好也大量出現在iOS平臺應用上(雖然還沒有出現在官方的設計指南中)。從這一點看崭放,材料設計是更加開放哨苛,善于學習的。iOS的姿態(tài)更高一點币砂,比如在蘋果開發(fā)者大會上建峭,側邊導航的漢堡按鈕就被蘋果的設計師狠狠吐槽了,說是可視性(Visibility)不夠决摧。
底部導航
底部導航這種形式來自于iOS亿蒸,但卻不是完全搬過來,而是被優(yōu)化和加強了掌桩。iOS平臺上的底部導航一般是固定不動的边锁,只存在選中和為選中之間的狀態(tài)切換,典型如微信的頁面導航方式:
iOS底部導航
材料設計中的底部導航有以下幾點的不同:
一波岛、按鈕被選中時茅坛,不僅是透明度和顏色的變化,整體會上移2個像素则拷;
二贡蓖、導航頁面大于三個時,未選中的按鈕可以選擇不顯示名稱煌茬;
三斥铺、按鈕被選中時可以重新調整位置,以突出選中狀態(tài)的變化宣旱;
四仅父、頁面向下滾動時,底部導航可以暫時性隱藏浑吟,向上滾動時再重新顯示出來笙纤;
五、點擊按鈕组力,如果對應的視圖是數據列表時省容,可以再次刷新頁面;
六燎字、左右滑動可以在標簽之間切換腥椒,而不僅是點擊按鈕。
這些特點未出現在iOS的設計指南中候衍,卻被很多iOS平臺上的應用上笼蛛,比如京東應用上的“發(fā)現”按鈕,點擊下是可以再次刷新頁面:
京東底部導航蛉鹿,點擊按鈕刷新界面
再比如淘寶應用中首頁按鈕滨砍,結合了“回到頂部”功能且突出了選中狀態(tài),與材料設計的底部菜單定位也是不謀而合:
淘寶底部導航按鈕