浮動式按鈕(FAB)就是在用戶界面上方浮動的圖標，它的形狀、位置和顏色使得它從界面的其他部分有明顯的區(qū)別。在2014年谷歌發(fā)布了Material Design principles后，浮動式按鈕開始逐漸被推廣。在此之后，浮動按鈕的設計在web和移動設計中得到了廣泛的應用。

      在用戶交互中的使用場景是非常重要的，有的時候，用戶只閱讀內容，有的時候用戶需要進行操作，這完全取決于當前的使用場景，結合用戶使用場景對用戶進行浮動式按鈕的引導，可以給任何一個App帶來最好的實現(xiàn)效果。以Google+為例，當用戶靜止在該頁面時，Google+就在用戶界面上顯示浮動按鈕，反之就將該按鈕隱藏。這兩個行為都是基于用戶的使用場景：當用戶正在進行滑動頁面操作的時候，他主要的行為就是滑動頁面，因此并不需要浮動按鈕，而當用戶停止滑動時，用戶就可能需要按鈕來進行某些發(fā)布內容的操作。

5. 將兩個模塊互相關聯(lián)

       浮動按鈕不僅僅只是一個圓形的按鈕，它可以幫助用戶從一個界面到另一個界面進行連貫的切換，點擊浮動按鈕，按鈕圖形變換的同時界面狀態(tài)之間隨之進行狀態(tài)轉換。在下面的示例中的以動畫引導用戶的視覺方向，并幫助用戶理解界面布局中剛剛發(fā)生的變化，告訴用戶是什么觸發(fā)了這樣的變化，以及如何在需要的情況下再次啟動。

總結

      有些人可能會說浮動按鈕時一個糟糕的用戶體驗，因為很多用戶和設計并不習慣這個設計，我們都比較習慣使用我們所熟悉的工具，而浮動按鈕的設計相對而言還是比較新的，而接觸新的事物往往都是比較困難的，但是這個困難能夠幫助我們做出更優(yōu)秀的用戶體驗設計，只要使用得當，浮動設計會成為一種讓人喜聞樂見的設計體驗。

       本文由培訓無憂網AAA教育課程顧問老師整理發(fā)布，更多手機開發(fā)課程信息可關注培訓無憂網手機開發(fā)培訓頻道或添加老師微信：15033336050

      注：尊重原創(chuàng)文章,轉載請注明出處和鏈接 http://m.dedgn.cn/news-id-5457.html 違者必究！部分文章來源于網絡由培訓無憂網編輯部人員整理發(fā)布,內容真實性請自行核實或聯(lián)系我們，了解更多相關資訊請關注手機開發(fā)頻道查看更多，了解相關專業(yè)課程信息您可在線咨詢也可免費申請試課。關注官方微信了解更多：150 3333 6050