ui按钮设计怎么做的

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

  1.扁平按钮

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

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

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

  2.凸起按钮

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

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

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

  3.底部常驻按钮

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

  4.下拉菜单按钮

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

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

  5.开关按钮

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

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

尊重原创文章，转载请注明出处与链接：http://fstianhu.5zix.com/news/103922/ 违者必究！ 以上就是佛山天琥设计培训学校 小编为您整理ui按钮设计怎么做的的全部内容。

---

• ← 佛山天琥教育告诉你平面设计好不好
• 佛山天琥设计培训学校告诉你平面设计的学习内容 →