公用样式模板的设计制作（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
投稿猜你喜欢
- 前言：Python中for循环和while循环本质上是没有区别的，但是在实际应用上，针对性不太一样。for循环，主要应用在遍历中，体现的是遍
- 前言大家好，说起动态条形图，之前推荐过两个 Python 库，比如Bar Chart Race、Pandas_Alive，都可以实现。今天就
- --为空的值text ntext select * from lf_newsNg_utf where datalength(newsCont
- 我们都知道tensorflow框架可以使用tensorboard这一高级的可视化的工具，为了使用tensorboard这一套完美的可视化工具
- 如下所示：filename=None if request.method == 'POST
- 特么的，上次写了一堆，发现，原来下载网易云的歌曲根本不用这么费劲，直接用！http://music.163.com/song/media/o
- 本文实例讲述了python实现生成Word、docx文件的方法。分享给大家供大家参考，具体如下：http://python-docx.rea
- 一、MySQL Workbench简介MySQL是一个关系型数据库管理系统，由瑞典MySQL AB 公司开发，属于 Oracle 旗下产品。
- 本文实例为大家分享了python封装对象实现时间效果的具体代码，供大家参考，具体内容如下# 钟表import timeclass Clock
- 目前在网络上多是单个条形图堆叠，没看到一组的条形图堆叠。代码如下：import numpy as npimport pandas as pd
- 前言当数据库中存量数据较多时，或者是在批量插入操作时，很容易出现插入重复数据的问题。一、三种方法在 mysql 中，当存在主键冲突或唯一键冲
- 在前面文章中，有提到过 mysqldump 备份文件中记录的时间戳数据都是以 UTC 时区为基础的，在筛选恢复单库或单表时要注意时区差别。后
- 前言：本文从0到1实现django搭建一个web页面，实现了django连接mysql数据库，简单的get、post请求等一、使用pyach
- 1.循环# 1.for...in循环，依次把list或tuple中的每个元素迭代出来studentNames = ["Willar
- 在使用json.dumps时要注意一个问题>>> import json>>> print json.d
- argparse是python用于解析命令行参数和选项的标准模块。很多时候，需要用到解析命令行参数的程序，目的是在终端窗口输入训练的参数和选
- 目录1.横向合并1.1 concatenate方法1.2 hstack方法1.3 column_stack方法2.纵向合并2.1 conca
- <html> <head> <title> New Document </title> &l
- 1、汇总统计介绍几个聚集函数有多少名学生SELECT COUNT(*) FROM student;SELECT COUNT(1) FROM
- 目的是想通过给定一个ID，取出所有的子ID，包括子ID的子ID。一开始写成FUNCTION,因为FUNCTION调用方便，但是报错：ERRO
