优草派 > 视觉设计

UI设计中的按钮设计 按钮的类型有哪些?

李冰琪         优草派

在UI设计中,我们可以几乎可以在每个页面中看到按钮的存在,通过简单的触摸按钮我们就能够轻松的实现行为需求,按钮设计的直观性及易用性会影响用户完成操作的意愿和效率。在UI设计中,按钮的样式和类型多种多样,下面我们一起来了解学习按钮的类型都有哪些。

UI设计中的按钮设计 按钮的类型有哪些?

功能类型

按照功能属性分类,可将按钮类型分为流程控制和功能选项操作。

流程控制:常见的传统按钮,如支付、下一步、确定、保存等都属于是流程控制功能按钮,可以是图标、图标+文案或者文案的形式。

功能选项:开关 / 加减控件、标签栏 / 分类、状态切换等按钮都属于是功能选项,点击功能选项按钮之后,用户只能针对当前页面做出属性的调整,不涉及流程的变化。

视觉样式(横向)

视觉样式一般情况下在不同的页面可能存在同等级的权重按钮。

常规按钮:最常见的按钮,当同一个页面出现多个常规按钮时,都会对这些常规按钮进行主次划分。

虚线按钮:常用于添加、上传等操作。

文本按钮:仅用文字作为触发点,部分会用主色、右侧箭头、下划线等方式突出。

层级分类(纵向)

层级分类在同一个页面中存在不同等级权重的按钮。

高权重:一般会为高权重的主操作按钮进行颜色填充,当同一个页面存在多个按钮的时候,只允许存在一个高权重(主操作)按钮。

中权重:带边框轮廓的概述按钮,同一页面可存在多个中权重的按钮。

低权重:纯文本按钮,以及浅色填充+浅色文字的按钮,同一页面可存在多个低权重按钮。

以上就是关于UI设计中的一些按钮类型,按钮的类型需要针对不同的页面内容情况进行设计,都是从用户角度出发,为了方便用户的操作而设计。

  • 微信好友

  • 朋友圈

  • 新浪微博

  • QQ空间

  • 复制链接

取消
5天短视频训练营
新手入门剪辑课程,零基础也能学
分享变现渠道,助你兼职赚钱
限时特惠:0元
立即抢
新手剪辑课程 (精心挑选,简单易学)
第一课
新手如何学剪辑视频? 开始学习
第二课
短视频剪辑培训班速成是真的吗? 开始学习
第三课
不需要付费的视频剪辑软件有哪些? 开始学习
第四课
手机剪辑app哪个好? 开始学习
第五课
如何做短视频剪辑赚钱? 开始学习
第六课
视频剪辑接单网站APP有哪些? 开始学习
第七课
哪里可以学短视频运营? 开始学习
第八课
做短视频运营需要会什么? 开始学习
【原创声明】凡注明“来源:优草派”的文章,系本站原创,任何单位或个人未经本站书面授权不得转载、链接、转贴或以其他方式复制发表。否则,本站将依法追究其法律责任。

客服热线:0731-85127885

湘ICP备19005950号-1  

工商营业执照信息

违法和不良信息举报

举报电话:0731-85127885 举报邮箱:tousu@csai.cn

优草派  版权所有 © 2024