QQ设计规范
VI设计参考-腾讯-QQVIP

Created byISUX Brand Center2016. 10QQ VIP Brand BookQQ 会员品牌书This guideline contains basic principles and examples that are needed to maintain the consistency of QQ VIP’s brand identity, from the primary logo, color, graphic device, imagery through to the typographic style. It shows you what these key elements are and how to apply them correctly and consistently throughout the various applications. It is essential that the key elements should be applied correctly and consistently. However, there is enough flexibility to always produce fresh, creative and differentiated communication pieces. It is not essential to use every element on every item of communication, but to deliver a strong brand message without compromising the brand identity.本规范手册包含的品牌基本原则和使用案例,通过基本标志、品牌色、图形设计以及图像排版风格,以保持“QQ 会员”的品牌视觉识别统一性。
机关单位qq管理制度

机关单位qq管理制度第一章总则第一条为了规范机关单位内部QQ使用,保障工作秩序,提高工作效率,制定本制度。
第二条本制度适用于机关单位内部QQ的管理,包括但不限于机关单位下属各部门、员工使用QQ的规定。
第三条机关单位QQ管理应遵循便捷高效、规范有序、安全保密的原则。
第四条机关单位QQ管理应严格保护用户信息和隐私,禁止泄露、倒卖、篡改、盗用等行为。
第五条机关单位应当配备专门的管理人员负责QQ管理工作,确保制度的贯彻执行。
第六条机关单位QQ管理制度由机关单位领导班子讨论通过,并由办公室负责具体执行和监督。
第七条机关单位QQ管理制度的解释权归机关单位领导班子所有。
第二章 QQ账号的注册与管理第八条机关单位应为每位员工分配一个独立的QQ账号,用于工作沟通和交流。
第九条员工应按照规定的程序,准确填写个人信息注册QQ账号,确保注册信息的真实有效。
第十条 QQ账号的密码应定期更改,避免账号被盗用或篡改。
第十一条 QQ账号的使用应当遵守相关法律法规和机关单位的规定,不得从事违法犯罪活动。
第十二条 QQ账号的管理人员应定期巡查和监控员工的账号使用情况,确保账号的正常使用。
第十三条员工应对自己的QQ账号和密码保密,不得泄露给他人,否则一切后果由员工自行承担。
第三章 QQ使用规范第十四条员工使用QQ应遵循工作需要,不得用于私人聊天或其他非工作相关的活动。
第十五条 QQ群、QQ空间等功能的使用应符合工作要求,并能够提高工作效率。
第十六条 QQ沟通中应尊重他人,不得辱骂、谩骂或恶意攻击他人,否则将被追究责任。
第十七条 QQ中不得传播政治敏感、淫秽色情、暴力恐怖等不良信息,违者将受到相应的处理。
第十八条 QQ会议的召开应事先通知并确定议程,确保会议的效果和成果。
第十九条员工在QQ聊天记录中不得删除、篡改有关工作的重要信息,确保信息的完整性。
第四章管理制度第二十条机关单位应定期进行QQ管理制度的检查和评估,确保制度的有效运行。
腾讯设计规范

font-family:Helvetica,Arial,simsun;
各主要网站字体使用情况
五、文字的编排与设计
5.文字链接:
文字链接形式丌得超过3种颜色(觃定其中一种为主链接色)。 显性链接:
火龙果 整理
大面积链接的网站,比如门户首页、内容列表页。多采取灰黑色、蓝色做全篇的链接色,默认时丌显示下划线,光标经过时才显示下划线。
火龙果 整理
特殊情况 1 . 信息量戒图片量过大的情况,可以考虑加宽承载,给出两个参考尺寸: 950(paipai,Qbar等) 990(QQshow,游戏产品等) 2. 搜索类信息页面,采用自适应屏幕方式(比如soso搜索产品)
一、网页宽度
丌同浏觅器,丌同分辨率下网页第一屏最大可规区域:
• 页脚信息按照从上到下的排列次序为:
火龙果 整理
1、内部导航
2、外部导航 3、各类许可证、授权声明 4、英文版权信息“Copyright ©” 5、中文版权信息 6、各类网络安全/工商证明/技术支持 LOGO
• 各链接间隔统一使用”| ”
• 建议采用12号字, 禁止使用加粗字体
火龙果 整理
有效可视区域(单位:Px)
一 二 600 432(+168) 452(+148) 417(+183) 461(+139) 1024 1003(+21) 1003(+21) 1007(+17) 1005(+19) 768 600(+168) 620(+148) 585(+183) 629(+139) 1280 1259(+21) 1259(+21) 1263(+17) 1261(+19) 三 1024 856(+168) 876(+148) 841(+183) 885(+139)
ATAQQ即时通讯系统编码规范

ATAQQ即时通讯系统编码规范Version1.0目录1. 规范目标 (3)2.具体注意事项 (3)2.1、命名原则 (3)2.2、变量的命名 (3)2.3、函数的命名 (3)2.4、类命名 (3)2.5、控件命名规则 (4)2.6、文件命名 (4)2.7、参数的命名 (5)3. 代码格式书写规范 (5)3.1、代码书写格式 (5)3.2、注释的写法 (6)3.3、其他 (7)4. 代码组织 (7)5. 调试技巧 (8)5.1 编译时的错误 (8)5.2 运行时的错误 (8)5.3 C#常见问题 (8)附录 (9)1. 规范目标(1)安全代码完成所需的功能之余,还要增加开发过程代码的强壮性,即要稳定可靠。
(2)易读类,实例,成员变量,成员函数的命名一目了然(3)美观尽量统一项目组内人员的编程风格,保证一致性,统一性。
2.具体注意事项2.1、命名原则(1)所有的函数(变量/类/文件名)应该代表其实际的作用。
应该使用具有意义的单词或多个词组合,但不要使用人名,项目组名。
(2)所有的函数(变量/类名)一律使用英文。
(3)使用多个单词时不需要使用连线(如下划线)(4)多个词组合较长时,可以使用单词的缩写。
(5)不得使用非常相近的名字类表示几个不同含义的函数(变量/类)。
(6)命名时请考虑名字的唯一性和含义的准确性。
(7)命名采用三种格式,Pascal(大小写),Camel(大小写混合),首字母全部大写格式如:Id 2.2、变量的命名(1)变量名一般由"前缀+类型修饰+代表变量含意的英文单词或单词缩写"等部分组成。
如:*前缀(以下划线分割):t_:表示线程的全局变量。
如:t_nCountm_:表示类成员变量(包含类表态变量)如:m_dwFlags_ 局部变量以”_”开头,如 _userName*主体使用一个或多个单词表示变量代表的确切含义,参见下面的大小写规则。
*类型修饰(小写字母):n l s u f b by ch sz str douint long short uint float bool byte char char[] String double (2)针对异常捕获过程中的Exception变量命名,在没有冲突的情况下,统一命名为 e;2.3、函数的命名(1)使用动宾词组表达函数所做的事。
平面设计部流程标准及规范

