使用 TapTap 登录的按钮设计规则
1. 登录按钮的类型
TapTap 登录按钮,具有 “TapTap 登录”文字按钮 和 纯标志按钮,2 种形式。
2. “TapTap 登录”文字按钮
2.1 官方默认按钮
如采用“TapTap 登录”文字按钮,官方提供了 3 种颜色,2 种变体供选择:最大圆角半径、默认圆角半径。 请勿使用最小圆角半径(纯直角)按钮。 请从下图 6 款内选择,可 下载官方设计资源包 使用。
2.2 按钮尺寸
默认高度为 50 pt,在保证 TapTap 登录按钮宽高比不变的前提下,可以根据游戏屏幕分配率规则,来调整按钮的尺寸。
2.3 注意事项
使用“TapTap 登录”文字按钮,该按钮不可更改样式,也不可在官方提供的标准样式上做任何更改,如:添加描边、渐变、投影、纹理等,均不可调整。 在保证按钮的宽高比不变的前提下,可以根据游戏屏幕分配率规则,来调整按钮的尺寸。
2.4 效果示意图
竖屏游戏 示意(仅做参考,最终效果以游戏内实装效果为准)
横屏游戏 示意(仅做参考,最终效果以游戏内实装效果为准)
3. 纯标志按钮
3.1 官方默认按钮
如采用纯标志按钮,官方提供了 2 种颜色,3 种变体供选择:正圆形、纯直角、圆角矩形。请从下图 6 款内选择,可 下载官方设计资源包 使用。
3.2 按钮尺寸
默认尺寸为 40*40 pt,在确保纯标志按钮始终具有 1:1 的宽高比的情况下,可以根据游戏屏幕分配率规则或搭配其他按钮效果等,来调整按钮的尺寸。
3.3 注意事项
1.圆角值:多种登录方式同时排列时,如果使用了纯标志型按钮中的圆角矩形样式,其中 圆角值需保持统一。
2.边缘形态:多种登录方式同时排列时,可轻微调整按钮的边缘形态,同时必须与其他登录方式的边缘形态保持统一。
4. 最新版资源下载地址
点击下载「TapTap 登录」设计资源包