首页 | 网页设计 | w3c标准 | flash动画 | 平面设计 | 经典文章 | 特约专题 | 资源下载 | 健康频道 | 重庆品牌网站 | 留言簿 | 
技术文章  资源下载 经典素材  社区论坛
   
 您现在的位置: vi设计在线 >> 经典文章 >> ccqvi动态 >> 技术应用 >> 正文  
  表格的UI交互模式指南         
[ 作者:佚名    转贴自:本站原创    点击数:2247    更新时间:2010/6/1    文章录入:diyi880

减小字体 增大字体

表格的UI交互模式指南

许多人都认同这样一个现象:表格虽然是用户界面设计中的一个重要部分,但是它们却经常会被忽视。表格应该显示让用户更易读,更易扫视,更易比较的结构化数据,但在很多情况下,表格数据却显得模糊不清。这就是很多人不喜欢表格的原因。

用户的日常工作经常使用表格,但是谁会需要让他们崩溃的东西呢。要改变这样的现状,下面给出一些使表格易用的指南。

行交替样式Alternating rows styling

这是很明显的,但是事实如此吗?看看今天的WEB应用,你就会发现很多并不适用。因此,行交替样式并不明显,这就是把他列为第一个来阐述的原因。

在数据较多的多行多列表格里用不同样式交替显示不同的行,这会提高用户区分数据的能力。可以采用背景色或者背景图片,如果采用背景色,背景颜色应该比页面颜色浅或者深一点。图像背景应该选择和符合整体配色方案的图片。也可以把背景色和背景图组合应用于表格边框。表格的header和footer部分应该易于识别,可以采用比表格行深或者浅的颜色。

 

 上一篇文章: 设计公式:简单有效的竞品分析
 下一篇文章: 浅谈企业网站推广的基本工作
发表评论】【告诉好友】【打印此文】【关闭窗口


技术文章  资源下载
经典素材  社区论坛
 中大型美容美发店老…[1184]
 重庆多达学习俄语培…[2470]
 重庆恒祥广告有限公…[2086]
 重庆市南方阻燃电线…[2497]
 重庆舞美灯光音响有…[3256]
 重庆德鼎滤油机有限…[2011]
 重庆民生建材有限公…[2447]
 重庆集元科技有限公…[4223]
 重庆倍润商贸有限公…[2089]
 重庆腾达展览有限公…[3156]
 帝一网络创始人宣…--[3279]
 重庆vi设计在线祝…--[2827]
 重庆帝一网络书生…--[2943]
 馋嘴鸭的起伏和经…--[3108]
 机器感觉“卡”的…--[3016]
 ActionScript3打造…--[6032]
 在ASP文件中读取H…--[7327]
 vi设计经典案例--[64343]
 帅到掉渣-爆笑版勇…--[7191]
 一个女孩写的经典…--[6968]
没有相关文章
 (只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    没有任何评论
设为首页 | 加入收藏 | 联系站长 | 友情链接 | 版权申明 | 重庆网站建设 | 
版权所有: vi设计在线  © 2005-2018 网站备案序号:渝ICP备06003824号
技术支持:帝一网络(重庆网站建设专家)