当前位置 > 主页 > 万和大讲堂 >


表格设计你要知道的(上)

2015-06-19 14:40

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

 

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

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

 

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

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

 

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

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

 

  4.排序使表格活起来

  排序是表格里经常需要使用的操作,可以更为快捷的发掘出关注的信息,一般会有升序和降序两种,当前比较常见的是上下空心箭头默认,上箭头为升序,下箭头为降序,也有通过明确说明来提示排序的方式。

  也会出现这种多重排序的表,其实是将列的数据排序区域作为单独的控制区进行操作,以实现多个维度的排序。南京万和UI设计培训

 

  这回先说到这里,下篇等等就来……


最近开班 more>
  • Python基础班
  • Java全栈开发
  • 前端基础班
  • 软件测试
  • 云原生精英班
  • 云网预科班
  • CISP
  • HCIE-Datacom(HCIA,HCIP基础)
  • HCIP-Datacom(HCIA基础)
  • HCIA-Datacom(0基础)
  • HCIE-Datacom(HCIA,HCIP基础)
  • HCIP-Datacom(HCIA基础)
  • HCIA-Datacom(0基础)
  • OCM 12C
  • OCP 19C
  • RHCE 9.0
  • 随时开课
  • 12月26日
  • 随时开课
  • 12月4日
  • 12月16日
  • 12月9日
  • 12月21日
  • 1月6日
  • 12月30日
  • 12月16日
  • 12月21日
  • 12月7日
  • 12月7日
  • ——
  • 随时开课
  • 12月16日
    • 姓 名 :
    • 电 话 :
    • 课 程 :

技术交流群

  • Java大数据交流群560819979加入
  • Python技术交流群595083299加入
  • Oracle技术交流群595119011加入
  • Web前端技术交流群604697610加入
  • Huawei技术交流群482919361加入
  • Redhat技术交流群587875348加入
  • UI设计技术交流群511649801加入
  • Cisco技术交流群596886705加入
  • IT运维技术交流群605888381加入