联系方式

咨询热线:400-998-6158

点击此处免费预约试听课程»

常见问题
学习资讯
学习资讯

ui按钮设计怎么做的

ui按钮设计怎么做的

1.扁平按钮
 

扁平按钮使用文本作为按钮。
 

行为:单击扁平按钮时,按钮不会向上移动,但其背景颜色会有从中间延伸到四周的效果。
 

用法:扁平按钮通常用于警告框,建议居右对齐。通常,操作性按钮放在右边,取消性按钮放在左边,如果用在卡片中,扁平按钮通常向左对齐,以增加按钮的曝光度。但是,有许多不同样式的卡片,设计师可以根据内容和上下文来安排扁平按钮的位置,只要在同一产品中,卡片内的扁平按钮位置是统一的即可。
 

2.凸起按钮
 

凸起按钮有一定的高度,视觉上比较醒目,所以可以起到强调按钮本身的作用。
 

当需要强调页面上的按钮时,建议使用凸按钮。
 

行为:当单击凸起按钮时,按钮的背景会从中间向四周填充上颜色,并且按钮本身会升起一段距离作为反馈。
 

3.底部常驻按钮
 

如果你的应用要求用户能够随时执行某项操作,那么请考虑使用悬浮按钮或底部常驻按钮。
 

4.下拉菜单按钮
 

下拉菜单按钮允许用户从一系列选项中选择一个选项,该按钮默认显示当前选择的选项和下拉箭头。
 

当用户点击下拉菜单按钮时,该选项直接在按钮的正上方弹出,挡住下拉菜单按钮。要注意,下拉菜单的选项是可以设计成允许修改的,并且设计师可以根据需要决定是否需要可修改的属性。
 

5.开关按钮
 

像开关一样,开关按钮有两种状态:一旦被点击,它将从状态a切换到状态b;再次单击并从b切换到a,较常见的按钮如“喜欢”和“收藏”。
 

苹果中按钮的介绍要简单得多,主要介绍苹果系统提供的三种按钮:系统按钮、信息按钮和添加联系人按钮。
 

学校联系方式

更多培训课程,学习资讯,课程优惠等学校信息,请进入 昆明官渡区平面设计培训昆明官渡区淘宝美工培训昆明官渡区UI培训昆明官渡区PS培训 网站详细了解,免费咨询电话:400-998-6158

相关课程