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