腾讯网WEB页面设计规范-页码与搜索框设计
需积分: 9 97 浏览量
更新于2024-08-22
收藏 4.5MB PPT 举报
"页码设计规范-腾讯网WEB页面设计规范"
在腾讯的Web页面设计规范中,页码设计是一项关键的细节,它涉及到用户在浏览大量内容时的导航体验。根据描述,页码设计规范主要分为三个方面:
1. 页码状态区:这部分展示当前所在的页数以及总页数,帮助用户了解他们在内容的整体分布中的位置。
2. 页码翻页区:由上一页和下一页的按钮以及页码显示区组成,用户可以通过点击这些按钮进行前后翻页。
3. 跳转翻页区:允许用户直接输入页码跳转到特定页面,提高浏览效率。
设计时,页码之间的间距应至少保持在鼠标手型的距离,以确保用户可以方便地点击每个页码。此外,页码翻页区域通常位于页面的右下角,各部分之间不应有过于明显的间隔。
规范还提到了网页宽度的设计,针对不同的显示器分辨率和浏览器,腾讯推荐了910像素作为默认宽度,以保持与腾讯网首页的一致性。对于特殊情况,如信息量大的页面,可选择950或990像素的宽度。在搜索类信息页面,使用自适应屏幕的方式,如soso搜索产品。
搜索框设计规范包括:
- 文本框:应有适当的长度,至少能容纳10个中文字符,确保用户能快速输入关键词。文本框必须为单行,并且宽度不少于130像素,高度不低于18像素。
- 帮助信息:为用户提供辅助信息,帮助他们更好地理解和使用搜索功能。
此外,规范还涵盖了其他方面,如广告设计、文字的编排与设计(包括大小、颜色、行距、英文字体和链接)、整齐的概念、模块化表现、页脚信息、页面修饰(如光影效果、质感、透明度)以及个性皮肤和图标的统一使用。
这些规范旨在提升用户界面的可用性和美观性,确保在不同环境下,腾讯的Web页面都能提供一致且高效的用户体验。
2010-12-22 上传
2021-08-14 上传
点击了解资源详情
点击了解资源详情
点击了解资源详情
点击了解资源详情
点击了解资源详情
点击了解资源详情
魔屋
- 粉丝: 27
- 资源: 2万+
最新资源
- node-silverpop:轻松访问Silverpop Engage API的Node.js实现
- 最小宽度网格图绘制算法研究
- 多数据源事务解决方案:统一管理单应用中的多数据库
- 利用Next.js匿名浏览Reddit子板块图片
- SpringBoot+H5官网模板,覆盖多种网页资源播放
- Gitshots-server:简化开源贡献的提交记录服务
- Scrapy-Dash工具:轻松生成Scrapy文档集
- Node.js v18.12.0发布,优化Linux PPC64LE服务器性能
- 蚂蚁设计专业版快速使用指南与环境配置
- Vue.js 2.3.4源码解读及开发环境配置指南
- LDBase:Lazarus开发者的dbf数据库管理开源工具
- 高效部署WordPress的VENISON脚本教程
- Saffron Bahraman-crx插件:控制产品线的栽培与培养
- Gitpod中运行前后端应用程序的指南
- Node.js v20.3.0新版本发布 - 开源跨平台JavaScript环境
- 掌握非线性方程根的迭代求解-Matlab方法实现