在UI设计中，对于按钮设计，我们是比较考究的。一场活动中，视觉呈现固然重要，但最终的目的都是吸引用户点击购买或转发。因此为了达到营销目标，我们需要对按钮进行合理设计，今日小编就为大家总结以下几点按钮设计的技巧。
抓人眼球
在 UI 设计中，标准的按钮是有对应的比例公式的。按钮高度通常是文字字号的2.4倍，再取4的整倍数。例如：字号24，乘以2.4就是57.6，取离4倍数最近的值就是56PX。按钮宽度通常取文字宽度和按钮高度的总和，如文字宽度96，按钮高度56，那么按钮宽度就是152（公式只作为参考）。同时要注意文字和留白的占比、按钮大小以及热区大小是否会影响操作。
如上图banner，原版设计按钮只有GO，但如果两端留白的话，观感会轻松些，文案加上“限量抢”会在增加用户的紧迫心理，加强点击欲望，按钮的视觉比例也更舒适。
色彩搭配
强烈的颜色冲击会吸引用户点击，如上图，原版设计虽然突出了价格，但是按钮颜色却和背景几乎相融，若将底色更改，那么用户的点击率必定会上升许多。同时，要记得把按钮的各个形状考虑完整。
视觉区分
当页面中有多个按钮，我们需要将按钮与元素进行颜色、样式、占比、形状上的区分，否则会大大降低点击转化率和用户体验感。
Tips：在同一页面中，有以下几点可以注意。
· 同类型的圆角按钮，圆角的比例需保持一致；
· 同类型的按钮样式要保持一致，按钮要看起来可点击，识别度高，尽量做圆形、圆角矩形、直角矩形等这类大众常见的，提高阅读成本。
· 一般圆角按钮比直角按钮的识别度更高，但在下拉菜单选项时，直角设计更合适。
· 时刻注意按钮与信息排版的亲密性和阅读轨迹的舒适度。
减少流程
一般商品活动页的正常流程是点击商品-进入详情页-加入购物车。但是当用户在活动页里看中10个商品，可能就需要在在详情页和活动页来回切换点击，这样会大大影响商品的加购率。而严选的活动页按钮直达加购，避免用户来回切换。
掌握用户心理
现代人大部分都喜欢薅羊毛、稀缺感、选择自由。因此除了设计上要花心思，文案上也需要仔细琢磨。例如下图示例，右图会让用户认为自己捡到了便宜，而左图就会让用户认为“价格贵，不想点”。
很多时候做设计，就是讲究细节，而不是单纯做一张图而已。因此也希望大家能有此觉悟，对于探索各个细节对目标达成的影响。
文章参考：
https://www.uisdc.com/7-e-commerce-button-design
