2022-11-15 博博
按钮设计是我们经常会遇到的一个类型，一个好的按钮其最重要的就是激起点击欲，让人忍不住去戳戳戳。
我们来看看下面这个按钮：
很普通，处处都很常见的一种按钮，没有任何点击欲。
那我们应该怎么做出她的点击欲呢？
其实就是要让按钮更有立体感，话不多说直接上干货！
可以用不同的颜色，放大一圈，形成对比：
上下错开一些让按钮的造型饱满立体一些，从原来的单一一层变为两层：
为了让按钮更立体我们可以把这两层个复制一层，往下移动几个像素：
这样按钮是不是就已经立体多了？别急，还有呢！
这里细节就比较多，想把按钮做到晶莹剔透可不容易，给大家好好讲一下。
先给图形加上一个内发光：
使用剪切蒙版，涂颜色或者再来一层内发光，加强这个效果：
复制一层，选用更深的颜色，向下移动，剪切蒙版到里面去，把按钮有一个明显的明暗分割线，形成这种光的层次和厚度：
沿着造型刻画高光，和边缘有些间隔：
在白色的底座上加入按钮的投影：
这样一个剔透，立体感强的按钮造型就完成啦！
那还能不能让点击欲更强一些呢？
放上文案看看：
就还是有点单对吧。
这种时候我们就可以从按钮的文案出发，加入一些图案，让它更生动！
比如这里的文案是“发射”，就联想到了火箭，我们可以绘制一个火箭出来。
把它加入到按钮上：
这样一个丰富且有点击欲的按钮就完成了！
并可以用同样的逻辑去延展别的按钮，让他们保持统一性：
增强按钮的点击欲的方式，其实就是让它变得立体且丰富。
1.层次：单独的一个色块，会很单薄，增加层次增加其在造型上的丰富度。
2.厚度：厚度可以让按钮变得更立体。
3.光影：让按钮富有变化，更立体和吸引人。
4.表像图形：一个关联文案信息的点缀图案，可以让人更有食欲。
作者：菜心轻量文 来源：站酷
蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，请加微信ban_lanlan，报下信息，蓝小助会请您入群。欢迎您加入噢~~
希望得到建议咨询、商务合作，也请与我们联系01063334945。
分享此文一切功德，皆悉回向给文章原作者及众读者. 免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司
您可以选择一种方式赞助本站
支付宝转账赞助
