网站设计公司易捷网络:专注企业网站设计
您现在的位置:首页 > 网站设计资讯 > UI设计中,用户界面按钮的几种基本类型(三)

UI设计中,用户界面按钮的几种基本类型(三)

来源:易捷网站设计公司     时间:2019-04-26

浮动动作按钮

在材质化设计中,浮动操作按钮(FAB)是在App屏幕上显示主要操作的按钮。通常,它是一个视觉位置高于其他页面内容的圆形图标按钮。这个按钮通常可以让用户立即访问用户对App所做的重要或高频的操作。根据移动App的设计和信息架构,FAB可以:

●执行一个典型的核心操作(打开新邮件屏幕,打开添加照片或视频内容的屏幕,在图库中搜索需要的内容,等等)。

●展示额外的动作选项

●弹出其他界面UI组件

FAB在屏幕上的位置通常是由高可视性因素决定的,可能会根据网站制作及App屏幕的总体设计理念而有所不同。最重要的经验法则是:每个屏幕只使用一个FAB,而不是更多,以避免用户注意力的分散。

设计高效按钮的要素:

1.尺寸

尺寸是告知用户布局元素的重要性和UI组件层次结构的核心方法之一。一个吸引人且高效的行动按钮需要足够大,以便快速找到,但又不能太大,以免破坏布局结构。营销或市场管理者者通常会在他们的指导方针中提供关于按钮大小的建议。例如,苹果在移动设备UI中行动按钮应该至少44Х44像素,而微软建议34Х26像素。如果你是为手机设计UI界面,对不同类型的按钮的要求可能会非常严格,所以要仔细研究这些设计规范,将因糟糕的UI按钮设计而导致的App不良的用户体验的风险降到最低。

2.颜色

为了让一些按钮容易被注意到,而另一些按钮是次要的,选择合适的颜色是至关重要的。问题是人类的情绪和行为与视觉环境颜色高度相关,而色彩是这方面最有力的工具之一。在为行动按钮选择颜色时,一定要记住:按钮颜色和背景颜色必须产生明显对比度,才能使按钮快速地从其他UI组件中脱颖而出。

3.形状

至于行动按钮的形状,它们通常看起来像水平矩形。原因是这种形状的按钮看起来是可点击和可交互的,人们习惯于把这个形状看作一个按钮。此外,建议设计圆角矩形的形状按钮,因为当视线指向按钮内部时,用户更容易将注意力转移到按钮文字上。当然,这么做有时也是为了使按钮形状与Web制作或移动App面选择的风格等概念和谐结合。那更多相关内容,可以结合《UI设计中,用户界面按钮的几种基本类型(二)》详细了解。

4.位置

按钮的位置对于构建坚实的可视层次结构和清晰的导航非常重要。如果它们位于用户眼睛无法捕捉到的区域,其他视觉要素,如颜色和大小,可能无法有效运作。设计师必须明确哪里是最佳视觉中心,并将核心功能的按钮放置在那里。

5.文字

功能强大的按钮文字通常很简练,且语调规范统一,因此可以迅速吸引用户的注意。它通常使用白色等与按钮对比强烈但和谐的颜色。尽管如此,这并不是必须的,决策是根据具体的设计概念、排版和文本内容等综合因素决定的。

自由时光宠物食品网网站首页设计效果图-易捷网站设计
自由时光宠物食品网网站首页设计效果图
返回上一级
您可能需要:
网站设计图标
企业网站设计
高速稳定的国内空间,免费备案的香港、国外空间,单线、双线以多线空间
点击咨询
关键字推广优化图标
网站推广优化
指定网站关键词,确保一月之内优化到搜索引擎得首页,到首页之后再收费
点击咨询
企业邮箱图标
企业邮箱申请购买
以企业官网后缀为名称的邮箱,彰显公司企业形象,先试用,满意后再付款
点击咨询
国徽图标
网站域名空间备案
域名空间提交国家工信部备案审核,十五天即可完成,网站备案实名势在必行
点击咨询
网站设计最新案例赏析
网站设计相关资讯推荐
深圳市易捷网络科技有限公司版权所有