一、签到设计的类型

龙腾网络-讲述营销的故事

龙腾网络-讲述营销的故事

1W+流量主牌子主资源，一键联系

严选服务商，为机构赋能

营销增长人的专属网址导航

很可惜 T 。T 您现在还不是作者身份，不能自主发稿哦～

如有投稿需求，请把正文发送到邮箱tougao@appcpx.com，一经录用会有专人和您联系

咨询如何成为春羽作者请联系：龙腾网络小羽毛（ngbjxym）

今天和大家分享一个小需求，关于签到按钮设计的心得和思路，希望可以带给大家更多设计思考。

签到的存在不仅可以增加使用者的黏性，也是激活使用者参与度的枢纽因素之一。签到按钮在 UI 设计场景中，算是较为常见的一个类型，一个好的签到按钮不仅可以增强使用者的关注度，也能激发使用者的点击欲。

这就是给你的一个关于签到设计的小需求：

这个小需求看起来很常见，交互设计也许给你的是签到两个字，也有可能帮你画了一个外框。总归它是显得很普通的，是不是没有一点设计感呢？那我们如何去增加设计感，还要有自己的特色，做出一个差异化的签到按钮呢？

让我们带着这个问题，和黑马哥一起卷起袖子开干吧！

在开始案例实战之前得先梳理一下关于签到设计的类型，方便我们挑选出最适合当前服务的风格。

纯文字形式属于最为简单的样式，有直接文字展示、文字带下滑线、文字加箭头等，这个形式不是很建议，缺少设计感和使用者关注度。

为了增强签到的点击属性，通常以按钮的形式设计较为稳妥，也就是我们说的签到按钮。按钮通常是带圆角的和全圆角形式，也分为线性外框、面性外框、质感外框等。想要设计得比较突出，通常会在按钮的质感上面进行视觉表现，增加光影质感和纹理图形等装饰。比如：极光风（弥散光）、流体渐变、图形纹理等都是不错的方向。

在签到按钮的基础上，进行进一步强化就会配合图标或者图形进行视觉感增强。图标设计的角度出发发挥性也比较大，便于设计师做出更多思路。图形的角度可以是 IP 形象的结合，不仅可以增强情感化设计，也能做出差异化的设计思路。

微动效相较于静态表达来说，自然是要更为突出一些，签到按钮动态形式也是较为常见的存在。如果想要突出签到设计，微动效的表达是不会让你失望的。

常规的形式依然离不开按钮的表达，为了打破常规形成差异化的设计，在签到按钮造型上面也是可以进一步深思的。在能够体现出点击属性的前提下，我们可以结合服务属性和业务特征，探索出符合属性范围的造型，也能使得签到设计更有特色。

当我们梳理了一些常见的签到设计类型之后，就可以结合需求选择比较贴合的形式。当然，也可以创造出不一样的设计，下面就和黑马哥一起来演示一下吧！