- 1、本文档共40页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
* * 二、个性皮肤 其他产品个性表现: 二、个性皮肤 Hummer个性皮肤: 二、个性皮肤 QQPlay个性皮肤: 三、图标的统一使用 下载地址: /r_icons_weather.htm 三、图标的统一使用 下载地址: /r_icons_expression.htm 更多请参看:/index.htm 四、图标表意 详细参考《图标设计规范》 四、图标表意 详细参考《图标设计规范》 四、图标表意 详细参考《图标设计规范》 完 Thanks * * * * * * * * * * * * Web设计规范 V1.3 CDC WUI 2008/10/29 目录 一、 基础规范 01 网页宽度 02 搜索框设计规范 基础规范 应用场景 03 页码设计规范 普通页码翻页 小型页码翻页 04 广告设计规范? 05 文字的编排与设计 文字大小 文字颜色 文字行距 英文字体规范 文字链接 06 整齐的概念和应用 07 模块化表现 08 页脚信息 二、参考指南 01 页面修饰 简单的光影效果 质感的表现 透明效果的应用?? 02 个性皮肤的应用 ? 03 图标的统一使用 04 图标表意 一、网页宽度 最新显示器分辨率比例调查: 目前主流分辨率 1024X768,在此状态下,默认使用910的网页宽度,与腾讯网首页统一尺寸。 特殊情况 1 . 信息量或图片量过大的情况,可以考虑加宽承载,给出两个参考尺寸: 950(paipai,Qbar等) 990(QQshow,游戏产品等) 2. 搜索类信息页面,采用自适应屏幕方式(比如soso搜索产品) ??? 一、网页宽度 不同浏览器,不同分辨率下网页第一屏最大可视区域: 有效可视区域(单位:Px) 屏幕 一 二 三 800 600 1024 768 1280 1024 IE6.0 779(+21) 432(+168) 1003(+21) 600(+168) 1259(+21) 856(+168) IE7.0 779(+21) 452(+148) 1003(+21) 620(+148) 1259(+21) 876(+148) Firefox2.0 783(+17) 417(+183) 1007(+17) 585(+183) 1263(+17) 841(+183) Opera9.0 781(+19) 461(+139) 1005(+19) 629(+139) 1261(+19) 885(+139) 说明: 比如1024×768下IE7.0的可视面积是(1024-21)×(768-148)综合上面所有的数据,结论如下:最保守的一屏大小是IE6下800×600:779×432最广泛使用的一屏大小是IE6下1024×768 :1003×600 二、搜索框设计规范 1.基础规范 文本框 a. 搜索框文本框的长度应适中,至少应提供显示10个中文字符的宽度 b. 搜索组件中使用的文本框必须为单行文本框 c. 文本框的长度不得少于130个像素 高度不得低于18个像素 帮助信息 a. 帮助信息一般包括三块内容:限定标签提示、标示性文字、热门关键词提示等, b. “限定标签提示”一般放在搜索框的上面 c. “热门关键词提示”一般放在搜索框下面 d. “标示性文字” 可设置灰色(#cccccc)显示,点击输入框后提示文字消失。提示文字应简明扼要,文字一般用于内容、用途、搜索范围等对用户有真正帮助的提示,”请输入关键词”这样的提示不应出现. 搜索按钮 a. 搜索按钮一般包含图标形式和文字形式两种 b. 使用图标形式时只能使用放大镜的图标,而不能采用其他元素。 二、搜索框设计规范 d. 图标形式(放大镜)和文字形式可搭配使用,会出现如下三种情况: 文字形式: 搭配使用: 图形形式: c. 搜索button规范文字为“搜索”避免采用其他描述。比如: 使用SOSO引擎的可考虑在搜索框前加SOSO LOGO 同一个web产品中搜索的位置和表现形式尽量保持一致 二、搜索框设计规范 2. 应用场景 强表现方式: 加大搜索框的显示,输入框内采用大字体(14号) 突出搜索button的表现,更直观,更有点击欲 位置放在页头的中间并明显标示 二、搜索框设计规范 输入框内采用小字体(12号) 长度大约以刚好放完提示文字为基准 弱化搜索button的表现,可考虑用icon代替 搜索框通常放在页头的右上角 2. 应用场景 弱表现方式: 三、页码设计规范 1.普通页码翻页的表现方法: 页码由三部分
您可能关注的文档
最近下载
- 四川省2004年肺结核流行特征及空间聚集性分析.pdf VIP
- 《小肠梗阻的诊断与治疗中国专家共识(2023版)》解读.pptx
- 回收、暂存、中转废矿物油与含矿物油废物项目突发环境事件应急预案.docx
- 电路与电子学-课程教学大纲.doc VIP
- 安徽省A10联盟2023-2024学年高二上学期11月期中考试物理试题及答案.pdf
- 第三届全国新能源汽车关键技术技能大赛(汽车电气装调工赛项)考试题库资料(含答案).pdf
- 国家科技创新政策汇编 202305.pdf
- 东华大学819有机化学2018年考研真题.pdf
- 精品推荐企业财务制度通用版汇总.docx
- 2016年东华大学硕士研究生入学考试819有机化学考研真题.pdf
文档评论(0)