使用 TapTap 登录的按钮设计规则

1. 登录按钮的类型与样式

TapTap 登录按钮，具有 “TapTap 登录”文字按钮 和 纯标志按钮，2 种形式。

1.1 “TapTap 登录”文字按钮的样式

如采用 “TapTap 登录”文字按钮，官方提供了 3 种颜色，2 种变体供选择：最大圆角半径、默认圆角半径。 请勿使用最小圆角半径（纯直角）按钮。 请从下图 6 款内选择，可 下载官方设计资源包 使用。

1.2 纯标志按钮的样式

如采用纯标志按钮，官方提供了 2 种颜色，3 种变体供选择：正圆形、纯直角、圆角矩形。请从下图 6 款内选择，可 下载官方设计资源包 使用。

2.【移动端】“TapTap 登录”文字按钮

2.1 按钮尺寸

默认高度为 50 pt，在保证 TapTap 登录按钮宽高比不变的前提下，可以根据游戏屏幕分配率规则，来调整按钮的尺寸。

2.2 注意事项

使用“TapTap 登录”文字按钮，该按钮不可更改样式，也不可在官方提供的标准样式上做任何更改，如：添加描边、渐变、投影、纹理等，均不可调整。 在保证按钮的宽高比不变的前提下，可以根据游戏屏幕分配率规则，来调整按钮的尺寸。

2.3 效果示意图

竖屏游戏 示意（仅做参考，最终效果以游戏内实装效果为准）

横屏游戏 示意（仅做参考，最终效果以游戏内实装效果为准）

3.【PC 端】“TapTap 登录”文字按钮

3.1 按钮尺寸

默认高度为 70 pt，在保证 TapTap 登录按钮宽高比不变的前提下，可以根据游戏屏幕分配率规则，来调整按钮的尺寸。

3.2 注意事项

使用“TapTap 登录”文字按钮，该按钮不可更改样式，也不可在官方提供的标准样式上做任何更改，如：添加描边、渐变、投影、纹理等，均不可调整。 在保证按钮的宽高比不变的前提下，可以根据游戏屏幕分配率规则，来调整按钮的尺寸。

3.2 效果示意图

PC 电脑端游戏 示意（仅做参考，最终效果以游戏内实装效果为准）

4. ”纯标志“按钮

4.1 按钮尺寸

默认尺寸为 40*40 pt，在确保纯标志按钮始终具有 1:1 的宽高比的情况下，可以根据游戏屏幕分配率规则或搭配其他按钮效果等，来调整按钮的尺寸。

4.2 注意事项

**圆角值：**多种登录方式同时排列时，如果使用了纯标志型按钮中的圆角矩形样式，其中 圆角值需保持统一。

**边缘形态：**多种登录方式同时排列时，可轻微调整按钮的边缘形态，同时必须与其他登录方式的边缘形态保持统一。

5. 最新版资源下载地址

点击下载「TapTap 登录」设计资源包