Web页面设计规范.ppt
《Web页面设计规范.ppt》由会员分享,可在线阅读,更多相关《Web页面设计规范.ppt(40页珍藏版)》请在咨信网上搜索。
1、Web设计规范V1.3CDCWUI2008/10/29目录一、基础规范01网页宽度02搜索框设计规范基础规范应用场景03页码设计规范普通页码翻页小型页码翻页04广告设计规范05文字的编排与设计文字大小文字颜色文字行距英文字体规范文字链接06整齐的概念和应用07模块化表现08页脚信息二、参考指南01页面修饰简单的光影效果质感的表现透明效果的应用02个性皮肤的应用03图标的统一使用04图标表意一、网页宽度一、网页宽度一、网页宽度一、网页宽度最新显示器分辨率比例调查:目前主流分辨率1024X768,在此状态下,默认使用910的网页宽度,与腾讯网首页统一尺寸。特殊情况1.信息量或图片量过大的情况,可以
2、考虑加宽承载,给出两个参考尺寸:950(paipai,Qbar等)990(QQshow,游戏产品等)2.搜索类信息页面,采用自适应屏幕方式(比如soso搜索产品)一、网页宽度一、网页宽度一、网页宽度一、网页宽度不同浏览器,不同分辨率下网页第一屏最大可视区域:有效可视区域(单位:Px)屏幕一二三800600102476812801024IE6.0779(+21)432(+168)1003(+21)600(+168)1259(+21)856(+168)IE7.0779(+21)452(+148)1003(+21)620(+148)1259(+21)876(+148)Firefox2.0783(+1
3、7)417(+183)1007(+17)585(+183)1263(+17)841(+183)Opera9.0781(+19)461(+139)1005(+19)629(+139)1261(+19)885(+139)说明:比如1024768下IE7.0的可视面积是(1024-21)(768-148)综合上面所有的数据,结论如下:最保守的一屏大小是IE6下800600:779432最广泛使用的一屏大小是IE6下1024768:1003600二、搜索框设计规范二、搜索框设计规范二、搜索框设计规范二、搜索框设计规范1.基础规范文本框a.搜索框文本框的长度应适中,至少应提供显示10个中文字符的宽度b.
4、搜索组件中使用的文本框必须为单行文本框c.文本框的长度不得少于130个像素高度不得低于18个像素帮助信息a.帮助信息一般包括三块内容:限定标签提示、标示性文字、热门关键词提示等,b.“限定标签提示”一般放在搜索框的上面c.“热门关键词提示”一般放在搜索框下面d.“标示性文字”可设置灰色(#cccccc)显示,点击输入框后提示文字消失。提示文字应简明扼要,文字一般用于内容、用途、搜索范围等对用户有真正帮助的提示,”请输入关键词”这样的提示不应出现.搜索按钮a.搜索按钮一般包含图标形式和文字形式两种b.使用图标形式时只能使用放大镜的图标,而不能采用其他元素。二、搜索框设计规范二、搜索框设计规范二、
5、搜索框设计规范二、搜索框设计规范d.图标形式(放大镜)和文字形式可搭配使用,会出现如下三种情况:文字形式:搭配使用:图形形式:c.搜索button规范文字为“搜索”避免采用其他描述。比如:使用SOSO引擎的可考虑在搜索框前加SOSOLOGO同一个web产品中搜索的位置和表现形式尽量保持一致二、搜索框设计规范二、搜索框设计规范二、搜索框设计规范二、搜索框设计规范2.应用场景强表现方式:加大搜索框的显示,输入框内采用大字体(14号)突出搜索button的表现,更直观,更有点击欲位置放在页头的中间并明显标示二、搜索框设计规范二、搜索框设计规范二、搜索框设计规范二、搜索框设计规范输入框内采用小字体(1
6、2号)长度大约以刚好放完提示文字为基准弱化搜索button的表现,可考虑用icon代替搜索框通常放在页头的右上角2.应用场景弱表现方式:三、页码设计规范三、页码设计规范三、页码设计规范三、页码设计规范1.普通页码翻页的表现方法:页码由三部分构成:一为页码状态区,表明页码在当前第几页位置以及共有多少页;二为页码翻页区,由上下翻页按钮与页码显示区构成;三为跳转翻页区。三部分组成页码翻页区域位于产品右下角,三部分距离不可分开过大。链接页码的设计力求简明独立,页码与页码之间的间距不小于鼠标手型的距离,如图所示三、页码设计规范三、页码设计规范三、页码设计规范三、页码设计规范 链接页码为简明独立,不加任何
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- Web 页面 设计规范
1、咨信平台为文档C2C交易模式,即用户上传的文档直接被用户下载,收益归上传人(含作者)所有;本站仅是提供信息存储空间和展示预览,仅对用户上传内容的表现方式做保护处理,对上载内容不做任何修改或编辑。所展示的作品文档包括内容和图片全部来源于网络用户和作者上传投稿,我们不确定上传用户享有完全著作权,根据《信息网络传播权保护条例》,如果侵犯了您的版权、权益或隐私,请联系我们,核实后会尽快下架及时删除,并可随时和客服了解处理情况,尊重保护知识产权我们共同努力。
2、文档的总页数、文档格式和文档大小以系统显示为准(内容中显示的页数不一定正确),网站客服只以系统显示的页数、文件格式、文档大小作为仲裁依据,平台无法对文档的真实性、完整性、权威性、准确性、专业性及其观点立场做任何保证或承诺,下载前须认真查看,确认无误后再购买,务必慎重购买;若有违法违纪将进行移交司法处理,若涉侵权平台将进行基本处罚并下架。
3、本站所有内容均由用户上传,付费前请自行鉴别,如您付费,意味着您已接受本站规则且自行承担风险,本站不进行额外附加服务,虚拟产品一经售出概不退款(未进行购买下载可退充值款),文档一经付费(服务费)、不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
4、如你看到网页展示的文档有www.zixin.com.cn水印,是因预览和防盗链等技术需要对页面进行转换压缩成图而已,我们并不对上传的文档进行任何编辑或修改,文档下载后都不会有水印标识(原文档上传前个别存留的除外),下载后原文更清晰;试题试卷类文档,如果标题没有明确说明有答案则都视为没有答案,请知晓;PPT和DOC文档可被视为“模板”,允许上传人保留章节、目录结构的情况下删减部份的内容;PDF文档不管是原文档转换或图片扫描而得,本站不作要求视为允许,下载前自行私信或留言给上传者【可****】。
5、本文档所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用;网站提供的党政主题相关内容(国旗、国徽、党徽--等)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。
6、文档遇到问题,请及时私信或留言给本站上传会员【可****】,需本站解决可联系【 微信客服】、【 QQ客服】,若有其他问题请点击或扫码反馈【 服务填表】;文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“【 版权申诉】”(推荐),意见反馈和侵权处理邮箱:1219186828@qq.com;也可以拔打客服电话:4008-655-100;投诉/维权电话:4009-655-100。