TapTap 登录入口的设计规则
登录入口的类型
符号型
长胶囊按钮型
符号型登录入口
信息构成
由「Tap」字样标志 + 按钮背景构成。
正确入口信息构成
「Tap」字样标志 + 按钮背景
错误入口信息构成
不允许使用「TapTap」字样标志
按钮形状
默认为圆形，可调整为带圆角带方形以匹配游戏界面其他按钮的外观。
圆形
带圆角的方形
按钮尺寸
默认尺寸为 40*40 pt，请确保符号型按钮始终具有 1:1 的宽高比。
按钮边距
可下载的资源包中的物料已包含正确的填充，请避免裁剪或额外的填充。
长胶囊型登录入口
信息构成
由「TapTap」字样标志 + 文本 + 按钮背景构成。
正确入口信息构成
「Tap」字样标志 + 文本 + 按钮背景
错误入口信息构成
不允许使用「Tap」字样标志
按钮圆角
默认为最大圆角半径（胶囊形），可调整圆角度数以匹配游戏界面其他按钮的外观。
胶囊型
带圆角的方形
按钮尺寸
默认高度为 40pt，在保证 TapTap 图标宽高比不变的前提下，可以调整按钮的大小。
按钮文本
建议使用的按钮文本为「登录」，请避免使用换行符，且「TapTap」之间没有空格。
登录入口的色彩规则
提供两种默认颜色：品牌色（蓝绿）、白色。
品牌色（蓝绿）
白色
使用品牌色背景时，TapTap 标志和文字为白色。
使用白色背景时，TapTap 标志和文字为品牌色。
登录入口的定制规则
当需要在 TapTap 标志上加入色彩，必须使用标志的品牌色（蓝绿），可基于品牌色做小幅度色值的微调。另外，还可以使用反白色的 TapTap 标志。
TapTap 字样填充色只能是蓝白两种选一种。
正确标志颜色
1. 允许基于 TapTap 标志蓝绿品牌色，做小幅度微调
2. 在深色背景下，可使用 TapTap 标志反白色
错误标志颜色
TapTap 标志需要填充色彩时，不允许改变标志的品牌色
由于登录 SDK 会接入到各种手游中，游戏厂商可以对 TapTap 标志进行轻微的定制，但必须保持 TapTap 标志的品牌识别度。不限制外框、背景、按钮文本，但不允许改变 TapTap 品牌标志的样式和颜色。
正确的定制
1. 保持 TapTap 标志的造型
2. 允许追加投影
3. 允许追加质感
4. 允许添加描边
错误的定制
1. 不允许改变 TapTap 标志造型
2. 不允许模糊 TapTap 标志
3. 不允许使用其他内容替换 TapTap 标志
多种登录方式的排列规则
登录入口的背景的尺寸与风格可以根据游戏按钮的整体风格，对按钮背景进行任意造型的改造，但必须与其他登录形式的造型保持统一。
正确的按钮背景样式
允许替换背景风格、允许根据游戏按钮的整体风格，对按钮底板进行
任意造型的改造，但必须与其他登录形式的形状保持统一
错误的按钮背景样式
不允许与其他登录方式的背景形状产生差别
资源下载
点击下载 icon.zip