6年专注米乐体育app下载苹果版建设!
咨询电话:13390613111    在线QQ:2066417953
  • 服务项目
  • 成功案例
  • 解决方案
  • 新闻动态
  • 米乐体育app下载苹果版建设公司新闻公司新闻
  • 米乐体育app下载苹果版建设优化米乐体育app下载苹果版优化
  • 米乐体育app下载苹果版建设知识建站知识
  • 行业动态行业动态
  • 关于我们
  •  
  • 米乐体育app下载苹果版建设公司公司介绍
  • 汇款方式汇款方式
  • 联系方式联系方式
  • 联系我们
  • 您要的不止是一个米乐体育app下载苹果版

    定制化视觉设计与互动策划

    NEWS CENTER ·
    新闻中心
    关注浩瑞互联 关注前沿
    解决方案当前位置:首页 > 新闻动态
    悬浮按钮设计规范和经典实践
    2018-03-04 11:15:48
    悬浮按钮(Floating Action Button,简称FAB)是APP应用中常见的UI元件。它轻盈、优雅、便捷又高效,是Google设计语言中一颗璀璨的明珠。悬浮按钮往往都会独立出现在界面之上,提升整体的导航,拓展页面的功能,使应用的操作更加便捷。
     
    作为Android UI交互中最关键的元素之一,悬浮按钮在用户体验中的地位十分重要。UI上,往往是色彩最大胆、最直观的页面元素;在功能上,是用户在页面上最高频次的操作。悬浮按钮的使用有什么基本准则?有哪些实用用途?我们一起在这篇文章中来看一看。
     
    悬浮按钮的使用原则
     
    A、选择适当的悬浮按钮尺寸
     
    悬浮按钮主要用于促进用户行为,它们通过在UI上浮动的圆圈图标来区分,并且具有包括变形,启动和传送锚点的运动行为。一般有两种尺寸,默认版和迷你版(仅用于与其他界面元素创建视觉连续性)。
     
    默认的尺寸一般为56*56dp,迷你版的尺寸为40*40dp。界面宽度低于460dp时,需要从默认尺寸(56dp)调整至迷你尺寸(40dp)。
     
    B、悬浮按钮只承载正向操作
     
    由于悬浮按钮通常承载的是主要的、有代表性的操作,通常它应该是个积极正向的交互,比如创建、分享、探索等。唯一的悬浮按钮不应该执行破坏性的操作,比如删除、归档。它不应该是非特定的操作,或者是不完整的交互,比如剪切和粘贴是一组组合交互,它们应该存在于菜单栏当中,而非悬浮按钮中。
     
    C、大尺寸屏幕上的悬浮按钮
     
    悬浮按钮在大尺寸的屏幕上可以放置在扩展的APP栏、工具栏或者结构性的元素(前提不阻碍其他元素)和表单的边缘上。需要注意的是,每个页面只能出现一个悬浮按钮,也不要将悬浮按钮与一个页面上的所有元素产生关联,悬浮按钮本身显眼抓人眼球,滥用悬浮按钮会分散用户的注意力。
    下一篇

    contact us

    13390613111

  • 电话:13390613111
  • 传真:0514-87993779
  • 网址:www.yzhrhl.com
  • 地址:文昌西路456号华城科技广场2号楼3楼
  • 

    扬州浩瑞互联网络科技有限公司版权所有    

    苏ICP备18009411号-1

  • qq客服
  • 公众号
  • 手机版
  • 新浪微博
  • 提交需求
  • 免费电话
  • 浩瑞互联客服
  •  
    在线留言
    请拨打销售热线 13390613111,或让我们联系您!
    姓名:
    *
    电话:
    *
    公司名称:
     
    建设项目:
     
    验证码:
    验证码:
    验证码
    ×