平面设计部流程标准及规范目录一、前言二、关于电分三、关于喷绘四、关于输出五、关于数码印刷六、关于QQ接收、外发文件规范七、关于画册——设计/制作/印刷流程规范八、关于部门间工作交接九、关于设计部资料管理规范A、电脑资料管理B、客户项目文件袋管理C、工作任务单管理D、存档资料管理E、书籍资料管理F、图库资料管理G、服务器资料管理十、各项目工作时间规划基本标准十一、各岗位说明书十二、策划项目运作流程表十三、专卖店设计项目运作流程表十四、印刷纸张开度表十五、常见错误总结参考十六、关于文件格式转换方法十七、关于作品出品标准及规范一、关于电分1、对接客服部:由平面总监与客服部总监核实照片数量,且在所下达的工作任务单上注明清楚,并双方签字确认。
2、电分类型:分正片和印刷品两种。
①正片分为4x5正片和120正片。
尺寸分别为4x5正片:横式W12cm x H9.5cm;120正片:横式W7cm x H5.5cm)②印刷品(即反射稿)3、计算比例:①画册中图片的电分比例;②喷绘文件的图片电分比例;①画册中图片的电分比例:A、正片比例:一般是用画册上图片的实际宽除以正片的宽(横的计算宽,竖的计算高),例如:画册上图片的宽是24cm,正片4x5的宽为12cm,那么比例即为24÷12=2倍,即200% (正片120的宽为7cm,那么比例即为24÷7=3.4倍即340%).应注意的是,一般在画册上的图片会有裁掉的部份没有用到,所以计算比例时应该相对的电分大20%左右的比例。
以免图片被裁切后尺寸或分辨率不够。
(注:如正片有大面积空余的部分,且经上级主管确认空余的部分没用,则电分时,可裁减至所需面积再电分,以节约不必要的浪费)。
B:印刷品比例:统一原大电分即100%.(特殊要求,按实际情况定)4、分辨率要求:①画册:根据画册的要求分辨率也会不一样,一般情况下分辨率都为300dpi,如有特殊要求(分辨率为350dpi),按特殊要求处理。
设计公司管理制度(精选10篇)

设计公司管理制度(精选10篇)设计公司管理制度(篇1)1.严格遵守公司的各项考勤制度,不准迟到、早退。
衣着整洁,仪表端正;2.对客户文明、礼貌,不讲脏话;3.人员电脑应专人专用,如人为损坏,由当事人赔偿。
上班期间不允许利用电脑玩电子游戏看视频等与工作无关事宜,影响本公司形象者;罚款最低500元;4.不允许无故到其它公司乱窜,泄露公司内部事项;违者罚款10000元;5.遵守与客户约定的时间,按时洽谈,出方案;6.按时参加公司的例会及各类活动,不允许迟到或无故不到;签到簿作为唯一迟到早退记载,迟到一次50元。
月迟到超过3次者底薪、提成减半。
设计师需互相监督,如发现存在包庇行为,重罚;7.未经公司允许,以低于公司标准报价签约者,由于设计造成失误者,设计师承担责任;并承担连带罚金8.私下不允许收取客户设计费或订金,不允许设计师以公司名义接私单;不允许设计师代买主材,如被客户投诉属实者,承担处罚;如被公司发现的,直接辞退,当月工资底薪清零;不许从事第二职业,不得擅用公司之名来谋取私利。
9.上班无故迟到、旷工者,按公司考勤管理办法严格执行;严格遵守公司作息时间,旷工早退者,同第七条;10.每月休息3天,为串休工作日,上班请假须提前3天找公司经理批准后生效;并签写请假条上交,凡口头请假均视为无效;11.每天定时收拾各自办公区域,做到整洁明亮。
如未达到标准者,罚款20元;如有异议,到会计部索要本月工资,自行离开;12.严守公司秘密,严禁私自将公司的文件、技术资料带出。
不允许私自挪用或私藏客户定金、工程款,违反者严肃处罚;13.设计师有责任对所设计的工程协助办理中期增减项并签字,如因设计师未签字的增项款,不计入提成范围;如因设计师原因,增项款未被收回或未达到公司标准。
设计师承担处罚,提成减半;14.拖延不能办理中期增减项所造成的损失,设计师承担责任;15.不论任何原因、任何情况,在公司与客户与员工发生争执,承担处罚;16.以上日常工作行为规范,请各设计师严格遵守,违反规定者,根据情节轻重处以50-500元的罚款和警告。
表情包制作的规范说明-腾讯

