腾讯网Web页面设计规范

合集下载

网站界面设计的规范

网站界面设计的规范

网站界面设计的规范在当今互联网时代,网站界面设计的规范成为了网站开发者和设计师们不可忽视的重要一环。

一个符合规范的网站界面设计能够为用户提供良好的使用体验,提高用户满意度和留存率。

下面将详细介绍网站界面设计的规范,包括布局规范、色彩规范、字体规范、导航规范以及响应式设计规范等。

1.布局规范:网页布局是网站设计中的重要步骤之一,良好的布局能够提高用户的使用效率。

以下是一些布局规范的要点:-主要内容应该位于页面的中心位置,不要靠左或靠右。

-在页面上使用网格系统,使元素对齐和排布更加整齐有序。

-确保页面的加载速度快,避免过多的图片和动画效果。

-使用合适的间距和边距,确保页面的可读性和可点击性。

2.色彩规范:色彩是网站设计中重要的视觉元素之一,正确使用色彩能够对用户产生积极的心理影响。

以下是一些色彩规范的要点:-使用有限的色彩,避免使用过多的鲜艳颜色,以免造成视觉混乱。

-使用相近的色彩进行配色,确保页面的整体风格统一-选择合适的对比色,在文字与背景之间有明确的对比度,提高可读性。

-避免使用过于亮或暗的颜色,以免影响用户的视觉体验。

3.字体规范:字体是网站界面设计中的重要组成部分,正确使用字体能够增加页面的可读性和美观度。

以下是一些字体规范的要点:-使用简洁易读的字体,确保用户能够轻松阅读文本。

-在不同的文本元素之间保持一致的字体风格。

-避免使用过小或过大的字体,以免影响用户的阅读体验。

-使用合适的行距和字间距,确保文本易读且美观。

4.导航规范:导航是网站界面设计中的关键组成部分,良好的导航能够为用户提供直观的页面结构和导航路径。

以下是一些导航规范的要点:-在页面的顶部或侧边添加导航栏,使用户能够快速找到所需的内容。

-避免使用过多的导航选项,以免让用户产生困惑。

-在页面底部添加备用导航,以方便用户在浏览完页面后继续导航。

5.响应式设计规范:随着移动设备的普及,响应式设计成为了网站界面设计不可或缺的一部分。

腾讯设计规范

腾讯设计规范

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)

web网页设计规范

web网页设计规范

web网页设计规范网页设计规范是指在设计和制作网页时应遵循的一系列规则和标准,旨在提高网页的可用性和用户体验。

以下是一些常见的网页设计规范,以帮助您制作出优秀的网页:1. 布局规范:- 使用网格系统:网格系统能帮助您保持页面的一致性和平衡感,同时也能让内容更易于阅读和理解。

- 使用响应式设计:确保您的网页能够适应不同的屏幕尺寸和设备,以提供更好的用户体验。

- 保持简洁明了:避免使用过多的装饰和不必要的元素,使页面看起来干净和易于理解。

2. 导航规范:- 显眼的导航栏:将主要的导航链接放置在页面的顶部或左侧,让用户能够轻松地找到所需信息。

- 使用面包屑导航:面包屑导航能够告诉用户当前所处的页面位置,方便用户进行导航和返回。

3. 字体规范:- 使用易于阅读的字体:选择适合在线阅读的字体,确保字体大小和间距合适,不影响用户的浏览体验。

- 限制字体种类和大小:过多的字体样式和大小会给用户带来混乱和困惑,尽量限制使用。

4. 图像和多媒体规范:- 优化图像和视频:确保您的图像和视频都经过压缩和优化,以提高页面加载速度和用户体验。

- 提供替代文本:对于图片和视频,提供替代的文本描述,以便于辅助技术用户和搜索引擎理解内容。

5. 颜色规范:- 使用品牌颜色:网页的颜色应与品牌色调相一致,以增加品牌识别度。

