彩票走势图

基于用户体验的浮动操作按钮设计——一个即将到来的设计趋势!

原创|行业资讯|编辑:黄竹雯|2016-03-28 11:12:42.000|阅读 747 次

概述:浮动操作按钮(Floating Action Button , FAB)是一个优雅、动态、轻量级和始终如一的设计元素,提供快速而有效的导航和增强用户体验。下面我们来观赏并了解几种让用户界面高效而有吸引力且有助于用户体验的FAB。

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

浮动操作按钮(Floating Action Button , FAB)将是Material Design的下一件大事!它以圆形的样子漂浮在用户界面上,有着特异的作用。这些图标有着特殊的运动行为,漂浮在UI上方并执行一些操作,如启动、变形。他们有两个不同的尺寸,包括迷你型和默认大小。

浮动操作按钮是一个优雅、动态、轻量级和始终如一的设计元素,提供快速而有效的导航和增强用户体验。按照规则和指导方针,它被定位在右边,使程序通用并且扩展其功能。根据谷歌的规范,浮动操作按钮应具有建设性的色调,提供快速访问重要工具的功能。

1. 着色UI

虽然用户界面可以饱满厚重,Lois Yang还是通过选择一个有吸引力的颜色来完成其优秀的工作。带有微妙的阴影效果的坚实红色背景使得图标能够将内容区分,抓住用户的注意力。

2. 通过Eric Azares添加媒体

静止在屏幕的底部,一个○形按钮被其他四个快速访问的CTA(Call to action,行为召唤)环绕,展示成一个圆形的形状。四个按钮颜色鲜艳,带有快速逻辑符号并且显示出相对巨大的规模。

3. PSD模板

PSD模板界面由Daniel De Santis设计,它提供一个很好的高效浮动操作按钮例子。浮动操作按钮带出一个大面板覆盖了整个屏幕。此外,这个功能也可以免费。所以尽情下载来享受吧!

4. 用户体验探索

浮动操作按钮是复杂的,它要在一行中体现一系列操作按钮调用。展示在屏幕的较低部分,这些按钮需要以水平方式从左到右依次放置。

5. 魔法按钮

漂浮魔术按钮由Lee Giles开发,有着极简约的功能。快速访问提供给用户工作小组来创建他们的书籍。这个设计高度兼容材料站和应用聚集。

6. 拇指界面

拇指的用户界面由Jochem Van Der Veer设计,其转向定位在右侧,有一个简单的外观和引人注目且功能强大的设计。它有时放置应用程序标识的迷你版本。

7. Alternacare

Alternacare 由MayurKarodia设计,允许用户在几秒内解决冗余信息并实现目标。浮动操作按钮的大胆外观和鲜艳颜色主题使它区别于其他内容,吸引用户的注意力。

8. 水滴型FAB

Shu Makino设计的浮动操作按钮是一个有着标准工作流程的动画GIF。由一个一致的变调支持,它包含了七个不同的项目,会一个接一个的出现,并静止在屏幕的右侧。

9. 安卓分数

这个浮动操作按钮由Matt Legaspi精心设计,看起来精致且有着复杂的行为召唤。配上诱人的双色调颜色主题,将行动转化为焦点时达到卓越的美学审美。

10. Swipii应用概念

由Sarah Ahmad设计的概念是许多新解决方案的独特制定。它的功能很好,使访问变得更加容易。它静止在应用程序每个页面的右边,显示一个QR(快速响应)代码的弹出页面,帮助快速地收集点。

总结

浮动操作按钮不仅让用户界面高效而有吸引力,还有助于用户体验。他们已经成为应用程序的必须元素,因为他们坚持方便直接的功能,并且使应用程序更加以用户为中心,也更富有成效。

本文翻译自:

 

PS: 关于移动开发,这些产品你可以关注>>
      关于UI用户界面,这些产品你可以关注>>
      关于移动用户界面设计的最新产品和资讯,请<>!

标签:UI界面界面设计用户界面控件

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@pclwef.cn

文章转载自:慧都控件网

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP