公用样式模板的设计制作（3）
作者：rukey67 来源：UED163 发布时间：2009-09-13 21:27:00
(3). 具有代表性的页面元素
Logo、网页大标题
Logo具有品牌标识作用。大标题最直接地告诉用户网页/系统的内容/用途，但不是必备的，有些网页只有logo和副标题，因此设计时网页大标题可以作为可选项目。
导航菜单
导航菜单的重要作用不再强调。需要注意的是，在设计模板菜单样式的时候，要有标识当前项的样式，以及需要特别强调的进行高亮显示的项目样式。还要考虑多级菜单对子菜单进行下拉或者折叠显示的情况。设计的时候考虑周全，在需要的时候可以方便地进行拓展。
面包屑导航
不多强调，相当于网页上的GPS。
数据表格、文本内容
这类元素往往是网页的主体内容，用以呈现格式化的信息。在设计制作数据表格的表头、单元格样式的时候，需要考虑根据不同的数据形式，样式可能也会不同。比如较长的文本内容可能需要在单元格里左对齐，而数字类型数据，为了直观地比较数位大小，通常需要右对齐。有时候数据内容比较多，需要分页进行显示，所以也有必要提供一个具有良好用户体验的分页样式。
数据录入表单
用以录入数据的表单组件：单选框、复选框、下拉框、文本框等等。可以根据需要对这类网页原生的交互组件的默认外观进行统一的初始化。如果对交互效果要求比较高，需要设置鼠标、键盘事件与表单项进行交互时的不同样式（如 onmouseover、onclick、onfocus等）。由于IE6-对伪类选择器（hover、focus）支持不完善，制作这些效果的时候要使用脚本进行一些兼容处理。另外，还有一些填写表单时的注意事项等提示类信息，以及对录入数据进行验证出错时的错误提示信息，这些信息通常会显示在表单旁边，验证错误时还需要将出错的表单项进行高亮显示，这些样式在公用模板里都需要进行设计。
各类备注、报错、提示信息
包括上面提到的附加在元素旁边显示的表单填写提示及验证报错，和一些对内容进行解释的备注说明等，还有一些可能会以单独模块出现，例如用户操作成功、失败或者是登陆超时等提示信息。
交互UI组件：切换标签、下拉菜单和模态弹窗等
除了网页表单控件以及浏览器提供的消息组件（alert、confirm、prompt），经常还需要用到一些自定义的交互组件，例如切换标签、下拉菜单，以及考虑到易用性问题而对浏览器消息组件进行封装的模态弹窗等（例如lightbox、thickbox），可以选择最常用组件集成到公用模板中。
0
投稿猜你喜欢
- 如何修改数据库名（db_name)及实例名(Instance_name or Service_name) Nid是Oracle从9iR2开始
- ［前言］：搭往公司的班车，遇到其他部门的同事，他问了很多关于我的工作的问题，由此引发这篇文章。这些问题，我也经常被其他人问到，其中既有我们亲
- 如何显示一个等待或欢迎信息？ <％ Response.Buffer = True ％
- 在应用SA-FileUp时，必须确认用户已对目的路径有读、写、删除的权力。在多文件上传中，由于浏览器不支持SIZE= 属性，所以对多文件的情
- SQL Server 2005相对于SQL Server 2000做了很大的改进，许些新特性是非常实用的。本文中将通过几个具体示例进行详细的
- 近又开始做网页，发现之前写的页面不规范，这次从头在来，希望一次比一次进步，先从CSS中的标点符号开始吧，这篇做为草稿已经放了很长时间了，还是
- 这几天正在为压缩代码的事情所困扰，大家也可以看见，我的博客顶端有两个在线的压缩工具，但在实际应用过程中，除了CSS的压缩比较满意外，JS的压
- 一般情况下，访问或设置剪贴板，IE 只需使用 window.clipboardData 的 getData 或 setData 方法即可。M
- ▲ SHOW执行下面这个命令可以了解服务器的运行状态mysql >show status;该命令将显示出一长列状态
- 就在刚才，我给GMAIL安装了Twitter插件。安装完插件后，Gmail提示我要连接Twitter的账号才能使用：我顺着提示操作下去，就看
- 很多开发人员对于IIS和ASP.NET的安装等问题困扰,特此做下面的小总结,请大家多交流!iis 坏了修复办法!一般IIS运行不了ASP.N
- 我想大多数的人在编写ASP程序的时候，都碰到过类似的错误信息： Error Num
- 关于段落<p></p>相信大家已经都在自己的工作中开始关注并应用了。因为那真的是非常简单的事，只要你愿意你随时都可以
- 一、控制用户存取 1、创建修改用户Creating Users Create/alter user new_user identified
- 备份MySQL数据库的命令mysqldump -hhostname -uusername -ppassword
- linux平台及windows平台mysql重启方 * inux下重启MySQL的正确方法：1、通过rpm包安装的MySQLservice m
- SVG是XML来描述二维图形的语言。SVG可以构造3种类型的图形对象：矢量图形、位图图象和文字。图形对象可被组化、样式化、变形和重组，包括图
- 测试环境：1：xp系统2：双显，1680×1050 + 1050×16803：chrome 版本4.14：ff版本3.6chrome是我的默
- 众所周知，FileSystemObject（fso）组件的强大功能及破坏性是它屡屡被免费主页提供商(那些支持ASP)的禁用的原因，我整理了一
- 最近在做一个程序正好需要用到此方面，在网上找到过相应的程序，但用起来都非常恶，于是乎只好自己实现一个了。 首先实现两个函数用来操作光标：