2013腾讯原创表情设计大赛作品设计制作规范一、原创表情设计要求1.设计1个或1组原创表情形象(1组原创表情形象的角色总数不超过3个),形象创造的风格不限,但要求具有鲜明的性格、固定的色彩搭配。
2.基于上述原创形象创作1套表情作品——1)每套表情作品应包括至少20个表情;2)其中10个表情需表达指定内容:“笑”、“哭”、“赞”、“汗”、“怒”、“问好”、“道别”、“亲亲”、“疑问”、“抠鼻”;3)除上述指定内容外,其余表情的内容由作者自由发挥创意;4)整套表情可以为动态,也可以为静态,但动态、静态表情不可混合出现在同1套作品中。
二、表情制作规范注:以下是提交到腾讯原创表情平台的所有表情作品需遵守的制作规范,请仔细阅读。
1.表情尺寸规范(每个表情都需包括以下2种尺寸)1)手机端表情尺寸为200*200px;2)PC端表情尺寸为100*100px。
2.表情格式规范1)动态表情格式为GIF,每个表情大小不超过30k;2)静态表情格式为PNG_24,每个表情大小不超过20k。
3.表情背景规范1)动、静态表情均为透明背景;2)背景需尽量简单,若不得不出现复杂背景,应注意色块明朗,并避免方型背景;3)区分表情与背景时,使用不规则线框,尽量避免主体内容被表情边框直线切割。
4.表情线条规范1)表情线条需尽量粗细均匀、干净连贯、避免渐变;2)表情的最外延需有完整的白色描边(#ffffff),100*100px的表情外延需2-4px描边,200*200px表情外延需3-5px描边。
5.表情内容规范1)表情内容需准确表达情绪、动作或意图,必要时可搭配适量文字辅助表意;2)表情的配色方案不宜过多,应尽量采用纯色块填充,可配搭高光和阴影色块表达光影关系,避免大面积渐变;3)GIF格式动态表情中的人物动作应为2-4个连续、流畅的动作,播放时长尽量限制在3秒内,由于表情详情页默认抓取GIF第一帧作为预览图,故GIF第一帧内容不能为空白。
信息(软件)系统建设规范(2020年版)

信息(软件)系统建设规范(2020年版)信息(软件)系统建设包括各类管理信息系统、服务信息系统、决策支持系统、运维管理系统、移动终端应用、各类中间件、数据库等,可采用自主研发、合作开发、外包、采购的方式建设。
信息(软件)系统建设是我校信息化项目建设的重要工作。
为进一步规范建设流程,提高建设质量,特制定本建设规范。
第一条信息(软件)系统建设项目必须执行学校的信息化项目建设规范和标准。
第二条信息(软件)系统建设过程中,信息化管理处将对建设的质量和进度进行全程监控、管理和协调。
第三条信息(软件)系统质量监控主要包括需求分析、技术方案制订、系统开发或购置、安装、测试、安全检测五个阶段。
1.需求分析阶段。
建设单位组织承建单位开展需求分析和业务流程的调研,根据调研结果与业务需求,撰写《需求规格说明书》、《数据要求说明书》、《UML建模文档》、《项目进度计划》等文档,建设单位主要负责人签字后,报送信息化管理处审核。
2.技术方案制订阶段。
承建单位根据需求分析,按照学校信息化项目建设相关标准,针对系统总体设计、接口设计、运行设计、数据库设计等内容,撰写《项目技术方案》和《详细设计说明书》,由建设单位组织论证会,通过后报送信息化管理处审核。
3.系统开发或购置阶段。
承建单位须根据需求分析、技术方案,严格遵照软件工程规范进行项目系统开发或购置,并与信息化管理处共同完成数据共享、程序交换接口、统一身份认证的集成。
项目开发或购置过程中若有需求变更,要符合开发规范和合同要求,由建设单位填写《需求变更控制报告》,并报送信息化管理处备案。
4.安装及测试阶段。
承建单位按要求完成信息(软件)系统开发后,与建设单位共同撰写《测试方案》,建设单位提交《虚拟机申请表》(附件1)申请运行环境,提交《域名申请/备案表》(附件2)申请系统域名,并进行相关部署和测试。
测试完成后提交《测试分析报告》至信息化管理处审核。
承建单位要做好软件配置项(包括软件文档和可执行程序等)的移交和相关培训工作。
qq登录用例测试

QQ登录测试用例用等价划分法设计测试用例:1)划分等价类并编号,下表等价类划分的结果:输入等价类有效等价类无效等价类QQ账号①长度在6-10位之间、类型是0-9自然数②长度小于6、长度大于10、负数、小数、英文字母、字符、特殊字符、中文、编程语言中的转义字符、空密码③6-16位、非空、非保留字、非功能键、非汉字④空、空格、小于6位或大于16位、保留字、汉字、功能键QQ帐号与密码匹配⑤匹配⑥不匹配2)设计测试用例,以便覆盖所有的有效等价类在表中列出了3个有效等价类,编号分别为①、③、⑤,设计的测试用例如下:用例号测试数据预期结果覆盖等价类01 QQ:1234567 密码:123abc456 成功登录(QQ与密码匹配)①、③、⑤02 QQ:1234567 密码:1234567ef 密码不正确①、③、⑥03 QQ:12345或12345678123密码:123abc456用户名不正确②、③、⑥04 QQ:1234567 密码:你好123#? 密码不正确①、④、⑥05 QQ:1234567 密码:123ab或123abc456@_minite? 密码不正确,字符数在6-16位①、④、⑥06 QQ:qw1234567 密码:123as@! 用户名不正确②、④、⑥用因果图法设计测试用例:1) 列出原因和结果原因:1. 账号输入6-10位自然数2. 输入6-16位密码(非空、非保留字、非功能键、非汉字)3. 点击“登录”按钮4. 账号长度小于6、长度大于10、负数、小数、英文字母、字符、特殊字符、中文、编程语言中的转义字符、空5. 密码为空、空格、小于6位或大于16位、保留字、汉字、功能键11. 账号和密码匹配结果:21:登录成功22:错误提示2)对应的因果图∧3)根据因果图建立判定表1 2 3 4 5原因1 账号输入6-10位自然数 1 1 0 1 02 输入6-16位密码(非空、非保留字、非功能键、非汉字)1 1 1 0 0 11 账号和密码匹配 1 0 0 0 03 点击“登录”按钮 1 1 1 1 14 账号长度小于6、长度大于10、负数、小数、英文字母、字符、特殊字符、中文、编程语言中的转义字符、空0 0 1 0 15 密码为空、空格、小于6位或大于16位、保留字、汉字、功能键0 0 0 1 1结果21 登录成功 1 0 0 0 022 错误提示0 1 1 1 14)由判定表导出测试用例用例号测试数据预期结果01 QQ:1234567 密码:123abc456点击“登录”按钮成功登录(QQ与密码匹配)02 QQ:1234567 密码:1234567ef点击“登录”按钮错误提示(QQ与密码不匹配)03 QQ:12345或12345678123密码:123abc456点击“登录”按钮错误提示12登录成功31145错误提示错误提示04 QQ:1234567 密码:你好123#?点击“登录”按钮错误提示05 QQ:1234567 密码:123ab或123abc456@_minite?点击“登录”按钮错误提示06 QQ:qw1234567 密码:1as@!点击“登录”按钮文案编辑词条B 添加义项?文案,原指放书的桌子,后来指在桌子上写字的人。
Android系统图标设计规范

