全国统一学习专线 8:30-21:00
课程导航
建筑表现 室内设计 UI设计 VR游戏 BIM培训
更多

位置: 平面设计学习网>ui按钮设计怎么做的

ui按钮设计怎么做的

南京丝路教育logo
来源:南京丝路教育

2019-09-18|已帮助:31

进入 >

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

ui按钮设计规范
 

1.扁平按钮
 

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

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

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

2.凸起按钮
 

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

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

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

3.底部常驻按钮
 

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

4.下拉菜单按钮
 

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

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

5.开关按钮
 

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

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

以上就是南京丝路教育学院小编为您整理ui按钮设计怎么做的的全部内容,更多精彩请进入平面设计学习网栏目查看

  • 最新文章
  • 学校课程
document.write ('');