15年软件开发经验,只做源码定制!

原创设计 定制开发

满足您的个性化需求

按钮的样式和使用场景

路亚杰| 发布于 2021-12-20 17:13:02| 449阅读| 0点赞| 0评论
举报

我理解的按钮的几种使用样式和使用场景

现在用户对于产品的视觉上的要求更高了,那么对于其中的一些细节以及按钮的使用也会更加精细化,不像以前一个扁平按钮,一个拟物按钮。现在更多的我感觉是简洁化、个性化的按钮样式。,那么根据不同场景、不同需求来说,按钮的文字、图标、颜色也会相应的有些变化。通常情况下。按钮分为可用状态、点击状态、禁用状态。

而按钮的种类也分为了六种(我知道的是有六种,欢迎补充):面性按钮、线性按钮、文字按钮、单选按钮、复选按钮、开关按钮等



现在来说下我感觉的使用场景:首先是面性。

需要放置在醒目的位置通常作为视觉的主导,而且与页面的操作也紧密相关。按钮中的文字也不宜过长、且符合按钮的意义。例:确认、关闭、确认修改、退出登录等。方便用户操作。



线性按钮:

传达内容较为重要的页面(但是低于面性按钮),主要用于辅助页面的子操作,例:发送验证码、评价等。


例如这个页面里的发送验证码,他的重要性就比底部的面性的要低一点,但是也是用户可以一眼就看出来是可操作的。


文字按钮:

通常是辅助性操作,重要性是低于面性、线性按钮的。例:编辑、添加等。



单选按钮:

主要为只可选择其中一项时,且选中一个之后另一个自动取消。适用于这种场景,一般会根据用户操作默认选择一种,用户可修改的。



多选按钮:

主要作用是筛选功能,按钮有明显的可点击性,但是通常默认不勾选。



开关按钮:

通常情况下只有一个目的,那就是开或者关。且点击后即刻生效, 不用再确认。




总结:按钮选择在现在越来越高端的设计中显得很重要,往往一个小小的细节上的修改可能呈现给用户的感觉就很不一样,而按钮的样式多种选择也给了我们更多的设计空间,我们有更多的想法和思路可付诸实现。所以我觉得按钮虽然随便画两下就可以出现,但是我们还是需要用心去做给用户看,毕竟也是自己的一个心血,没有人喜欢不好的,喜欢的往往是经过精心设计的(包括用户)。

额。。。给大家看下我最近做的几款按钮,虽然不是很好看,但是也是自己设计过的,还是很有观赏意义的。


0

0条评论

别默默看啦~登录/注册一起参与讨论吧~

热门标签

路亚杰
微信扫一扫立即咨询
账号登录|扫码登录

立即注册 |忘记密码?

欢迎注册

已有账号马上登录

重置密码

扫码绑定微信
微信扫一扫

绑定手机号

分享到-微信

举报

  • 举报类型:

  • 举报描述:

您好,当前积分不足。

在线客服
拨打电话
17330196230 13230981129
顶部