浅谈Android系统的图标设计规范目前移动平台的竞争日益激烈,友好的用户界面可以帮助提高用户体验满意度,图标Icon是用户界面中一个重要的组成部分,今天我们来研究和学习一下Android系统的图标设计规范。
在探讨Android的icon设计之前,我们有必要先了解Android的界面是如何适配多样化屏幕的。
适配性由于同一个UI元素(如100 x100像素的图片)在高精度的屏幕上要比低精度的屏幕上看起来要小,为了让这两个屏幕上的图片看起来效果差不多,可以采用以下两种方法:程序将图片进行缩放,但是效果较差。
为这两个精度屏幕的手机各提供一个图片。
但是屏幕的参数多样化,如果为每一个精度的屏幕都设计一套icon,工作量大并且不能满足程序的兼容性要求,势必要对屏幕的分级,如在160dpi和180dpi的手机屏幕上采用同一套icon,当这套icon在240dpi效果满足不了设计要求,就需要另做一套稍大些的icon。
在Android 1.5以及更早的版本中,只支持3.2″ 屏幕上的HVGA (320×480)分辨率,开发人员也不需要考虑界面的适配性问题。
从Android 1.6之后,平台支持多种尺寸和分辨率的设备,这也就意味着开发人员在设计时要考虑到屏幕的多样性。
为了简化设计并且兼容更多的手机屏幕,平台依照尺寸和分辨率对屏幕进行了区分: 三种尺寸:大,中,小。
三种精度:高(hdpi),中(mdpi)和低(ldpi)。
程序可以为这三种尺寸的屏幕提供默认资源,如有需要,还可以为各种精度的屏幕提供资源。
在运行时,系统会根据屏幕布局加载正确尺寸或者精度的图片。
Android支持的屏幕Android程序为最佳显示效果提供了三种方法:1.图片缩放基于当前屏幕的精度,平台自动加载任何未经缩放的限定尺寸和精度的图片。
如果图片不匹配,平台会加载默认资源并且在放大或者缩小之后可以满足当前界面的显示要求。
例如,当前为高精度屏幕,平台会加载高精度资源(如图片),如果没有,平台会将中精度资源缩放至高精度。
腾讯编码规范

5.4.4二元操作符如" ="、" +=" " >="、" <="、" +"、" *"、" %"、" &&"、" ||"、" <<" ," ^"等的前后应当加空格;
5.4.5一元操作符如" !"、" ~"、" ++"、" --"等前后不加空格;
8.3.7字段定义语法规范:
[(‘public’|’private’|’protected’)]
[‘static’] [‘final’]
data_type field_name [ ‘=’ expression] ‘;’
例如:
8.3.8数组声明时应当将"[]"跟在类型后,而不是字段名后:
8.3.9声明顺序:
8.3.4避免声明的局部变量覆盖上一级声明的变量,即不要在内部代码块中声明相同的变量名;
8.3.5公共和保护的可见性应当尽量避免,所有的字段都建议置为私有,由获取和设置成员函数(Getter、Setter)访问;
8.3.6定义一个变量或者常量的时候,不要包含包名(类似java.security.MessageDigest digest = null),而要定义成下面的格式,除非是两个包有相同的类名:
本标准适用于腾讯集团(含分公司等各级分支机构)所有使用Java作为开发语言的软件产品。
本标准中“腾讯集团”是指腾讯控股有限公司、其附属公司、及为会计而综合入账的公司,包括但不限于腾讯控股有限公司、深圳市腾讯计算机系统有限公司、腾讯科技(深圳)有限公司、腾讯科技(北京)有限公司、深圳市世纪凯旋科技有限公司、时代朝阳科技(深圳)有限公司、腾讯数码(深圳)有限公司、深圳市财付通科技有限公司。
app规范

app规范App规范是指开发和设计App时需要遵循的一系列规定和准则,以确保App的功能、用户体验和界面设计等方面的一致性和高质量。
以下是一些常见的App规范:1. 引导页:- 用户第一次进入App时,应该有一个简洁明了的引导页,介绍App的功能和特点,帮助用户快速上手。
- 引导页应该包括简洁的文字说明和直观的示例图片,以最大程度地降低用户学习成本。
2. 注册和登录:- 注册和登录界面应该简单明了,只需要用户提供必要的信息,并提供快捷的第三方登录选项,如微信、QQ、微博等,方便用户快速注册和登录App。
3. 导航和布局:- App应该有清晰的导航结构,通过底部标签栏、侧边栏或顶部菜单栏等方式,让用户能够快速找到所需功能。
- 布局应该合理,不过多使用滚动视图,尽量将内容在一个屏幕内展示完整,减少用户的滑动操作。
4. 良好的交互反馈:- 在用户操作时,App应该给予及时的反馈,例如按钮点击后的高亮效果、页面加载时的进度条等,让用户明确知道他们的操作已经被接受,并且正在处理中。
5. 内容展示:- App中的内容应该清晰明了,字体大小和颜色要易于辨识,不应该出现模糊、重叠或无法阅读的情况。
- 图片和视频等媒体内容也应该具备高质量,不应该出现模糊、失真或加载缓慢的问题。
6. 错误处理:- 当用户在App操作中遇到了错误,例如网络连接中断或提交表单失败等,App应该给予明确的错误提示,并提供解决方案或引导用户重新尝试操作。
7. 安全和隐私:- App应该对用户的个人信息进行保护和处理,不得将个人信息泄露给第三方。
- 当App需要获取用户的隐私权限时,应该给予明确的解释和选择,用户应该有权利选择是否提供权限。
8. 更新和维护:- App应该定期更新版本,修复已知的问题和提升功能。
- 更新过程中应该及时通知用户,并提供明确的更新内容说明。
总之,App规范是确保App质量和用户体验的关键因素之一。
只有遵循规范,才能设计出符合用户期望并具备优秀用户体验的App。
腾讯科技公司总部建筑方案设计

