15年软件开发经验 只做源码定制 互联网+定制化解决方案
首页
源码定制
网站开发 小程序APP
技术论坛
视觉设计 前端开发 后端开发 服务器运维 运营推广
a
15年软件开发经验 只做源码定制 互联网+定制化解决方案

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

原创设计 定制开发

满足您的个性化需求

当前位置：首页 视觉设计 设计赏析
0 0

按钮的样式和使用场景

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

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

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

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



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

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



线性按钮：

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


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


文字按钮：

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



单选按钮：

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



多选按钮：

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



开关按钮：

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




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

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


0

原创©本文章为路亚杰原创，未经许可，禁止转载

相关标签

按钮

0条评论

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

热门标签

勤奋鸟 小程序 网站开发 app 网站 开发 源码 小程序开发 二手 超市 交友 加盟 洗车 自助 刷题 广场 爆料 曝光 课程购买 练字 作品 教师点评 购买课程 积分兑换 分红 积分明细 详情页 商城 手机端 网页 官网 设计 前端 js uniapp uni 医院管理 医院科室 病人信息 社区医院 婚姻 婚庆 交友
头像 路亚杰
联系我
625
浏览 44
文章

原创©本文章为路亚杰原创，未经许可，禁止转载

相关标签

按钮

热门文章

优秀作者

源码定制--联系客服 更多源码
路亚杰
微信扫一扫立即咨询
账号登录|扫码登录

立即注册 |忘记密码？

欢迎注册

已有账号马上登录

重置密码

扫码绑定微信
微信扫一扫

绑定手机号

Copyright 2013-2024 www.qinfenniao.com 版权所有 冀ICP备2021006888号 河北勤奋鸟网络科技有限公司

分享到-微信

举报

  • 举报类型：

  • 举报描述：

您好，当前积分不足。

前往充值 返回
在线客服
拨打电话
17330196230 13230981129
顶部