返回顶部

网站前端页面规范

1. 使用腾讯提供的标准“QQ登录”标识

腾讯提供了下面几种标准的“QQ登录”标识,供开发者下载使用。  下载方式:  将鼠标移到所需的图片上,点击右键选择“图片另存为…”,保存即可。
注意: 1. 我们不提供包含所有规格标识的图片包下载,请开发者根据需要选择合适的标识下载。  2. 以下各种规格的图标版权都归腾讯公司所有,请勿更改,否则腾讯公司有权单方面中止QQ登录连接服务。

1.1 QQ登录长图标

大小 标示
230*48 Connect_logo_5.png
170*32 Connect_logo_4.png
120*24 Connect_logo_3.png
105*16 Connect_logo_2.png

1.2 QQ登录中图标

大小 标示
63*24 Connect_logo_7.png
50*16 Connect_logo_6.png

1.3 QQ登录小图标+文字链接

大小 标示
16*16 Connect_logo_1.png QQ登录

2. 标识放置位置规范

2.1 放置准则

“QQ登录”按钮放置的位置必须易于用户查找,即在网站界面上可以很容易找到“QQ登录”标识。

2.2 建议的放置位置

建议放置在登录页以及注册页,如下图所示(见红色方框标注处):
1. 放置在登录页的例子:

1111
2. 放置在注册页的例子:

yy%e6%88%aa%e5%9b%be2

2.3 中/小规格“QQ登录”标识旁,建议添加文字说明

在放置中/小规格“QQ登录”标识的按钮旁,建议增加说明文字。 例如:“QQ登录”“QQ帐号登录”等字样。 说明文字将有利于增加QQ用户对该功能的认知,以提升潜在的将网站与QQ空间连接的用户数。

yy%e7%99%bb%e5%bd%95%e6%88%aa%e5%9b%be222

3. 用户引导规范

3.1 对初次使用“QQ登录”成功登录网站的用户提供欢迎页面

当用户第一次使用“QQ登录”登录网站,并完成授权以后,网站需提供欢迎页面对用户进行引导。 建议在欢迎页上显示用户QQ空间的昵称和头像以及登录途径,有利于提升用户体验。  如下图所示:

%e6%96%97%e9%b1%bc%e8%b5%84%e6%96%99%e9%a1%b5%e9%9d%a2

3.2 帐号绑定时,使用一键开通的方式开通新帐号

用户首次使用“QQ登录”成功登录网站后,可以引导用户在帐号绑定对话框里授权将QQ帐号与网站帐号绑定。

如果用户没有该网站帐号,则需在对话框里进行简单的注册。  在这里,强烈建议使用一键开通的方式开通新帐号,而无需提供其它注册资料。如下图所示:

439903

3.3 帐号绑定时,使用户的操作量最小化

在引导用户将网站与空间连接的过程中,如果必须用户提供额外信息,强烈建议使用户的操作量最小化,或者在连接成功以后使用其他方式引导用户完善资料。

 

3.4 帐号绑定成功后,允许用户修改用户名

一般网站不允许用户重名,建议网站先为新连接的用户随机分配一个用户名(使用空间昵称+随机数的方式),后面允许用户自行修改用户名。

%e6%96%97%e9%b1%bc%e6%88%aa%e5%9b%be2

3.5 帐号绑定成功后,网站不得诱导用户暴露其QQ关系链及其它隐私信息

帐号绑定成功后,网站不得以任何形式诱导用户暴露其QQ关系链及其它隐私信息,否则腾讯将有权单方面停止合作。

4. 用户名展示规范

用户使用“QQ登录”成功登录网站后,在网站的显示用户名处,应该同时显示用户QQ空间的昵称和头像。

%e6%96%97%e9%b1%bc%e8%b5%84%e6%96%99%e9%a1%b5%e9%9d%a2