- 考虑色盲用户:避免依赖过多颜色来传达信息,确保页面的可读性和可理解性,特别是对于色盲的用户。

6. 可访问性规范:- 使用语义化标签:使用正确的标签来描述页面内容,以提升可访问性和搜索引擎的理解。

- 提供键盘导航:确保用户可以使用键盘进行导航和操作,尤其是对于残障用户。

7. 页面加载速度规范:- 压缩和优化文件:确保所有的代码和媒体文件(如图片和视频)都经过压缩和优化,以提高页面的加载速度。

- 使用缓存机制:利用浏览器缓存来提高页面的加载速度,减少用户等待时间。

总结:以上是一些常见的网页设计规范,通过遵循这些规范,您可以制作出易于使用和高效的网页,提供良好的用户体验。

腾讯移动端页面设计规范(内含范例),极致专业,受益匪浅!

腾讯移动端页面设计规范(内含范例),极致专业,受益匪浅!

腾讯移动端页⾯设计规范(内含范例),极致专业,受益匪浅!⽬录⼀、⾸页范围⼆、页⾯排版三、页⾯组件四、下载五、⿊⾊⼩幽默移动端设备屏幕尺⼨⾮常多,为了适配不同设备,推荐使⽤iphone6的尺⼨作为基准,尺⼨⼤⼩:750x1334px,详细设备分辨率可查看 SCREEN SIZES⾸屏范围:750X1218像素移动端的⾸屏尤为重要,很多时候⽤户只关注到⾸屏的内容。

并且很多移动端页⾯采⽤分屏浏览的的形式,这种形式让⽤户更集中注意⼒在⼀个画⾯中。

⾸屏范围的设定选取的主流机型IPHONE6的分辨率⼤⼩,安全宽⾼为向下兼容到iphone5s的尺⼨。

考虑到⽬标⽤户为游戏玩家,对设备要求较⾼,故⽽舍弃过去兼容到4s的尺⼨,也更加便于设计师的发挥。

重要的操作按钮,主体slogan和游戏icon的露出,需要再安全区域内展⽰。

⾸屏范围的由来市⾯上的机型超过65%的长宽⽐为178:100,如果按照设计app的思路,只需要选取⼀个中间设备ip6尺⼨来适配即可,但我们发现微信/⼿Q的浏览器头部并不是按照等⽐来缩放的,所以如果设计稿按照iP6尺⼨来等⽐例放⼤到iP6 plus上,会出现留有⼀条⿊边。

所以我们使⽤iP6的⼤⼩等⽐例缩⼩到iP6的尺⼨,让设计稿溢出⼀点,当再适配到其他设备时,减去溢出的部分即可也不会影响设计稿的质量。

iphone5/6的头部为128⾼度; ⽽iphone6 plus的⾼度为192导致浏览框的⽐例不完全统⼀适配剩下35%尺⼨让设计稿在178:100的⽐例中显⽰最佳状态,在其他尺⼨尽量信息完整.页⾯排版标题⽂字1、主标题建议在7个字内,⼀⾏最多不超过7字,标题⼀般是经过设计的字体2、副标题⽂字需要能够说明详细活动信息,字体建议在24-40号之间3、标题⽂字超过7个字的情况下,⽂字折⾏处理,并且加强重要词语正⽂标题与内容标题:字号48,使⽤粗体正⽂:字号30点,使⽤常规体引⽂和次要信息:字号24段⾸⽆需空格,左对齐即可⽂章列表的字号与间距⽂章的标题不宜过长,建议控制在18字内⽂章列表的间距需不得⼩于90px字号建议⽤26~30号页⾯组件按钮1、页⾯只有⼀个按钮时候,按钮居中对齐,按钮⾼度需要⼤于80px2、如果按钮的重要级相当,建议⽤左右布局;不⼀致则建议⽤上下布局页签与导航1、移动端页⾯页签最多5个,页签字数⼀般2个,⽀持左右滑动切换页签2、页签整体宽度与对应的内容宽度对齐,⾼度⼤于90px;字体⼤于30号,使⽤粗体头部条的⾼度建议120px,icon的⼤⼩为100x100px⾸页导航条:标签最多不超过三个图标热区⼤⼩最⼩⾯积:44x44像素图形⼤⼩最⼩⾯积:30x30像素游戏下载建议将LOGO放置于页⾯的右上⾓,按钮⼤⼩:170x64像素左右下载完整版内容请查看TGIDEAS移动端页⾯设计规范密码:ujcuWx⿊⾊⼩幽默BUG 程序猿⼼中的痛世界上最遥远的距离不是⽣与死,⽽是你亲⼿制造的 BUG 就在你眼前,你却怎么都找不到她。

