跳到主要内容
版本:v4

使用 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 登录」设计资源包