ui按钮设计怎么做的
ui按钮设计怎么做的
1.扁平按钮
扁平按钮使用文本作为按钮。
行为:单击扁平按钮时,按钮不会向上移动,但其背景颜色会有从中间延伸到四周的效果。
用法:扁平按钮通常用于警告框,建议居右对齐。通常,操作性按钮放在右边,取消性按钮放在左边,如果用在卡片中,扁平按钮通常向左对齐,以增加按钮的曝光度。但是,有许多不同样式的卡片,设计师可以根据内容和上下文来安排扁平按钮的位置,只要在同一产品中,卡片内的扁平按钮位置是统一的即可。
2.凸起按钮
凸起按钮有一定的高度,视觉上比较醒目,所以可以起到强调按钮本身的作用。
当需要强调页面上的按钮时,建议使用凸按钮。
行为:当单击凸起按钮时,按钮的背景会从中间向四周填充上颜色,并且按钮本身会升起一段距离作为反馈。
3.底部常驻按钮
如果你的应用要求用户能够随时执行某项操作,那么请考虑使用悬浮按钮或底部常驻按钮。
4.下拉菜单按钮
下拉菜单按钮允许用户从一系列选项中选择一个选项,该按钮默认显示当前选择的选项和下拉箭头。
当用户点击下拉菜单按钮时,该选项直接在按钮的正上方弹出,挡住下拉菜单按钮。要注意,下拉菜单的选项是可以设计成允许修改的,并且设计师可以根据需要决定是否需要可修改的属性。
5.开关按钮
像开关一样,开关按钮有两种状态:一旦被点击,它将从状态a切换到状态b;再次单击并从b切换到a,较常见的按钮如“喜欢”和“收藏”。
苹果中按钮的介绍要简单得多,主要介绍苹果系统提供的三种按钮:系统按钮、信息按钮和添加联系人按钮。
更多培训课程,学习资讯,课程优惠等学校信息,请进入 昆明官渡区平面设计培训昆明官渡区淘宝美工培训昆明官渡区UI培训昆明官渡区PS培训 网站详细了解,免费咨询电话:400-998-6158