Web页面设计要求规范

Web页面设计要求规范

Web页面设计规编号:版本号:受控状态:作者:分发号:文档修改历史记录文档修改记录目录1引言61.1 目的 61.2 围 61.3 缩略术语 61.4 参考资料 62WEB页面框架容6 2.1 页面框架 62.2 页面布局 62.2.1 布局原则 62.2.2 布局要求72.2.2.1 页面分割72.2.2.2 页面结构82.2.2.3 页面展现92.2.2.4 页面美化92.3 页面字体102.4 边距112.5 表格112.6 段落排版122.7 Frame 122.8 其他页面元素133页面风格133.1 风格分类133.2 页面风格应用144WEB页面交互14 4.1 页面元素焦点切换14 4.1.1 信息填写144.1.2 鼠标交互响应154.2 页面信息交互164.2.1 操作结果确认164.2.2 其他规则164.3 页面信息提示174.4 键盘响应支持195WEB页面通用规19 5.1 一般页面功能195.1.1 新增205.1.2 修改205.1.3 删除205.1.4 查询205.1.5 取消215.1.6 保存215.1.7 重置215.1.8 返回215.1.9 分页215.1.10 全选215.2 一般页面规则215.2.1 默认值 215.2.2 必填值 225.2.3 界面传递225.2.4 窗口嵌套225.2.5 输入框操作225.2.6 在线帮助功能235.2.7 菜单功能要求235.2.8 快捷键功能245.2.9 快捷键的限制245.2.10 页面的规性255.2.11 系统易用性265.2.12 输入安全性要求265.2.13 独特性要求275.2.14 多窗口的应用与系统资源28 6页面编程技术使用规286.1 页面元素命名286.2 DHTMLx控件 306.3 Flex控件317页面资源规格说明317.1 图标317.2 图片317.3 多媒体 328附录338.1 基于DHX的CSS规格示例33 8.1.1 表格CSS示例 338.2 典型应用的页面示例33引言目的本文用于规我公司所开发的商业软件中对于web页面的设计工作,明确在设计中所要遵循的准则和方法,web页面中各个元素的规格要求,确保所实现的web页面在风格、结构和功能上的统一,提升商业软件的外在品质。

腾讯的设计规范

腾讯的设计规范

隐性链接: 对于混杂在页面文字中零散出现的文字链接,为了便于识别,默认时候可以出现下划线或使用辅助链接色,光标经过的时候,样式不变。
六、整齐的概念和应用
类似这样“豆腐块”的文字排列,在大型网站中尤为重要。 如何去分割和组织大量繁杂的信息?将文字块当作图片一样来排版优化,来平衡页面。
火龙果 整理
屏幕
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
火龙果 整理
二、参考指南
01 页面修饰 • 简单的光影效果 • 质感的表现 • 透明效果的应用 02 个性皮肤的应用 03 图标的统一使用 04 图标表意
一、网页宽度
最新显示器分辨率比例调查: 目前主流分辨率 1024X768,在此状态下,默认使用910的网页宽度,与腾讯网首页统一尺寸。
• 使用SOSO引擎的可考虑在搜索框前加SOSO LOGO
•同一个web产品中搜索的位置和表现形式尽量保持一致
二、搜索框设计规范
2. 应用场景
火龙果 整理
强表现方式:
• 加大搜索框的显示,输入框内采用大字体(14号) • 突出搜索button的表现,更直观,更有点击欲
• 位置放在页头的中间并明显标示
五、文字的编排与设计
Verdana字体 优点:没有下划线贴边的问题,能区分大写I与小写L 缺点:字体较宽,间距大,字型圆同一宽度可显示字节比其他字体少得多 ; Q字有尾巴;字高不整齐 下划线:

