一、签到设计的类型
要点
- 龙腾网络-讲述营销的故事
- 1W+流量主名号主资源，一键联系
- 严选服务商，为公司赋能
龙腾网络-讲述营销的故事
龙腾网络-讲述营销的故事
1W+流量主名号主资源，一键联系
严选配套商，为机构赋能
营销增长人的专属网址导航
很可惜 T 。T 您现在还不是作者身份，不能自主发稿哦～
如有投稿需求，请把正文发送到邮箱tougao@appcpx.com，一经录用会有专人和您联系
咨询如何成为春羽作者请联系：龙腾网络小羽毛（ngbjxym）
今天和大家分享一个小需求，关于签到按钮设计的积累和思路，希望可以带给大家更多设计思考。
签到的存在不仅可以增加访客的黏性，也是激活访客参与度的中心因素之一。签到按钮在 UI 设计场景中，算是较为常见的一个类型，一个好的签到按钮不仅可以增强访客的关注度，也能激发访客的点击欲。
这就是给你的一个关于签到设计的小需求：
这个小需求看起来很常见，交互设计也许给你的是签到两个字，也有可能帮你画了一个外框。总归它是显得很普通的，是不是没有一点设计感呢？那我们如何去增加设计感，还要有自己的特色，做出一个差异化的签到按钮呢？
让我们带着这个问题，和黑马哥一起卷起袖子开干吧！
在开始案例实战之前得先梳理一下关于签到设计的类型，方便我们挑选出最适合当前配套的风格。
纯文字形式属于最为简单的样式，有直接文字展示、文字带下滑线、文字加箭头等，这个形式不是很建议，缺少设计感和访客关注度。
为了增强签到的点击属性，通常以按钮的形式设计较为稳妥，也就是我们说的签到按钮。按钮通常是带圆角的和全圆角形式，也分为线性外框、面性外框、质感外框等。想要设计得比较突出，通常会在按钮的质感上面进行视觉表现，增加光影质感和纹理图形等装饰。比如：极光风（弥散光）、流体渐变、图形纹理等都是不错的方向。
在签到按钮的基础上，进行进一步强化就会配合图标或者图形进行视觉感增强。图标设计的角度出发发挥性也比较大，便于设计师做出更多对策。图形的角度可以是 IP 形象的结合，不仅可以增强情感化设计，也能做出差异化的设计对策。
微动效相较于静态表达来说，自然是要更为突出一些，签到按钮动态形式也是较为常见的存在。如果想要突出签到设计，微动效的表达是不会让你失望的。
常规的形式依然离不开按钮的表达，为了打破常规形成差异化的设计，在签到按钮造型上面也是可以进一步深思的。在能够体现出点击属性的前提下，我们可以结合配套属性和业务特征，探索出符合属性范围的造型，也能使得签到设计更有特色。
当我们梳理了一些常见的签到设计类型之后，就可以结合需求选择比较贴合的形式。当然，也可以创造出不一样的设计，下面就和黑马哥一起来演示一下吧！