建筑专业
32
腾讯总部大厦投标方案设计
各专业设计说明 2005.11
结构专业说明
一、设计遵循的规范及行业标准
1.《建筑结构可靠度设计统一标准》
(GB50068-2001)
2.《建筑地基基础设计规范》
(GB50007-2002)
3.《建筑结构荷载规范》
(GB50009-2001)
4.《混凝土结构设计规范》
技术图纸 2005.11
一层平面图1:400 16
腾讯总部大厦投标方案设计
技术图纸 2005.11
平面图1:400
17
腾讯总部大厦投标方案设计
技术图纸 2005.11
平面图1:400
18
腾讯总部大厦投标方案设计
技术图纸 2005.11
平面图1:400
19
腾讯总部大厦投标方案设计
技术图纸 2005.11
城市环境分析
本项目位于“深南大道北侧”,东西侧各有高层建筑相邻,它是城市干道边建筑行列的一员。在这种城市关系中,“四面同性”或四面 连续变化的造型并不合适,应让建筑有“主面”、“侧面”之分,“侧面”彼此对应,“正面”展示特点,形成既有序又有特点的建筑行 列。本方案建筑南北立面处理成竖向折面,一方面这种手法能保证建筑平面不出现斜线、曲线等异形,方正好用;另一方面,体型水平向 平整,利于与东西建筑形成建筑行列秩序;同时,从深南大道上看,这些折面醒目突出,折面之间若离若合,150多米的高度使这种微妙变 化韵味悠长……
腾讯总部大厦投标方案设计
麒 麟 路
荔香公园
项目概况 2005.11
“腾讯大厦”用地
科 技 中 一 路
深南大道
深 圳大 学
UI界面设计原则

4、软件信息的反馈原则
软件界面对用户的每个操作都应当提供及时的 信息反馈,尤其是简明的错误处理和帮助功能 是软件界面的重要反馈信息。
例如光盘刻录程序在工作的时候提示进度,结 束的时候告诉任务完成、如果没有光盘提示插 入光盘等反馈信息;手机信息发送成功\失败 提示等。
5、软件界面的在线帮助原则
软件界面的友好性还体现在为用户提供有好的 帮助界面,帮助用户学习和使用本软件。如下 图:
目前流行的界面风格有三种方式:多窗体、单窗体以及资源管理器风格,无论那种 风格,以下十条规则是应该被重视的。
1.易用性: 按钮名称应该易懂,用词准确,屏弃没楞两可的字眼,要与同一界面上的其
他按钮易于区分,能望文知意最好。理想的情况是用户不用查阅帮助就能知道 该界面的功能并进行相关的正确操作。
易用性细则: 1):完成相同或相近功能的按钮用框子框起来,常用按钮要支持快捷方式。
6):相同或相近功能的工具栏放在一起。 7):工具栏中的每一个按钮要有及时提示信息。 8):一条工具栏的长度最长不能超出屏幕宽度。 9):工具栏的图标能直观的代表要完成的操作。 10):系统常用的工具栏设置默认放置位置。 11):工具栏太多时可以考虑使用工具箱。
12):工具箱要具有可增减性,由用户自己根据需求定制。
例如很多程序采用交通灯的色彩编码含义。
2、保守地使用色彩
大多数的界面设计者都赞成这一色彩配置原则。所谓保 守地使用色彩,就是从大多数的用户考虑出发,根据不 同的用户设计不同的色彩。界面设计时提倡采用一些柔 和的、中性的颜色,以便于绝大多数用户能接受。因为 有时急于使用色彩突出显示效果,反而适得其反。如有 的软件界面使用大号字母,每个字母还使用不同的颜色 显示,在远距离看来,屏幕耀眼夺目,可是它不利于阅 读,而且会导致多屏显示。
《在线行为规范》 教学设计

(1)介绍在线行为规范的定义和范围,包括网络交流、信息发布、网络安全等方面。
(2)讲解网络礼仪,如文明用语、尊重他人、不恶意攻击等。
(3)强调保护个人隐私的重要性,如不随意透露个人信息、设置合理的密码等。
(4)讲述网络安全知识,如防范网络诈骗、识别虚假信息等。
3、案例分析
(1)展示一些具体的案例,如网络谣言传播、网络暴力事件等。
(2)让学生在课后观察身边的在线行为,并记录下来,下次课进行分享和讨论。
五、教学资源
1、相关的案例资料、图片和视频。
2、网络平台的使用权限,如班级论坛等。
六、教学延伸
1、组织学生开展网络安全宣传活动,向更多的人普及在线行为规范的知识。
2、建立班级网络行为监督小组,定期对同学们的在线行为进行评估和反馈。
最后,教学反思是不断提高教学质量的重要环节。通过反思教学过程中的成功之处和不足之处,教师可以总结经验教训,不断改进教学方法和策略,提高教学效果。同时,要关注学生的学习反馈和需求,及时调整教学内容和方式,以满足学生的学习需要。
总之,《在线行为规范》这一教学设计旨在通过多种教学方法和手段,让学生充分认识到在线行为规范的重要性,掌握相关知识和技能,培养良好的在线行为习惯,为他们在网络时代的健康成长和发展奠定坚实的基础。
接下来是知识讲解环节。这一环节是整个教学的核心部分,主要是向学生传授在线行为规范的相关知识和概念。在讲解过程中,要注意语言表达的清晰和简洁,避免使用过于复杂和专业的术语,确保学生能够理解和接受。
产品经理案例实战!淘宝总监教你打造一份用得上的设计规范

