添加到百度首页
添加收藏 RSS 网站地图 旧版网站
  • 全部
  • 网页特效
  • 建站教程
  • 设计分享
当前位置:首页 > 设计分享 >

百度UED描述表格设计一二三

时间:2014-10-15      来源:互联网     

        想必多数同学曾经学习计算机就是从Word开始,其中一项重要的学习任务就是创建表格,如今在网络页面里表格随处可见,尤其是商业产品里充满了大量的数据,要没有这些表格估计看内容得吐血……网页设计中的格式如此,表格形形色色,默默无闻的呈现着数据,阅读起来如何最为顺畅,如何才能从表格里发掘出重要信息,有哪些可以对表格进行的操作,梳理一下以供参考。

  1、行高是表格浏览时的重要参数

  行高是表格非常重要的参数,行高间距直接影响着阅读的体验,有如同Omniture为了最大限度的放置数据内容,强化数据显示效果而降低行高的情况,也有SugarCRM一样的行高较高可以放置更多文本信息的表格。

百度UED描述表格设计一二三-【科e互联】
 

  2、斑马线更好的引导阅读

  斑马线和悬停时的整行变化也是表格中能引起视觉变化的重要元素,斑马线会使得行与行的界限更为分明,尤其对数据列较多时的横向引导得到加强,这样看行内的内容时不容易错行,而悬停变色行主要是配合操作交互,为了明确区分出光标所在的行。

百度UED描述表格设计一二三-【科e互联】
 

  3、选择和操作提升使用效率

  对表格数据的选择会有单选多选或者全选的情况,如果遇到数据项很多有翻页,全选的位置就会增加一些选项来确定是当页全选还是整表全选,如同Gmail和 SugarCrm里的效果,这种表格是将选择区域放置在表格的左侧第一列,也有表格的设计是将选择放在右侧最后一列,像Campaign Monitor就是这样设计的,好处在于浏览完一行的信息就可以确定是否需要选择该行内容进行下一步操作。

百度UED描述表格设计一二三-【科e互联】

web前端视频教程
标签 网页设计
相关文章
web前端视频教程


最新更新

网页特效

web前端视频教程