2022-11-19 15:27:38|已浏览：165次
UI按钮设计是如何做的?按钮是设计过程中经常使用的一种控件，是告诉用户按下按钮后将进行的操作，可以理解按钮是操作的触发器。下面我们来看看UI按钮设计是如何做的吧。
UI按钮设计是如何做的?
1.扁平按钮
扁平按钮使用文本作为按钮。
行为:单击扁平按钮时，按钮不会向上移动，但其背景颜色会有从中间延伸到四周的效果。
用法:扁平按钮通常用于警告框，建议居右对齐。通常，操作性按钮放在右边，取消性按钮放在左边，如果用在卡片中，扁平按钮通常向左对齐，以增加按钮的曝光度。但是，有许多不同样式的卡片，设计师可以根据内容和上下文来安排扁平按钮的位置，只要在同一产品中，卡片内的扁平按钮位置是统一的即可。
2.凸起按钮
凸起按钮有一定的高度，视觉上比较醒目，所以可以起到强调按钮本身的作用。
当需要强调页面上的按钮时，建议使用凸按钮。
行为:当单击凸起按钮时，按钮的背景会从中间向四周填充上颜色，并且按钮本身会升起一段距离作为反馈。
3.底部常驻按钮
如果你的应用要求用户能够随时执行某项操作，那么请考虑使用悬浮按钮或底部常驻按钮。
4.下拉菜单按钮
下拉菜单按钮允许用户从一系列选项中选择一个选项，该按钮默认显示当前选择的选项和下拉箭头。
当用户点击下拉菜单按钮时，该选项直接在按钮的正上方弹出，挡住下拉菜单按钮。要注意，下拉菜单的选项是可以设计成允许修改的，并且设计师可以根据需要决定是否需要可修改的属性。
5.开关按钮
像开关一样，开关按钮有两种状态:一旦被点击，它将从状态a切换到状态b;再次单击并从b切换到a，最常见的按钮如“喜欢”和“收藏”。
苹果中按钮的介绍要简单得多，主要介绍苹果系统提供的三种按钮:系统按钮、信息按钮和添加联系人按钮。
注：尊重原创文章,转载请注明出处和链接 https://www.pxwy.cn/news-id-69426.html 违者必究！部分文章来源于网络由培训无忧网编辑部人员整理发布,内容真实性请自行核实或联系我们，了解更多相关资讯请关注UI设计频道查看更多，了解相关专业课程信息您可在线咨询也可免费申请试课。关注官方微信了解更多：150 3333 6050
