浮动动作按钮
河南网站建设,河南网站制作,河南网站设计,品牌型/商城平台/响应式网站营销
在材质化设计中,浮动操作按钮(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.文字
河南网站建设,河南网站制作,河南网站设计,品牌型/商城平台/响应式网站营销
功能强大的按钮文字通常很简练,且语调规范统一,因此可以迅速吸引用户的注意。它通常使用白色等与按钮对比强烈但和谐的颜色。尽管如此,这并不是必须的,决策是根据具体的设计概念、排版和文本内容等综合因素决定的。