腾讯网Web页面设计规范:文字编排与设计
需积分: 0 109 浏览量
更新于2024-08-17
收藏 5.45MB PPT 举报
"该文档是腾讯网的Web页面设计规范,涵盖了基础规范和参考指南两大部分,旨在提高页面的易读性和用户体验。其中,重点讲述了文字的编排与设计、网页宽度、搜索框设计规范等内容。"
在【文字的编排与设计】方面,腾讯网提出了一些关键点:
1. 文字大小:推荐使用12号和14号字体的混合,13号字体由于其不对称性不常用。重要内容、标题一般用14号字体,而广告和辅助信息推荐使用12号字体。同时,避免大量使用加粗字体,以保持页面的清晰度和易读性。
2. 文字颜色:虽然未详细说明,但通常文字颜色需与背景形成足够的对比,以确保可读性。一般选择黑色或深灰色在浅色背景下,白色或浅灰色在深色背景下。
3. 文字行距:适当增加行距能提高阅读舒适度,一般会根据字体大小调整行距,以保持视觉上的平衡。
4. 英文字体规范:对于英文内容,通常会选用无衬线字体,如Arial或Helvetica,以增强可读性。英文字体大小可能与汉字不同,需根据设计需求进行调整。
5. 文字链接:链接通常会用不同的颜色或下划线表示,点击后会有明显的变化,如变为蓝色或下划线消失,以提示用户已访问。
在【网页宽度】上,腾讯网的规范强调了:
1. 主流网页宽度:默认使用910像素,与腾讯网首页保持一致,适应1024X768分辨率。对于内容较多的情况,可以考虑950像素或990像素的宽度。
2. 不同浏览器和分辨率下的可视区域:考虑到各种浏览器的差异,设计时需确保在不同环境下,主要内容都能在第一屏内显示。
在【搜索框设计规范】中:
1. 文本框:建议搜索框长度适中,至少容纳10个中文字符,且必须是单行文本框,最小宽度130像素,高度不低于18像素。
2. 帮助信息:为用户提供清晰的指导,帮助他们更好地使用搜索功能,如输入建议、搜索提示等。
除此之外,规范还涉及到了整齐的概念和应用,强调布局的整洁有序;模块化表现,通过模块化设计提升页面的可维护性和一致性;页脚信息的设计要求,通常包括版权信息、联系方式等;以及参考指南中的页面修饰、个性皮肤应用、图标的统一使用和表意等,这些都是为了提升整体界面的美观度和用户体验。
这些规范旨在创建易于浏览、信息清晰的Web页面,是设计师遵循的最佳实践,有助于提升腾讯网的整体质量和用户满意度。
点击了解资源详情
点击了解资源详情
点击了解资源详情
点击了解资源详情
四方怪
- 粉丝: 28
- 资源: 2万+
最新资源
- Angular程序高效加载与展示海量Excel数据技巧
- Argos客户端开发流程及Vue配置指南
- 基于源码的PHP Webshell审查工具介绍
- Mina任务部署Rpush教程与实践指南
- 密歇根大学主题新标签页壁纸与多功能扩展
- Golang编程入门:基础代码学习教程
- Aplysia吸引子分析MATLAB代码套件解读
- 程序性竞争问题解决实践指南
- lyra: Rust语言实现的特征提取POC功能
- Chrome扩展:NBA全明星新标签壁纸
- 探索通用Lisp用户空间文件系统clufs_0.7
- dheap: Haxe实现的高效D-ary堆算法
- 利用BladeRF实现简易VNA频率响应分析工具
- 深度解析Amazon SQS在C#中的应用实践
- 正义联盟计划管理系统:udemy-heroes-demo-09
- JavaScript语法jsonpointer替代实现介绍