400-609-4309

ui按钮设计怎么做的

按钮是设计过程中经常使用的一种控件,是告诉用户按下按钮后将进行的操作,可以理解按钮是操作的触发器。今天小编主要给大家分享ui按钮设计怎么做的,希望对你们有帮助!

ui按钮设计规范

1.扁平按钮

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

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

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

2.凸起按钮

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

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

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

3.底部常驻按钮

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

4.下拉菜单按钮

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

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

5.开关按钮

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

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

12 12 分享:

相关课程

发表评论

登录后才能评论,请登录后发表评论...
提交评论

最新文章