应用审核产品指南

跳转到: 导航, 搜索
第771行: 第771行:
 
**以下是微应用和微盘前后的设计对比,供参考:
 
**以下是微应用和微盘前后的设计对比,供参考:
 
**{{left|http://www.sinaimg.cn/blog/developer/wiki/dpics/sjb842.jpg}}
 
**{{left|http://www.sinaimg.cn/blog/developer/wiki/dpics/sjb842.jpg}}
 +
 +
 +
 +
=网站应用审核=
 +
 +
<b class="W_f14">申请资料</b>
 +
 +
资料填写完整,包括与网站相符合的应用图标和正确的应用文字描述、开发者联系方式等。
 +
 +
 +
<b class="W_f14">微博连接</b>
 +
 +
*1、合作网站必须添加连接/登录入口,采用标准登录按钮,微博连接标准按钮分特大、大、中、小和图标三种:连接按钮标
 +
**准。
 +
*2、合作网站必须为从网站登录的用户提供便于查找的连接入口,需放置在首页、登录页、注册页等位置。
 +
*3、用户点击连接按钮后,将会带领其来到认证授权页。网站必须使用OAuth的方式进行帐号登录。用户点击“直接登录”或完成
 +
**绑定帐户之后,跳转到合作网站主页或内容页,欢迎信息中必须包含微博图标以表明该用户是通过微博帐户登录的。
 +
*4、必须引导第一次连接的用户进入连接设置页面,需告之用户哪些动作会发送信息到微博;在合作网站的用户设置页面增
 +
**加“微博设置”一项,设置内容主要有两部分:
 +
**A、绑定/解除微博:合作网站退出/解除与微博的连接流程需流畅有效,保证用户退出或解除连接后不再向主页发送任何新鲜
 +
***事。
 +
**B、同步设置:告之用户哪些动作会发送新鲜事。
 +
 +
 +
<b class="W_f14">分享按钮</b>
 +
 +
分享按钮的位置和UI对分享效果有重要影响,需将分享按钮放置在方便用户看到、用户乐于互动的区域,如文章标题附近、文章结尾处评论附近等。
 +
 +
 +
<b class="W_f14">进入微博应用广场</b>
 +
 +
网站应用不在应用广场展示。包括帐号绑定、分享按钮、DZ插件。

2013年4月23日 (二) 10:37的版本

目录

审核指南

非常感谢您阅读这篇文档, 这说明您很可能有伟大想法和应用即将在新浪微博开放平台上提供给海量用户, 甚至已经上线了, 我们也为此而高兴。感谢您付出宝贵的才华与时间来开发新浪微博开放平台应用。从职业与报酬的角度而言,这对于成千上万的开发员来说一直都是一项值得投入的 事业。我们希望帮助您加入这个成功的组织。通过它,我们希望帮助您解决开发应用时遇到的问题,以便于您在提交应用时,可以加快审批流程的速度。


我们这里所说的应用是指:在新浪微博开放平台接入的提供服务的应用程序及授权网站。在我们的平台中已经拥有了超过 30万个应用。但我们仍然欢迎那些优质的应用接入我们平台。但如果您的应用没有什么有益的用途或者持续性的娱乐功能,则可能不会获得我方的接受。如果您的应用看上去像是那种只花了几天功夫简单拼凑出来的产品,或者只是想在我们的平台中抓住朋友的眼球,请提前做好遭拒的准备。我们有很多具有严谨态度的开发程序员不希望他们的高品质应用充斥在一些业余作品之中。


作为开发者,您最关心的也许是什么样的应用在新浪微博上能'火'? 这篇文档还回答不了这个问题, 但这篇文档会帮助您了解什么样的应用能够在新浪微博开放平台上发布。


您的应用开发完成后,并将相关的资源打包好后,需要提交到新浪微博开放平台进行应用审核, 审核通过后,应用将会上线,被新浪微博用户所找到。


如果应用审核没有通过,没有关系,我们会告知开发者被拒绝的原因;请根据反馈修改应用后再次提交。如果您去媒体抨击我们,肯定对您于事无补。


这是一个动态文档,新提交的应用会导致新的问题产生,并可能随时产生新的规则。或许您的应用会触及到这一点。所以应用审核指南会经常更新,请经常关注文档最版本。


最后要说明的是,我们非常珍惜这个平台,并且向您的作品表示敬意。我们确实在尝试尽力创建一个完善、健全、公平的平台,以便让您展示才华,同时可能获得相应的报酬。虽然此文档是一份“不该做事宜”的列表,但也请将那份短得多的“必做事宜”列表牢记在心。根据我们的经验,无论是在功能和用户界面上,用户确实会对完善的应用有所反应。如果这读上去让您感觉我们的控制欲过强,那是因为我们曾向用户承诺保证,我们将利用我们的产品让他们获得高品质体验。


一、 条款和条件

1.1 为新浪微博开放平台开发应用,开发者必须遵守新浪微博开放平台开发者协议、新浪微博开放平台设计指南以及开发者和新浪微博开放平台签订的任何协议和合同。以下规则和例子旨在帮助开发者的应用能获得新浪微博开放平台的认可,而不是修改或删除任何其他协议中的条款。


二、 功能和性能

2.1 崩溃的应用将会被拒绝;

2.2 有错误的应用将会被拒绝;

2.3 跟开发者宣传不符的应用将会被拒绝;

2.4 无应用文档或隐藏功能与描述不符的应用将会被拒绝;

2.5 使用非公开API的应用将会被拒绝;

2.6 在指定容器范围外读写数据的应用将会被拒绝;

2.7 以任何方式或形式下载代码的应用能够将会被拒绝;

2.8 安装或释放其他可执行代码的应用将会被拒绝;

2.9 演示版、trial版和测试版的应用将会被拒绝;

2.10 与新浪微博开放平台已有应用重复的应用可能会被拒绝,特别是数量很多时;

2.11 没有显著用途或不提供任何持久娱乐价值的应用可能会被拒绝;

2.12 主要内容为营销或广告的应用将会被拒绝;

2.13 欺骗或有虚假功能,没有明确标明的应用将会被拒绝;

2.14 浏览网络的应用必须使用新浪微博开放平台提供的Web框架;

2.15 提供不正确诊断或其他不准确数据的应用将会被拒绝;

2.16 向新浪微博开放平台上传大量相似版本应用的开发者将会从开发者项目中除名;

2.17 使用非法文件共享的应用将会被拒绝;

2.18 被设计用作非法赌博辅助工具,包括算牌的应用将会被拒绝;

2.19 具有拨打匿名或恶作剧电话或发送类似短信/彩信功能的应用将会被拒绝;

2.20 开发暗中收集用户密码或用户私人数据应用的开发者将会从新浪微博开放平台中除名;

2.21 应用内不允许出现弹出窗口;

2.22 应用内容的访问速度过慢,内容响应速度平均超过6秒, 将会被拒绝。


三、元数据(名称、描述、评级、排名等)

3.1 带有任何非新浪微博开放平台的平台名称的元数据应用将会被拒绝;

3.2 带有占位符文本的应用将会被拒绝;

3.3 带有与应用内容和功能不相关描述的应用将会被拒绝;

3.4 目录与类型不适合于应用内容的应用将会被拒绝

;

3.5 利用伪造或其他评论的方式企图操纵或欺骗用户评价或图表排名的开发者(或者采用其他不正当方式)将会从新浪微博开放平台中除名。


四、 帐号登录

4.1 可支持新浪帐号和绑定新浪帐号的第三方帐号登录,如出现以新浪以外的帐号二次登录、注册,审核将被拒绝。


五、 消息通知

5.1 应用开发消息提醒推送特性必须使用新浪微博开放平台提供的标准API;

5.2 应用使用消息提醒推送,必须先告知用户订阅或同意接受;

5.3 应用如通过消息提醒发送虚假、欺骗性、钓鱼信息,将会被拒绝或下架;

5.4 禁止通过消息提醒推送下方推广、广告类信息;

5.5 滥用消息提醒推送,给用户造成明显骚扰的应用,将会被拒绝或下架;

5.6 禁止通过消息提醒推送病毒、恶意软件、程序执行代码;

5.7 使用消息通知发送敏感个人信息或机密信息的应用将会被拒绝;

5.8 应用不能向使用推送通知服务的用户收取费用;

5.9 如果应用能够传送病毒、文件、计算机代码或程序,并且对APN服务的正常运行造成损害或中断,该应用将会被拒绝。


六、 应用内容

6.1 具有诽谤、人身攻击性质以及内容狭隘卑鄙的应用或者打击特定个人或组织的应用应用将会被拒绝;

6.2 应用中出现人或动物被杀、致残以及枪击、刺伤、拷打等受伤情形的真实画面将会被拒绝;

6.3 出现描绘暴力或虐待儿童等内容的应用将会被拒绝;

6.4 应用中出现的“敌人”角色、字样等不可指向一个特定种族、文化、一个真实存在的政府、企业或者其他任何现实中的实体;

6.5 包含虚假,欺诈或误导性陈述的应用将会被拒绝;

6.6 请求、促进或鼓励犯罪或明显鲁莽行为的应用将会被拒绝;

6.7 对武器进行真实描述以怂恿非法使用或滥用这些武器的应用将会被拒绝;

6.8 应用中出现过于令人反感或者低俗的内容将会被拒绝,低俗内容审核遵照《新浪微博用户公约》;

6.9 在设计上用于激怒用户或令人感到厌恶的应用将会被拒绝;

6.10 含有色情素材,也就是《新浪微博用户公约》中定义的“旨在激发情欲,对性器官或性行为的明确描述或展示,而无关美学或情绪感受”等的应用将会被拒绝;

6.11 用户产生内容多为色情的应用将会被拒绝;

6.12 涉及宗教、文化或种族群体的引用或评论包含诽谤性、攻击性或自私性内容,或会使特定群体遭受伤害或暴力的应用将会被拒绝;

6.13 应用可以包含或引用宗教经文,应用所提供的引用或翻译必须准确且不会引起误导。评论应该有教育意义,可以令人开阔眼界,而不应有煽动性;



6.14 赌金和竞赛等博彩类操作必须由合法授权的应用的开发者/公司发起;

6.15 赌金和竞赛等博彩类操作规则必须在应用中注明,并且必须明确表示新浪不是发起者,也没有以任何方式参与活动;

6.16 开发者运营的彩票应用必须在法律容许范围之内,彩票应用必须具有以下所有特性:报酬、几率及奖品;

6.17 允许用户直接购买彩票或抽彩售物券的应用将会被拒绝;


6.18 包含可以向认证的慈善组织捐赠内容的应用必须是免费的。


七、商标与商业外观


7.1 应用必须遵守使用新浪商标和版权以及新浪商标列表指导手册中说明的所有条款与条件;

7.2 非新浪微博官方应用,禁止在应用名称、输出内容中出现‘新浪’、‘微博’、‘sina'、‘weibo’等字样;

7.3 任何误导和暗示新浪公司是该应用来源或提供商,或者误导和暗示新浪公司以任何形式表示认可其质量或功能的应用将会被拒绝;

7.4 与目前已有新浪产品或者广告主题外观相似混淆的应用将会被拒绝;

7.5 在应用任何授权可以使用新浪商标和版权的内容中将新浪商标内容或版权内容拼错的应用(例如,助手for新郎, SinA)将会被拒绝;

7.6 使用受保护的第三方材料(商标、版权、商业机密、其他私有内容)在申请时需要提供一份文本形式的版权确认。


八、用户界面 8.1 应用必须遵守新浪微博《用户界面指导原则》中解释的所有条款和条件;

8.2 未能按新浪微博《用户界面指导原则》所述,正确使用系统自带的按钮、图标等项目的应用会被拒绝;

8.3 有明显的体验缺陷的应用将被拒绝,包括但不限于:界面、页面显示错误、杂乱,出现不能使用的按钮、连接、导航等,明显的错别字、图片错误等;

8.4 明显抄袭已有应用的界面、图标等设计元素的应用,将会被拒绝。


九、广告相关

9.1 人工增加应用访问次数或者新浪广告点击量的应用将会被拒绝;

9.2 主要设计目的在于显示广告的应用将会被拒绝;

9.3 应用内容、界面,不能出现与应用本身内容无关的广告,广告形态包括但不限于banner,文字链等。


十、支付

10.1 新浪微博开放平台应用必须是应用免费,应用内可提供有偿服务;

10.2 使用非新浪微博平台提供的支付能力的应用将会被拒绝;

10.3 购买实物商品和并非用于该应用的服务的应用将会被拒绝;


十一、 隐私保护

11.1 应用不能在未获用户允许或未向用户提供如何使用及在何处使用数据的相关信息情况下传输有关用户的数据;

11.2 要求用户共享电子邮箱地址和出生日期等私人信息才可使用其功能的应用将会被拒绝;

11.3 锁定未成年人进行数据收集的应用将会被拒绝;

11.4 向终端用户或任意第三方显示用户ID的应用将会被拒绝;

11.5 将用户ID用于任何未新浪微博开放平台条款批准用途的应用将会被拒绝;

11.6 企图进行反射查找、跟踪、关联、挖掘、获得或利用用户ID、化名或通过新浪微博开放平台获得的其他信息的开发者将会从新浪微博开放平台中除名。


十二、抓取和聚合

12.1 从新浪网站(例如sina.com.cn、weibo.com等)抓取任何信息或者使用新浪网站的内容和服务进行排名的应用将遭到拒绝;

12.2 应用可以使用获得批准的新浪RSS feeds,例如sina RSS feeds;

12.3 只是简单的网页剪切、内容聚合器或者罗列链接的应用可能会被拒绝。


十三、法律约束

13.1 应用必须遵守各地用户遵守的任何法律要求;

13.2 开发者有义务了解并遵守当地所有法律。


审核流程

当你的应用完成开发,便进入提交审核阶段,以下是审核流程导览:



开发中

创建应用后,您的应用状态为:已注册、开发中状态,当您的应用创建时间,API调用次数等满足一定的条件,即可点击“提交审核”进行文案审核申请。

sh11.jpg


文案待审核

应用如果希望在通过接口发出的微博信息中显示来源地址,则需要进行文案审核申请。默认显示“未通过审核应用”。

sh21.jpg


文案审核通过

文案审核通过后,通过应用发出的微博信息将会在微博页面上显示来源信息,用户点击后会打开应用后台中填写的链接地址。此时应用后台会显示“提交审核”的按钮,点击后可以申请进入应用广场。

sh31.jpg


广场待审核

应用如果希望在应用广场显示,需要进行进入广场的申请。

sh41.jpg


广场审核通过

广场审核通过后,应用将会在应用广场相应的类别中展现。此时应用后台会显示“已上线”的提示。

sh51.jpg


广场审核驳回

广场审核被驳回后,应用无法在应用广场页面中展现,但在通过应用发出的微博信息中仍会显示来源信息(文案通过审核的前提下)。

sh61.jpg


AppKey停用

Appkey被停用后,应用将无法调用接口进行操作。

sh71.jpg

审核时间:

  • 1、文案来源审核:开发者提交应用后3个工作日内完成审核并反馈
  • 2、应用广场审核:开发者提交广场审核后7个工作日内完成审核
  • 3、文案来源二次审核:开发者提交修改应用后3个工作日内完成审核


开发者审核规范

一、个人开发者

前提

在open.weibo.com填写开发者资料并通过邮箱验证


申请资料

A. 开发者资料中所有信息填写完全且正确

B. 开发者类型选择为“个人”

C. 填写身份认证信息(包括真实姓名、是否外籍、证件号码)

D. 提交证件照片(身份证/护照)

E. 填写手机号码并通过短信验证


审核流程

A. 开发者线上提交审核申请,提交清晰的证件扫描件

B. 审核人员核实开发者真实姓名或证件号码是否与身份证扫描件符合

C. 审核人员核实开发者身份信息是否属实

D. 发送审核结果通知


二、企业开发者

前提

http://open.weibo.com/ 填写开发者资料并通过邮箱验证


申请资料

A. 开发者资料中所有信息填写完全且正确

B. 开发者类型选择为“公司”

C. 填写身份认证信息(包括公司名称、营业执照号)

D.提交证件扫描件(法人身份证扫描件、营业执照扫描件及税务登记扫描件)


审核流程

A. 开发者线上提交审核申请,提交清晰的证件扫描件

B. 审核人员核实开发者公司名称及营业执照号是否与证件扫描件符合

C. 审核人员核实法人身份信息、营业执照信息及税务登记信息是否属实

D.发送审核结果通知


三、加V认证审核--合作网站

认证范围

A. 具有独立域名和合法资质的综合型、行业型、电子商务、生活服务、社区、论坛等资讯类型网站。

B. 非网站认证范围

    • a. 企业、软件、产品、服务商、机构、活动、品牌、网游等官网,WAP站点。
    • b. 涉及色情、赌博、暴力、等非和谐内容的网站。
    • c. 独立微博网站。


认证要求

A. 网站要求

  • a. 资讯类网站
    • (1) 网站必须具备中华人民共和国工业和信息化部ICP备案号。
    • (2) 网站可正常访问,内容丰富浏览显示正常、完整。
  • b.社区、论坛类型网站
    • (1) 网站必须具备中华人民共和国工业和信息化部ICP备案号。
    • (2) 网站可正常访问,内容浏览显示正常、完整。
    • (3) 网站用户具有一定的活跃度,网站注册用户在5千以上。
  • c.后援会类型网站
    • (1) 网站必须具备中华人民共和国工业和信息化部ICP备案号。
    • (2) 网站可正常访问,内容浏览显示正常、完整。
    • (3) 网站需提供明星授权公函,写明此网站为明星确认为官方后援会/粉丝团网站,对网站发布的信息表示认可,签字并加盖经纪公司公章。

B.认证微博要求

    • a. 微博昵称体现完整网站名称、突出网站帐号身份;昵称中不能包含大众熟知的专有名词和通用短语。
    • b. 微博头像体现完整网站LOGO。
    • c. 微博内容多原创、体现网站信息。
    • d. 微博内容保证每日发布更新。

C.认证说明要求

网站认证说明内容包括:网站所属行业或内容定位、网站名称、网站域名+官方微博。


认证流程

A.在线提交认证申请,填写申请信息。

B.下载、上传检测文件,验证网站真实性。

C.等待工作人员审核。

D.审核完成。

    • a.审核通过,申请微博收到“通知”,获得认证标识。
    • b.审核未通过,申请微博收到“通知”反馈未通过审核原因。


认证处罚

A.凡通过官方微博认证的网站第一次出现违规内容或行为,经核实确认后将取消认证,处罚期限为30天。

B.凡网站第二次涉及违规内容或行为,将永久不予进行官方微博认证。


四、加V认证审核--微博应用

认证范围

新浪微博第三方应用。


认证要求

A. 应用要求

新浪微博第三方应用通过应用广场审核。

B. 认证微博要求

    • a. 微博昵称与应用名称保持一致
    • b. 微博头像与应用图标保持一致
    • c. 微博内容与应用内容关联紧密
    • d. 微博内容保证每天发布更新

C. 认证说明要求

应用微博认证说明内容为统一规范格式“新浪微博第三方应用“应用名称”官方微博”。


认证流程 A.在线提交认证申请,填写申请信息。

B.等待工作人员审核。

C.审核完成。

    • a. 审核通过,申请微博收到“通知”,获得认证标识。
    • b. 审核未通过,申请微博收到“通知”反馈未通过审核原因。


五、开发者身份二次排查

为了更好的维护开放平台开发者身份的真实性,我们会随时对已审核通过的开发者(包括个人和公司)进行二次排查;对日均用户量大于等于5000人以上的应用开发者随时进行排查,如没有按照以上规范擅自修改开发者信息的应用,开放平台将采取以下措施:

A、已发布到应用频道的应用,将会从应用频道中下线,同时联系开发者在3个工作日内修改违规内容完毕,并需要重新提交审核;

B、未发布到应用频道的应用,将会取消来源文案显示,同时联系开发者在3个工作日内修改违规内容完毕,并需要重新提交审核;

C、违规的开发者,在下线修改完毕后,需经一周的观察测试后方可重新通过相应的审核;

D、对于未能在要求的时间内完成修改的开发者,将会停止对应的接口使用权限;

E、 对于违规行为严重的应用,将会立即直接停止对应的接口使用权限,同时我方保留诉诸相关法律的权利。


六、用户日常举报作恶开发者帐号处理

经调查取证核实后,确定开发者微博帐号涉及违规行为或开发的应用确实属于作恶应用,将立刻广场、文案驳回,并通知警告开发者进行48小时内进行修改;作恶行为极其严重的应用,将立即停止加V帐号的认证。

注:以上处理结果均会在开放平台官方帐号、论坛、官方微群上进行公示。


七、审核时间

A、开发者身份审核:开发者提交应用后3个工作日内完成审核并反馈;

B、微博帐号加V审核:开发者提交广场审核后7个工作日内完成审核。


应用设计审核规范

新浪微博第三方产品设计规范-WEB端(PDF)     新浪微博第三方产品设计规范-WEB端(PSD)


A 交互规范

A1 使用说明

    • 本文档定义了新浪微博第三方产品的交互框架结构,相关内容的尺寸定义和视觉样式请查阅新浪微博视觉规范和PSD源文件。本文档中02、03、04部分为必选项,贵方设计产品时必须遵守。05部分为可选项,列举了微博现有的布局、组件/控件样式,供设计时参考。


A2 交互设计原则

    • 第三方产品在设计方案除了遵循本文档所列的通用规范外,有较大的设计自由。新浪微博设计部提供以下交互设计原则做参考:
    • 统一性和标准性
    • 同类型页面采用相同或相似布局结构,同类操作的响应方式保持一致;
    • 导航类结构保持一致,包括全局导航、搜索、筛选等;
    • 文案表述方式统一且易懂,包括信息提示、称谓、菜单、语法标点、功能名称等;


    • 信息清晰、导向明确
    • 主次内容布局合理,各类型信息组织逻辑清晰;
    • 清楚知道当前页面状态,二级及以下页面要有清晰的导航层次,例如统一导航、面包屑等;


    • 反馈及时有效
    • 对用户操作及时反馈;
    • 反馈信息准确、简洁、直白,并对用户操作具有指导性;


    • 错误及安全预防
    • 对有严重后果的操作提供必要提醒;
    • 提供预防或纠正错误的方式;
    • 提供隐私保护措施;


A3 独立第三方产品的框架规范

A3.1 整体框架布局

    • 第三方产品需严格包含以下五部分:微博顶导、页头、内容、底导及微博页尾。其中,微博顶导和页尾请直接调用接口,页头、内容及底导请贵方依据交互框架原则,自行设计具体结构内容。
    • sja311.jpg


A3.2 微博顶导

    • 原则上第三方产品请直接调用新浪微博简版顶导。如果有特殊需要想使用全版顶导,请联系微博相关接口人确认。
    • sja321.jpg


A3.3 页头

    • 页头是整个产品的全局导航区域,必须包含产品的Logo和标题。其他元素,例如Slogan、品牌头图展示、搜索框、运营位等,在不破坏页头整体结构的前提下,请自行布局。
    • sja331.jpg


    • 页头有两种尺寸可选择:标准页头和窄版页头。标准页头适用于产品的一级页面,窄版页头适用于二级页面。设计窄版页头的目的是为了在二级页面能更多地展示内容,所以把页头高度压低。在具体产品中,请遵循以下原则,产品页面不可以只使用窄版页头,产品的一级页面也不可以使用窄版页头。


    • 如果产品的一级导航放在页头区域,请靠右对齐,参考以下结构:
    • sja332.jpg


A3.4 内容

    • 内容区的布局有多种分栏结构供使用:三栏版、两栏版(左窄右宽、右宽左窄)、通栏版。栅格系统尺寸请查阅视觉规范定义。产品可以依据自身结构特性,选择适当的布局版式。


    • 三栏版
    • 左侧为导航,中间为主内容区,右侧为推荐、帮助等次要内容。
    • sja341.jpg


    • 两栏版-左窄右宽
    • 左侧为导航,右侧为内容区。依据产品内容可以选择以下四种左窄右宽的两栏布局。
    • sja342.jpg


    • 两栏版-左宽右窄
    • 左侧为内容区,右侧为导航。依据产品内容可以选择以下四种左宽右窄的两栏布局。
    • sja343.jpg


    • 通栏版
    • 通栏结构对于导航和主次内容没有明确规范,请自行设计。原则,信息结构清晰、导航指引明确。
    • sja344.jpg
    • 如果上述分栏结构无法满足产品实际需要,可以在此栅格系统基础上,以30px为模数单位进行变化,如720/260。


A3.5 底导

    • 底导是作为该产品周边相关的外部导航入口,例如第三方其他产品的链接、移动端下载链接等。请参考以下结构:
    • sja351.jpg


A3.6 微博页尾

    • 第三方产品请直接调用新浪微博页尾。
    • sja361.jpg


A4 嵌入微博个人主页的应用框架规范

A4.1 整体框架布局

    • 下图虚线框选的部分是内嵌应用的内容区。与独立网页的设计不同,内嵌应用的交互组件/控件、视觉样式需严格遵守微博的设计规范,重用部分请直接调用微博的相关接口。


A4.2 应用内容区分栏布局

    • 应用内容区建议使用两种分栏布局:560-20-380的两栏,940的通栏。


A5 通用组件及控件规范

A5.1 登录页及登录浮层

    • 登录,有两种形式,页面和对话框。
    • 当需要使用登录页面时,请调用微博Mini登录页面,该页面除了运营区可以自定义,其余部分不能改动。
    • sja511.jpg


    • 当需要使用登录对话框时,请调用微博登录面板。
    • sja512.jpg


A5.2 微博发布器

    • 当在第三方产品中需要使用分享微博的地方,请调用微博发布器,该发布器中的元素不允许修改。
    • sja521.jpg


A5.3 对话框和弹层

    • 对话框和弹层都是用来完成某些信息提示或任务的交互载体,不同的是,对话框偏向于更加重要的操作或信息行为,居页面中间出现或在操作对象附近出现,是强制打断用户当前任务。而弹层更偏向于快捷的操作或信息行为,在操作对象的附近出现,希望尽可能少的打断用户当前任务。


    • 对话框
    • 如下是对话框的基本结构:
    • sja531.jpg


    • 对话框必须含有标题、“X”按钮、内容和命令。标题和内容左对齐,关闭和命令右对齐。命令区必须含有关闭对话框的操作。原则上,对话框高度不允许太高以至超出用户屏幕之外。


    • 对话框主要分两类:信息类对话框和任务类对话框。
    • 信息类对话框适用于重要提示、确认、警告、反馈等场景,其内容区主要是文本信息描述。要求文本信息左侧需有类型图标,例如删除、确认、警告操作要使用不同的图标做类型区分。任务类对话框适用于对象选择、表单填写等场景。


    • 弹层
    • 弹层在操作对象的附近出现,如下是弹层的两个基本结构:
    • sja532.jpg


    • 带命令弹层适用于任务类的行为,不带命令弹层适用于成功提示的反馈。不带命令弹层会自动消失,所以,此提示文案不是用户必须看到的。


B 视觉规范 B1 使用说明

    • B视觉规范定义了新浪微博第三方产品的栅格系统、框架性视觉尺寸及样式。相关源文件可下载新浪微博提供的PSD文档。
    • 视觉规范中使用了三种单元尺寸块,绿色为10px,红色为15px,紫色为20px。
    • sjb111.jpg


B2 栅格系统

    • sjb211.jpg


B3 导航 B3.1 微博顶导

    • 顶部导航居中,高度:25px。
    • sjb311.jpg


B3.2 页头

    • 标准页头
    • sjb321.jpg


    • 窄版页头
    • sjb322.jpg


B3.3 页尾

    • sjb331.jpg


B4 微博发布器

    • sjb411.jpg


B5 基本控件 B5.1 加关注按钮

    • sjb511.jpg
    • sjb512.jpg
    • sjb513.jpg


B5.2 头像

    • sjb521.jpg


B6 嵌入微博个人主页的应用规范 B6.1 个人主页页卡icon规范

    • sjb611.jpg
    • Icon限定高度:20px,高度含投影应在22*22px以内
    • sjb612.jpg


B6.2 页面模块间距

    • sjb621.jpg


B6.3 右侧模块规范

    • sjb631.jpg


B6.4 右侧模块设计示例(可选)

    • a 用户关系类内容
    • sjb641.jpg
    • b 多媒体内容
    • sjb642.jpg
    • sjb643.jpg


    • c 话题类内容
    • sjb644.jpg


    • d 微博类内容
    • sjb645.jpg


B7 对话框和弹层 B7.1 对话框和弹层尺寸定义

    • 标准对话框
    • sjb711.jpg


    • 模态对话框(强制压黑背景)
    • sjb712.jpg


    • 弹层
    • sjb713.jpg


B7.2 设计示例(可选)

    • 模版选择对话框
    • sjb721.jpg


    • 微博发布器附件选择弹层
    • sjb722.jpg


B8 Logo规范 B8.1 Logo比例及光源

    • 中英文域名组合比例关系(此为推荐组合):
    • sjb811.jpg


    • 无域名组合比例关系:
    • sjb812.jpg


    • 光源位置为正上方90度
    • sjb813.jpg


B8.2 Logo图形主体及延展区安全范围

    • sjb821.jpg
    • 如图所示,以Logo主体高度为基准,其延展范围不得超过主体高度的20%。


B8.3 Logo字体

    • 背景明度范围B70~B100时,使用以下规范:
    • sjb831.jpg


    • 背景明度范围B0~B60时,使用以下规范:
    • sjb832.jpg


B8.4 Logo设计风格建议

    • sjb841.jpg
    • 建议的设计风格为:轻薄化、平面化。应避免使用过重的渐变质感、水晶和发光。
    • 以下是微应用和微盘前后的设计对比,供参考:
    • sjb842.jpg


网站应用审核

申请资料

资料填写完整,包括与网站相符合的应用图标和正确的应用文字描述、开发者联系方式等。


微博连接

  • 1、合作网站必须添加连接/登录入口,采用标准登录按钮,微博连接标准按钮分特大、大、中、小和图标三种:连接按钮标
    • 准。
  • 2、合作网站必须为从网站登录的用户提供便于查找的连接入口,需放置在首页、登录页、注册页等位置。
  • 3、用户点击连接按钮后,将会带领其来到认证授权页。网站必须使用OAuth的方式进行帐号登录。用户点击“直接登录”或完成
    • 绑定帐户之后,跳转到合作网站主页或内容页,欢迎信息中必须包含微博图标以表明该用户是通过微博帐户登录的。
  • 4、必须引导第一次连接的用户进入连接设置页面,需告之用户哪些动作会发送信息到微博;在合作网站的用户设置页面增
    • 加“微博设置”一项,设置内容主要有两部分:
    • A、绑定/解除微博:合作网站退出/解除与微博的连接流程需流畅有效,保证用户退出或解除连接后不再向主页发送任何新鲜
      • 事。
    • B、同步设置:告之用户哪些动作会发送新鲜事。


分享按钮

分享按钮的位置和UI对分享效果有重要影响,需将分享按钮放置在方便用户看到、用户乐于互动的区域,如文章标题附近、文章结尾处评论附近等。


进入微博应用广场

网站应用不在应用广场展示。包括帐号绑定、分享按钮、DZ插件。