腾讯网首页设计分析

腾讯网首页设计分析
网页设计
~网页分析之腾讯网
指导老师:王 珺 小组成员:车顺星 王璐琳 孙朝阳
腾讯网,是中国主要综合类门
户网站,和新浪网、搜狐网、 网易网并称为“中国四大门 户”。该类网站以新闻信息、 娱乐资讯等信息为主。
一:腾讯网页面布局
• • • •
网页整体布局 造型与风格 网页边空设计 网页背景
• 秩序与统一 • 平稳与稳定 • 信息主次分明
腾讯网首页的广告设计
• 位置得当,内容简洁。
四:从腾讯网首页看未来门户网首页设计趋势
旧 页 面 2
旧页面3
目前腾讯网首页
分析
• 首页遵循着极简的设计理念,页面逐渐简约化,
符合目前主流的网页审美设计。
• 排版和颜色设计更加新颖独特,富有生机与活力。
• 搜索框,排版等方面改动,网页设计人性化趋势
发展。
放映结束, 感谢观看,谢谢。
3/8/2013
• 网格型布局 • 造型风格<矩形>
分析
• 1:综合类门户网信息量 庞大,但腾讯网首页设计, 排版合理,信息主次分明。
3:网格型布局:使网页信息 严谨、理性分割,使页面 整齐、条理,同时美化页 面。 4:矩形页面设计,给用户带 来平方,便于用户快 速检索信息。
网页空白
分析:腾讯网首页在页面四周留白,提高提高 可读性。
二:腾讯网色彩设计
分析
• 页面以白色为背景,使图像和文字更加醒目。 • 以时事新闻中“两会”为导航栏顶部背景,符合 腾讯网“门户网站”性质。
文字色彩
• 易于识别 • 增加美感
三:细节决定成败
• 腾讯网首页的设计右栏宽度是600px,整体版 面的宽度是960px,两者之间的比例是0.630。

web功能界面设计规范标准[详]

web功能界面设计规范标准[详]

Web页面通用规XXXX软件技术修订记录目录WEB页面通用规11引言11.1目的11.2围12一般页面功能说明12.1新增12.2修改12.3删除12.4查询22.5取消22.6提交22.7重置22.8返回22.9分页22.10全选33一般页面规则说明33.1默认值33.2必填项33.3界面传递33.4窗口嵌套33.5输入框44页面元素交互44.1操作结果确认44.2其他规则41 引言1.1 目的本文用于规我公司所开发的产品中对于页面的通用需求设计工作,明确在设计中所要遵循的准则和方法,web页面中各个通用功能元素的规格要求,确保所实现的通用功能按钮在结构和功能上的统一,提升软件产品的品质。

1.2 围本规适用于公司所有的软件产品。

2 一般页面功能说明2.1 新增当新增一条或多条记录,要求:●新增的记录必须排在首页首行;●必填项字段必须有特殊标示;●提交时需对必填项字段进行重复值、空值(空格)判断;●新增容提交失败后,须保留用户修改的容,以便再次修改提交;●新增成功后必须有成功提示。

