Buttons——Material Design 专题分享

2015年08月04日 08:02来源于:互联网er早读课

数十万互联网从业者的共同关注!

作者:王虾米(微信号:Galina_w),在交互设计上不断挣扎想成为大龙虾的交互新人,梦想在未来科技世界出一份绵薄之力,欢迎加微信畅聊,不包流量的畅聊哦!

来源:13tech

欢迎投稿到早读课,投稿邮箱:mm@zaodula.com

一个按钮清楚地表明,当使用者触发它时将会发生什么样的动作。它根据你应用程序的主题颜色,由文字或图片两者之间设计而成。

使用方法:

主要有三种标准类型的按钮:

浮动动作按钮(Floating action button):按下去的时候具有升起效果和墨水效应的一种圆形材质按钮。

凸起按钮(Raised button):按下去的时候具有升起效果和墨水效应的一种常见矩形常见材质按钮。

扁平按钮(Flat button):按下去的时候具有墨水效应但是没有升起效果的一种按钮。

Choosing button style

选择一个按钮样式主要取决于按钮的重要性,在屏幕上容器的数量和屏幕布局。

从在功能上决定:是一个重要且无处不在的甚至可以选择用浮动动作按钮的吗?

从尺寸决定:选择凸起或者扁平取决于你的容器将会在你的屏幕上有多少z-space层。在屏幕上一个项目不应该有很多层。

从布局上决定:每个容器主要使用一种类型的按钮。只有你有一个很好的理由才能使用混合按钮类型(例如强调一个重要的功能)。

Buttons in dialogs

对话框中使用扁平按钮作为主要按钮类型以避免过多的层次叠加。

Buttons inline

根据您的布局选择凸起或扁平按钮,给予扁平按钮周边留出足够的空间,使用户可以很容易的找到他们。

Persistent footer buttons

如果你的应用程序操作对于使用者是需要一直且随时操作,请考虑选择使用浮动动作按钮。

另外,如果这个动作并不会改变,但又反复出现,那么请使用永久性的页尾按钮。

不要在永久性的区域使用凸起按钮

通过一个分割线,永久性的页尾按钮也可以用在滚动对话框

互联网早读课,每天八点,风雨无阻

专注产品、设计、交互、运营

微博:@互联网早读课

QQ 10群:215027395

加群密码:职位-地区-昵称

互联网早读课是WeMedia自媒体成员之一,

WeMedia是自媒体第一联盟,覆盖5000万人群

 
免责声明:

     本文仅代表作者/企业观点,与【名品家电网】无关。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,仅供读者参考,并自行核实相关内容。

     【名品家电网】刊载此文出于传递更多信息之目的,并不意味着赞同其观点或证实其描述,也不代表本网对其真实性负责。

      如因作品内容、版权和其它问题需要同本网联系的,请在30日内进行;新闻纠错: lwl#youngchina.cn