案例实战!淘宝总监教你打造一份用得上的设计规范如何制作出一份对设计师、产品经理、程序员都有价值的设计规范?今天奇维(手淘设计总监)用淘宝2015的规范优化实战案例,结合之前在腾讯CDC经历过的雅虎、QQ、金蝶等设计规范,给同学们聊聊他所理解的规范,以及如何完成一套产品性质的规范,全文高能干货,收!奇维(手淘客户端设计总监):别人常问我的花名是什么意思,是否期望具备奇特思维?然而并没有,那是前公司昵称的音译,以感恩及怀念志同道合的逗逼们一起成长的日子。
别人也常问kiwi是什么意思,是否期望像kiwi鸟一样没有条件创造条件具备前行飞翔永不停歇的精神?然而并没有,诚恳的星座实事求是的告知那只是猕猴桃的翻译。
想象和现实总是如此生分。
在界面的设计规范身上也同样适用。
界面的设计规范是为了促成产品体验以自身为主体的统一和延续,减少用户的认知成本。
项目人员避免个体的重复思考,减少不必要的沟通。
问题是对于制定者而言,日常项目之外还有规范可以产出,职级晋升时撑撑场面,也可算作设计价值的一部分。
对于使用者而言,查阅麻烦,内容更新不透明。
日常使用时规范不严谨。
迫于大佬的淫威不敢多言抑或信于大神的权威照单全收,执行和推动受到具体业务情况的质疑,导致进展不顺畅。
对间接受到影响的产品经理和其他人员,规范不严谨总在限制伟大产品的光芒万丈或实现的成本,负面情绪甚重。
渐渐的,部分设计师对于规范会有一种我最爱的人伤我有多深的迷茫。
坦白说设计在流程中的环节导致地位相对被动。
如果提升设计价值单纯只依靠寻求另外方式而忽视解决眼下的实际问题,不能不被看作是一种逃避。
回到设计规范,需要解决上述问题,促使各方能了解规范背后的产生原因和用意,基于规范为前提形成项目设计中灵活思辨的动能。
今天就来讲讲我所理解的界面设计规范,以及根据这套原则如何呈现手机淘宝(寿桃)的设计规范。
我所经历的规范06年得益于团队之间的交流,机缘巧合跪拜了大雅虎的设计规范,分别是闪着光辉的英、韩、繁、简四版。
交互设计规范

交互设计规范:IOS篇一、尺寸及分辨率iPhone界面尺寸:320*480、640*960、640*1136iPhone6:4.7英寸(1334×750),iPhone6 Plus:5.5英寸(1920×1080)设计图单位:像素72dpi。
在设计的时候并不是每个尺寸都要做一套,尺寸按自己的手机来设计,比较方便预览效果,一般用640*960或者640*1136的尺寸来设计,现在iphone6和plus出来后有很多人会使用6的设计效果。
如果是我来做的话,我会使用640×1136,对plus做单独的修改适配,因为plus的屏幕实在是大了,遵循屏大显示更多内容的原则这里本应该是需要修的了。
有更好办法的话希望大家可以分享一下。
Ps:作图的时候确保都是用形状工具(快捷键:U)画的,这样更方便后期的切图或者尺寸变更。
二、界面基本组成元素iPhone的app界面一般由四个元素组成,分别是:状态栏(status bar)、导航栏(navigation)、主菜单栏(submenu)、内容区域(content)。
这里取用640*960的尺寸设计,那我们就说说在这个尺寸下这些元素的尺寸。
状态栏(status bar):就是我们经常说的信号、运营商、电量等显示手机状态的区域,其高度为:40px 导航栏(navigation):显示当前界面的名称,包含相应的功能或者页面间的跳转按钮,其高度为:88px 主菜单栏(submenu,tab):类似于页面的主菜单,提供整个应用的分类内容的快速跳转,其高度为:98px内容区域(content):展示应用提供的相应内容,整个应用中布局变更最为频繁,其高度为:734px至于我们经常说的iPhone5/5s的640*1136的尺寸,其实就是中间的内容区域高度增加到910px。
PS:在最新的iOS7的风格中,苹果已经开始慢慢弱化状态栏的存在,将状态栏和导航栏合在了一起,但是再怎么变,尺寸高度也还是没有变的,只不过大家在设计iOS7风格的界面的时候多多注意下~三、字体大小iPhone上的字体英文为:HelveticaNeue 。
UED团队规范设计参考及建议

UED团队规范设计参考及建议公司产品线逐渐增多,变动频繁且并⾏开发,常常需要设计与开发能够快速的做出响应。
同时这类产品中有存在很多类似的页⾯以及组件,可以通过抽象得到⼀些稳定且⾼复⽤性的内容。
通过模块化的解决⽅案,降低冗余的⽣产成本。
⽽标准化规范是达到此⽬的起点。
在任何⾏业中⼀套良好的⼯作流程不仅可以保证各个阶段输出物的质量,提升⼯作效率,⽽且在⼀定的范畴下针对不同的项⽬,⼯作流程具有可复制的特点。
如批量⽣产⼀款新车型,那就必须严格按照⼀定的汽车设计和⽣产流程进⾏操作,各阶段通⼒合作,才能保证汽车品质以及最终的量产。
设计⾏业流程化、规范化程度逐步提⾼意味着该⾏业成熟度的不断提⾼。
因⼤企业后台80%任务场景具有强规律性、可规范性、⾼复⽤性等特点,ued与前端共建,进⾏了规范约定,将常⽤的任务场景进⾏框架层的抽象,包括但不限于其布局、内容、交互、实现,框架下的需求内容可灵活定制,不仅⼤⼤减少各协作⽅对相同场景进⾏重复性的思考及⼯程投⼊,缩短了项⽬开发时间,⽽且保证项⽬有⾼质量和⼀致性的产出。
先科普下UED:UED概念及职责略——具体找度娘,UED团队包括:交互设计师(Interaction Designer)视觉设计师(Vision Designer)前端开发⼯程师(Web Developer)个⼤⼚的UED设置都差不多,参考:/要制定UED的标准规范,⾸先的从设计和交互⼊⼿,我觉得产品的灵魂源于设计,⾻骼源于交互。
⽽从源头把控和规划,才能从根本解决问题。
例如:组件、模块、复⽤等问题典型的例⼦:从设计优化开发⼯作扁平化——去圆⾓阴影材质⽐如.5xp 与1px ——参看《》交互优化设计及开发⼯作典型案例:顺丰彩组合⽀付原来22中组合策略优化。
如何复⽤现有资源节庆换肤、营销迭代改版参考案例::⼀个服务于企业级产品的设计体系,基于『确定』和『⾃然』的设计价值观和模块化的解决⽅案,让设计者专注于更好的⽤户体验。
APP界面设计规范二(Android版)

