腾讯网Web页面设计规范:文字编排与设计
需积分: 0 94 浏览量
更新于2024-08-17
收藏 4.52MB PPT 举报
"该资源是一份腾讯网的Web页面设计规范,主要涵盖了文字的编排与设计、网页宽度、搜索框设计、页码设计、广告规范、文字大小、颜色、行距、英文字体以及模块化的表现等多个方面,旨在提高页面的易读性和用户的浏览体验。"
在Web设计规范中,文字的编排与设计占据了重要的位置。设计师建议使用12号和14号字体的混合搭配,13号字体虽然可用但非主流。14号字体通常用于需突出的内容、新闻标题或栏目标题,而12号字体则适用于广告内容、辅助信息及介绍性文字。避免大规模使用加粗字体,目的是为了保持文字的辨识度,确保页面的易读性。
网页宽度是一个关键的设计要素,规范建议默认使用910像素的网页宽度以适应1024X768分辨率的屏幕,并根据具体情况进行调整,如信息量大或图片丰富的页面可考虑950或990像素的宽度。对于搜索类信息页面,推荐采用自适应屏幕的方式。同时,文档提供了不同浏览器在不同分辨率下的有效可视区域数据,以指导设计师优化不同用户的第一屏视图。
搜索框设计规范包括文本框的长度应适中,至少能显示10个中文字符,且必须是单行文本框,宽度不少于130像素,高度不小于18像素。此外,还强调了帮助信息的提供和设计细节。
此外,规范中还提到了文字的颜色、行距和英文字体的使用标准。文字颜色的选择应有助于提升文字的可读性,行距的设定要适宜,以便阅读。英文字体的使用应当遵循一定的规则,确保在多种设备和操作系统上都能正常显示。整齐的概念和模块化表现则强调了设计的整体性和一致性,使页面布局更加有序。页脚信息的设计同样重要,它提供了网站的重要链接和信息。
参考指南部分涉及页面修饰、个性皮肤应用、图标的统一使用和表意,这些元素共同构成了网页的视觉风格,提升了用户体验。例如,简单的光影效果、质感的表现和透明效果的运用可以增加页面的层次感和吸引力。
这份设计规范旨在通过系统的指导原则,帮助设计师创建出既美观又易于使用的Web界面,兼顾功能性与艺术性的平衡。
2021-08-14 上传
点击了解资源详情
点击了解资源详情
点击了解资源详情
点击了解资源详情
点击了解资源详情
2024-11-07 上传
ServeRobotics
- 粉丝: 36
- 资源: 2万+
最新资源
- 探索数据转换实验平台在设备装置中的应用
- 使用git-log-to-tikz.py将Git日志转换为TIKZ图形
- 小栗子源码2.9.3版本发布
- 使用Tinder-Hack-Client实现Tinder API交互
- Android Studio新模板:个性化Material Design导航抽屉
- React API分页模块:数据获取与页面管理
- C语言实现顺序表的动态分配方法
- 光催化分解水产氢固溶体催化剂制备技术揭秘
- VS2013环境下tinyxml库的32位与64位编译指南
- 网易云歌词情感分析系统实现与架构
- React应用展示GitHub用户详细信息及项目分析
- LayUI2.1.6帮助文档API功能详解
- 全栈开发实现的chatgpt应用可打包小程序/H5/App
- C++实现顺序表的动态内存分配技术
- Java制作水果格斗游戏:策略与随机性的结合
- 基于若依框架的后台管理系统开发实例解析