UI设计中的按钮应用按钮有哪些类型?
作者:优漫动游设计部
2022-12-29 17:44
查看: 458
按钮是用户界面中最受欢迎的交互元素之一,它们对于创建可靠的交互和积极的用户体验至关重要。在进行UI设计的时候,设计按钮往往需要考虑按钮的设计风格、外形、色调等诸多因素。掌握正确的设计技巧,可以帮助UI设计师快速和高效地完成按钮的设计。按钮设计可以直接关系着用户引流、触发行动、产品转化率等至关重要的问题。另外,精致的按钮也会让整个页面的视觉提升档次。下面我们一起来学习了解一下按钮有哪些类型。
功能类型
按钮在功能类型中可以分为流程控制和功能选项两种。
流程控制:这是常见的传统按钮,如下一步、确定、保存等提示功能。
功能选项:例如开关/加减控件、标签栏/分类、状态切换等功能按钮,操作之后只针对当前页面做出属性的调整。
视觉样式(横向)
常规按钮:最常见的按钮,当同一个页面出现多个常规按钮时,会有主次之分。
虚线按钮:常用于添加、上传等操作。
文本按钮:作用于文字的按钮,部分会用主色、右侧箭头、下划线等方式突出表现。
层级分类(纵向)
高权重:主操作按钮通常带有填充色。当同一个页面存在多个按钮,只允许存在一个高权重(主操作)按钮。
中权重:带边框轮廓的概述按钮,同一页面可存在多个中权重的按钮。
低权重:纯文本按钮,以及浅色填充+浅色文字的按钮,同一页面可存在多个低权重按钮。
在设计按钮类型的时候需要根据页面和功能情况进行设计,以达到更好的用户操作效果。
功能类型
按钮在功能类型中可以分为流程控制和功能选项两种。
流程控制:这是常见的传统按钮,如下一步、确定、保存等提示功能。
功能选项:例如开关/加减控件、标签栏/分类、状态切换等功能按钮,操作之后只针对当前页面做出属性的调整。
视觉样式(横向)
常规按钮:最常见的按钮,当同一个页面出现多个常规按钮时,会有主次之分。
虚线按钮:常用于添加、上传等操作。
文本按钮:作用于文字的按钮,部分会用主色、右侧箭头、下划线等方式突出表现。
层级分类(纵向)
高权重:主操作按钮通常带有填充色。当同一个页面存在多个按钮,只允许存在一个高权重(主操作)按钮。
中权重:带边框轮廓的概述按钮,同一页面可存在多个中权重的按钮。
低权重:纯文本按钮,以及浅色填充+浅色文字的按钮,同一页面可存在多个低权重按钮。
在设计按钮类型的时候需要根据页面和功能情况进行设计,以达到更好的用户操作效果。
以上就是小编今天为大家分享的关于UI设计中的按钮应用按钮有哪些类型?希望本篇文章能够对想要零基础学习UI设计的你有所帮助,学习是一个漫长的过程,如果你想更快的学习UI设计,可以来优漫UI设计培训班进行学习,让你更快的掌握UI设计技术,7天免费试学体验。
相关推荐文章:
零基础从PS入门学习平面设计 |
UI的你,这些平面设计知识你了解了吗? |
如何做好公司的品牌战略规划? |
选择标志设计公司需要考虑的条件都有哪些呢? |
进行品牌的设计需要考虑哪些内容呢? |
中文怎样搭配英文才好看? |
预约申请试听课
填写下面表单即可预约申请试听!怕钱不够?可就业挣钱后再付学费! 怕学不会?助教全程陪读,随时解惑!
担心就业?一地学习,可全国推荐就业!
-
上一篇:
-
下一篇:
IT培训问答
开班时间