一、Android设计常识开始介绍之前先帮大家梳理一下Android常用单位,方便各位亲们更好的掌握并了解Android端设计规范。
1。
1 Android常用单位1.1。
1。
PPI(pixels per inch):数字影像的解析度,也就是每英寸所拥有的像素数,即像素密度;PPI计算公式:ppi=√(长度像素数2 + 宽度像素数2)/屏幕对角线英寸数1.1。
2。
DPI(dots per inch):是指印刷上的计量单位,也就是每英寸上能印刷的网点数,我们设计用于显示器的默认为(72像素/英寸)就好了;1.1.3.屏幕尺寸(Screen Size):一般我们所说的手机屏幕尺寸,比如3英寸、5.5英寸等,都是指对角线的长度,而不是手机的面积;1。
1.4。
分辨率(Resolution):是指手机屏幕垂直和水平方向上的像素个数,比如分辨率为:720*1280,是指设备水平方向有720个像素点,垂直方向有1280个像素点1.1.5.px( pixels):像素,不同设备显示效果相同1。
1.6.pt( point):一个标准的长度单位,ios的逻辑单位,1Pt=1/72英寸,用于印刷业,非常简单易用;标注字体大小(72是早期台式机的DPI)1.1。
7。
sp(Scaled-independentpixels):放大像素,安卓的字体单位;1.1.8。
Dp(Density-independentpixels):是指设备的独立像素,不同的设备有不同的显示效果,它与设备硬件有关系;sp和dp基本一样,是android开发里特有的单位,都是为了保证文字在不同密度的显示屏上显示相同的效果;dp与设备硬件有关,与屏幕密度无关,sp与屏幕密度和设备硬件均无关;1.2 换算关系android开发中,文字大小的单位是sp,非文字的尺寸单位用dp,但是我们在设计稿用的单位是px。
这些单位如何换算,是设计师、开发者需要了解的关键。
*dp:以160PPI屏幕为标准,则1dp=1px。
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
六、整齐的概念和应用
类似这样“豆腐块”的文字排列,在大型网站中尤为重要。 如何去分割和组织大量繁杂的信息?将文字块当作图片一样来排版优化,来平衡页面。 • 对齐 网页设计中的”对齐”同传统的印刷排版中的对齐概念是一样的,并且同等重要。 并不是说一切都应该在一条直线上,而是尽可能的保持一贯的整齐,不仅左对齐,也要尽量右对齐。使我们的设计更有序。更方便阅读。
二、文本框设计规范
1.基础规范
• 文本框 a. 搜索框文本框的长度应适中,至少应提供显示10个中文字符的宽度 b. 搜索组件中使用的文本框必须为单行文本框 c. 文本框的长度不得少于130个像素 高度不得低于18个像素 • 帮助信息 a. 帮助信息一般包括三块内容:限定标签提示、标示性文字、热门关键词提示等, b. “限定标签提示”一般放在搜索框的上面 c. “热门关键词提示”一般放在搜索框下面 d. “标示性文字” 可设置灰色(#cccccc)显示,点击输入框后提示文字消失。提示文字应简明扼要,文字一般用于内容、用途、搜索范围等对用户有 真正帮助的提示,”请输入关键词”这样的提示不应出现.
二、参考指南
01 页面修饰 • 简单的光影效果 • 质感的表现 • 透明效果的应用 02 个性皮肤的应用 03 图标的统一使用 04 图标表意
一、页面修饰
1。简单,不需要繁杂的修饰
一、页面修饰
3. 透明效果
二、个性皮肤
QQ首页个性皮肤:
二、个性皮肤
其他产品个性表现:
建议使用:
五、文字的编排
深蓝色 当使用纯蓝色为文字颜色时,明度数值(B)不大于60%。当蓝色介于纯蓝往天蓝之间的时候,根据色相不同,应对明度值(B)作相应调整。 当色相越接近天蓝时,(B)值应该越低。 很多门户网站使用蓝色为文字颜色,常用的有
建议使用天蓝色的:
纯蓝色:
五、文字的编排
其他颜色 当使用其他颜色作为正文主色调时,安全起见可采用明度数值(B)不大于30%的颜色。
目录
一、 基础规范
01 网页宽度 02 搜索框设计规范 • 基础规范 • 应用场景 03 页码设计规范 • 普通页码翻页 • 小型页码翻页 04 广告设计规范 05 文字的编排与设计 • 文字大小 • 文字颜色 • 文字行距 • 英文字体规范 • 文字链接 06 整齐的概念和应用 07 模块化表现 08 页脚信息
一、网页分辨率
不同浏览器,不同分辨率下网页第一屏最大可视区域: 有效可视区域(单位:Px)
一 二 600 432(+168) 452(+148) 417(+183) 461(+139) 1024 1003(+21) 1003(+21) 1007(+17) 1005(+19) 768 600(+168) 620(+148) 585(+183) 629(+139) 1280 1259(+21) 1259(+21) 1263(+17) 1261(+19) 三 1024 856(+168) 876(+148) 841(+183) 885(+139)
• 禁止模仿任何windows标准控件,windows标准控件包括但不限于:鼠标指针、按钮以及窗口控制按钮等。
• 不要使用按钮作长句广告: 错误案例:
• 腾讯网避免出现企鹅形象广告
可参考《广告、营销消息与营销邮件体验规范》
五、文字的编排
总体原则:提高文字的辨识性和页面的易读性
1. 文字大小:建议使用12号+14号字体的混合搭配,13号也可酌情考虑,因为13号字体的不对称性,目前非主流。
五、文字的编排
5.文字链接:
文字链接形式不得超过3种颜色(规定其中一种为主链接色)。 显性链接: 大面积链接的网站,比如门户首页、内容列表页。多采取灰黑色、蓝色做全篇的链接色,默认时不显示下划线,光标经过时才显示下划线。
隐性链接: 对于混杂在页面文字中零散出现的文字链接,为了便于识别,默认时候可以出现下划线或使用辅助链接色,光标经过的时候,样式不变。
• 链接页码的设计力求简明独立,页码与页码之间的间距不小于鼠标手型的距离,如图所示
三、翻页设计规范
2. 小型页码翻页的表现方法: • 链接页码为简明独立,不加任何修饰的数字形式 • 链接颜色由当前页面设计决定 • 数字大小建议为12-14px ,以易于点击为原则.
详见《产品页码翻页普用标准》
四、形象广告规范
屏幕
IE6.0 IE7.0 Firefox2.0 Opera9.0
800 779(+21) 779(+21) 783(+17) 781(+19)
说明: 比如1024×768下IE7.0的可视面积是(1024-21)×(768-148) 综合上面所有的数据,结论如下: 最保守的一屏大小是IE6下800×600:779×432 最广泛使用的一屏大小是IE6下1024×768 :1003×600
2. 应用场景 弱表现方式:
• 输入框内采用小字体(12号) •长度大约以刚好放完提示文字为基准 • 弱化搜索button的表现,可考虑用icon代替 •搜索框通常放在页头的右上角
三、翻页设计规范
1.普通页码翻页的表现方法:
• 页码由三部分构成:一为页码状态区,表明页码在当前第几页位置以及共有多少页;二为页码翻页区,由上下翻页按钮与页码显示区构成;三为跳 转翻页区。三部分组成页码翻页区域位于产品右下角,三部分距离不可分开过大。
五、文字的编排
3.文字行距: 视觉最佳行距是字体大小的1.3-1.6倍 12号宋体,我们一般使用的行距为8-9个像素。 14号宋体,我们一般使用的行距为10-11个像素。 正文多采用14号字,行距可适当调整为10-16个像素。 4.英文字体的使用:
英文建议使用Arial:Arial与Helvetica / Univers并列为目前的标准无衬线字体(Sans Serif),字型依据Unicode标准包含多国语言文字在内。 Arial比例及字重和Helvetica(mac上用的字体)极之相近 系统自带并能与汉字匹配的点阵字比较:
六、整齐的概念和应用
• 首页上摘要无须空格。
内容正文应该空两格。
六、整齐的概念和应用
• “豆腐块”四周应该空留均匀适当的间隔
七、模块化表现
设计准则:同一个网站采用的模块化表现应该是全部统一的。
模块化的几类参考表现: • 单线 • 3-5个像素的圆角 • 内边修饰 ……..
八、页脚信息
• 页脚信息按照从上到下的排列次序为: 1、内部导航 2、外部导航 3、各类许可证、授权声明 4、英文版权信息“Copyright ©” 5、中文版权信息 6、各类网络安全/工商证明/技术支持 LOGO • 各链接间隔统一使用”| ” • 建议采用12号字, 禁止使用加粗字体
二、参考指南
01 页面修饰 • 简单的光影效果 • 质感的表现 • 透明效果的应用 02 个性皮肤的应用 03 图标的统一使用 04 图标表意
一、网页分辨率
最新显示器分辨率比例调查: 目前主流分辨率 1024X768,在此状态下,默认使用910的网页宽度,与腾讯网首页统一尺寸。
特殊情况 1 . 信息量或图片量过大的情况,可以考虑加宽承载,给出两个参考尺寸: 950(paipai,Qbar等) 990(QQshow,游戏产品等) 2. 搜索类信息页面,采用自适应屏幕方式(比如soso搜索产品)
二、个性皮肤
Hummer个性皮肤:
二、个性皮肤
QQPlay个性皮肤:
三、图标的统一使用
下载地址: /r_icons_ weather.htm
三、图标的统一使用
下载地址: /r_icons_expression.h tm
更多请参看:/index.htm
• 搜索按钮 a. 搜索按钮一般包含图标形式和文字形式两种 b. 使用图标形式时只能使用放大镜的图标,而不能采用其他元素。
二、文本框设计规范
c. 搜索button规范文字为“搜索”避免采用其他描述。比如:
d. 图标形式(放大镜)和文字形式可搭配使用,会出现如下三种情况: 文字形式: 搭配使用: 图形形式:
• • •
需突出的内容部分、新闻标题、栏目标题等多使用14号字体 广告内容、辅助信息或介绍性文字等多使用12号字体 避免大面积使用加粗字体
五、文字的编排
特别注意:菜单尽量不使用12号加粗,这样会导致复杂的文字难以辨认。多采用14号加粗
2.文字颜色: • 同一网站需要定出主文字颜色,特殊情况下可以有2种左右的辅助文字颜色 • 一般情况下字体变化不要超过三种,若有需要,可以尽量采用统一字体的不同字族。
五、文字的编排
• 正文的文字颜色多采用深蓝色或深灰色。在讨论颜色前,首先要明确一这个判断的衡量标准。我们是以Ps的颜色系统为讨论基础的。 灰黑色 当使用灰色为文字颜色时,正灰色的明度数值(B)不大于30%。 当使用带有色彩倾向的灰色时,根据色相不同,应对明度值(B)作相应调整。 因为不同纯色亮度不同,黄色亮度最高,蓝色/紫色亮度最底,其他色相则属中间亮度。因此使用亮度越高的色彩,其明度值(B)应该越低。
五、文字的编排
Verdana字体 优点:没有下划线贴边的问题,能区分大写I与小写L 缺点:字体较宽,间距大,字型圆同一宽度可显示字节比其他字体少得多 ; Q字有尾巴;字高不整齐 下划线:
应用案例
五、文字的编排
CSS书写规范
font-family:Helvetica,Arial,simsun;
各主要网站字体使用情况
五、文字的编排
Arial字体 优点:比例及字重(weight)和Helvetica极之相近 ; 没有下划线贴边的问题;Q字没尾巴;字高整齐 缺点:大写I与小写L无法区分 下划线: