浮动动作按钮 在材质化设计中,浮动操作按钮(FAB)是在App屏幕上显示主要操作的按钮。一般,它是一个视觉地方高于其他页面内容的圆形图标按钮。这个按钮一般可以让用户立即访问用户对App所做的要紧或高频的操作。依据移动App的设计和信息构造,FAB可以: ●实行一个典型的核心操作(打开新邮件屏幕,打开添加照片或视频内容的屏幕,在图库中搜索需要的内容,等等)。 ●展示额外的动作选项 ●弹出其他界面UI组件 FAB在屏幕上的地方一般是由高可视性原因决定的,或许会依据网站建设及App屏幕的总体设计理念而有所不同。非常重要的经验法则是:每一个屏幕只用一个FAB,而不是更多,以防止用户注意力的分散。 设计高效按钮的要点: 1.尺寸 尺寸是告知用户布局元素的重要程度和UI组件层次结构的核心办法之一。一个吸引人且高效的行动按钮需要足够大,以便迅速找到,但又不可以太大,以免破坏布局结构。营销或市场管理者者一般会在他们的指导方针中提供关于按钮大小的建议。比如,苹果在手机UI中行动按钮应该至少44Х44像素,而Microsoft建议34Х26像素。假如你是为手机设计UI界面,对不相同种类型的按钮的需要或许会很严格,所以要仔细研究这类设计规范,将因糟糕的UI按钮设计而致使的App不好的的客户体验的风险降到最低。 2.颜色 为了让一些按钮容易被注意到,而另一些按钮是次要的,选择适合的颜色是至关关键的。问题是人类的情绪和行为与视觉环境颜色高度有关,而色彩是这方面最有力的工具之一。在为行动按钮选择颜色时,必须要记住:按钮颜色和背景颜色需要产生明显对比度,才能使按钮迅速地从其他UI组件中崭露头角。 3.形状 至于行动按钮的形状,它们一般看着像水平矩形。缘由是这种形状的按钮看着是可点击和可交互的,大家习惯于把这个形状看作一个按钮。除此之外,建议设计圆角矩形的形状按钮,由于当视线指向按钮内部时,用户更容易将注意力转移到按钮文字上。当然,这么做有时也是为了使按钮形状与Web制作或移动App面选择的风格等定义和谐结合。那更多有关内容,可以结合《UI设计中,用户界面按钮的几种基本种类(二)》详细知道。 4.地方 按钮的地方对于构建坚实的可视层次结构和明确的导航尤为重要。假如它们坐落于用户双眼没办法捕捉到的地区,其他视觉要点,如颜色和大小,可能没办法有效运作。设计师需要明确哪儿是最好视觉中心,并将核心功能的按钮放置在那里。 5.文字 功能强大的按钮文字一般非常简练,且语调规范统一,因此可以飞速吸引用户的注意。它一般用白色等与按钮对比强烈但和谐的颜色。尽管这样,这并非需要的,决策是依据具体的设计定义、排版和文本内容等综合原因决定的。