2.2 修改当进行单条或多条记录的修改时,要求:●如界面存在复选按钮,勾选多条记录进行修改时,每次只能对一条记录进行修改,默认修改容为第一条的提示信息;●必填项字段必须有特殊标示;●修改后加载的容应为的实际容,而不再为默认值;●修改完成后须回到原记录所在位置,且刷新显示修改后的值;●修改容提交失败后,须保留用户修改的容,以便再次修改提交;●在查询条件下修改后返回,如不满足查询条件则不显示;●需对主标识字段进行重复值、空值(空格)判断;●修改成功后必须有成功提示。

2.3 删除当删除一条或多条记录,要求:●必须有确认删除的提示信息;●删除成功后刷新,不显示删除的记录;●当被删除的记录与其他记录存在关联时,提示界面给予不允许删除、更明细提示等信息;●删除成功后必须有成功提示。

2.4 查询当按照条件查询时,要求:●每次查询后保留当前输入的查询条件;●当未查询到任何记录时,需给予未查找到相关记录的提示信息;●除了用户明确要求不需要外,需提供模糊查询功能;2.5 取消当进行取消当前修改并返回时,要求:●取消请给予提示;●取消返回到原记录所在状态;2.6 提交当提交容时,要求:●当提交所费的时间较长时,需给出等待的提示,如:沙漏;●提交成功后不可重复提交;2.7 重置重置是恢复变更前的状态,要求:●必须保证重置后与初始进入此页面时一致性;2.8 返回当需要返回前一个页面时,要求:●当从一个页面点击按钮或进入子页面时,子页面必须提供返回按钮;2.9 分页当需要分页显示数据时,要求:●当对查询结果进行分页时,分页的同时需要能够执行查询功能;●当页数较多时,允许输入具体页数进行查询;2.10 全选当在一个页面上存在多个同类容的复选框时,需要提供全选的功能,要求:●勾选全选,则选中当前页面所有记录;●去掉当前页面某个记录的勾选,则全选也去掉勾选;●刷新页面后,自动去掉已勾选的记录及全选的勾选;3 一般页面规则说明3.1 默认值各个页面都会存在默认值。

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
• 搜索按钮 a. 搜索按钮一般包含图标形式和文字形式两种 b. 使用图标形式时只能使用放大镜的图标,而不能采用其他元素。
二、搜索框设计规范
c. 搜索button规范文字为“搜索”避免采用其他描述。比如: d. 图标形式(放大镜)和文字形式可搭配使用,会出现如下三种情况: 文字形式: 搭配使用: 图形形式: • 使用SOSO引擎的可考虑在搜索框前加SOSO LOGO
•同一个web产品中搜索的位置和表现形式尽量保持一致
二、搜索框设计规范
2. 应用场景 强表现方式:
• 加大搜索框的显示,输入框内采用大字体(14号) • 突出搜索button的表现,更直观,更有点击欲 • 位置放在页头的中间并明显标示
二、搜索框设计规范
2. 应用场景 弱表现方式:
• 输入框内采用小字体(12号) •长度大约以刚好放完提示文字为基准 • 弱化搜索button的表现,可考虑用icon代替 •搜索框通常放在页头的右上角
• 不要使用按钮作长句广告: 错误案例:
• 腾讯网避免出现企鹅形象广告
可参考《广告、营销消息与营销邮件体验规范》
五、文字的编排与设计
总体原则:提高文字的辨识性和页面的易读性
1. 文字大小:建议使用12号+14号字体的混合搭配,13号也可酌情考虑,因为13号字体的不对称性,目前非主流。
• 需突出的内容部分、新闻标题、栏目标题等多使用14号字体 • 广告内容、辅助信息或介绍性文字等多使用12号字体 • 避免大面积使用加粗字体
一、网页宽度
不同浏览器,不同分辨率下网页第一屏最大可视区域:
屏幕
IE6.0 IE7.0 Firefox2.0 Opera9.0
800 779(+21) 779(+21) 783(+17) 781(+19)
一 600 432(+168) 452(+148) 417(+183) 461(+139)
有效可视区域(单位:Px)
Web设计规范 V1.3
CDC WUI 2008/10/29
目录
一、 基础规范
01 网页宽度 02 搜索框设计规范 • 基础规范 • 应用场景 03 页码设计规范 • 普通页码翻页 • 小型页码翻页 04 广告设计规范 05 文字的编排与设计 • 文字大小 • 文字颜色 • 文字行距 • 英文字体规范 • 文字链接 06 整齐的概念和应用 07 模块化表现 08 页脚信息
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)显示,点击输入框后提示文字消失。提示文字应简明扼要,文字一般用于内容、用途、搜索范围等对用户有 真正帮助的提示,”请输入关键词”这样的提示不应出现.
建议使用:
五、文字的编排与设计
深蓝色 当使用纯蓝色为文字颜色时,明度数值(B)不大于60%。当蓝色介于纯蓝往天蓝之间的时候,根据色相不同,应对明度值(B)作相应调整。 当色相越接近天蓝时,(B)值应该越低。 很多门户网站使用蓝色为文字颜色,常用的有
二、参考指南
01 页面修饰 • 简单的光影效果 • 质感的表现 • 透明效果的应用 02 个性皮肤的应用 03 图标的统一使用 04 图标表意
一、网页宽度
最新显示器分辨率比例调查: 目前主流分辨率 1024X768,在此状态下,默认使用910的网页宽度,与腾讯网首页统一尺寸。
特殊情况 1 . 信息量或图片量过大的情况,可以考虑加宽承载,给出两个参考尺寸: 950(paipai,Qbar等) 990(QQshow,游戏产品等) 2. 搜索类信息页面,采用自适应屏幕方式(比如soso搜索产品)
五、文字的编排与设计
特别注意:菜单尽量不使用12号加粗,这样会导致复杂的文字难以辨认。多采用14号加粗
2.文字颜色: • 同一网站需要定出主文字颜色,特殊情况下可以有2种左右的辅助文字颜色 • 一般情况下字体变化不要超过三种,若有需要,可以尽量采用统一字体的不同字族。
五、文字的编排与设计
• 正文的文字颜色多采用深蓝色或深灰色。在讨论颜色前,首先要明确一这个判断的衡量标准。我们是以Ps的颜色系统为讨论基础的。 灰黑色 当使用灰色为文字颜色时,正灰色的明度数值(B)不大于30%。 当使用带有色彩倾向的灰色时,根据色相不同,应对明度值(B)作相应调整。 因为不同纯色亮度不同,黄色亮度最高,蓝色/紫色亮度最底,其他色相则属中间亮度。因此使用亮度越高的色彩,其明度值(B)应该越低。

1024
768
1003(+21)
600(+168)
1003(+21)
620(+148)
1007(+17)
585(+183)
1005(+19)
629(+139)

1280
1024
ቤተ መጻሕፍቲ ባይዱ
1259(+21)
856(+168)
1259(+21)
876(+148)
1263(+17)
841(+183)
1261(+19)
三、页码设计规范
1.普通页码翻页的表现方法:
• 页码由三部分构成:一为页码状态区,表明页码在当前第几页位置以及共有多少页;二为页码翻页区,由上下翻页按钮与页码显示区构成;三为跳 转翻页区。三部分组成页码翻页区域位于产品右下角,三部分距离不可分开过大。
• 链接页码的设计力求简明独立,页码与页码之间的间距不小于鼠标手型的距离,如图所示
三、页码设计规范
2. 小型页码翻页的表现方法: • 链接页码为简明独立,不加任何修饰的数字形式 • 链接颜色由当前页面设计决定 • 数字大小建议为12-14px ,以易于点击为原则.
详见《产品页码翻页普用标准》
四、广告设计规范

禁止模仿任何windows标准控件,windows标准控件包括但不限于:鼠标指针、按钮以及窗口控制按钮等。
相关文档
最新文档