欢迎来到培训无忧网!

全国切换

咨询热线 400-001-5729

位置:培训无忧网 > 新闻资讯 > 电脑/IT > UI设计 >  UI设计:如何更好的设计表格?

UI设计:如何更好的设计表格?

来源:培训无忧网 发布人:木木

2021-11-14 10:07:44|已浏览:182次

UI设计培训机构
      在后台系统、数据类产品、B端产品中,表格是非常重要的一种数据整理的组件。那么,对于刚接触B端的设计师怎样才能更好的设计表格呢?
      一、什么是表格
      表格是一种数据可视化的一种形式,可以查看和处理大量数据,它主要承载了数据的收集、整理、组织、展示、对比和归纳。
      二、表格的设计原则
      1、易读性
      表格的层级一定要划分的非常清晰,层级分明。你要让用户更关注的是数据本身,而不是花里胡哨的样式。
      2、可寻性
      列表以易于浏览的逻辑排序,提供合适的搜寻组件帮助用户快速查找信息。
      3、高效性
      表格要用最短的时间告诉用户想要得到的信息。
      4、灵活性
      可以让用户根据自己的习惯及兴趣自定义自己的表格展示,比如排序、筛选、调整表头顺序等功能。
      三、表格的构成
      外部区域:标题、操作区、筛选区;
      内部区域:表头、表体、表尾。
      介绍完表格的构成,我们再来把每一个元素拆解出来详细介绍。
      四、表格元素解析
      1、标题
      标题是整个表格内容概述的名称,此名称尽量简洁明了,不要太长,能两个字写清楚绝 对不用三个字。
      如果标题名称难以理解的话,可以加二级提示,有两种常用样式:tooltips(常用)、二级提示语。
      标题的位置一般在左上角。
      2、操作区
      对表格内容的增删改等操作的区域。
      使用建议:
      (1)有且只有一个主操作
      特殊情况下可以没有主操作,但不能有两个主操作。
      (2)样式统一
      同一个产品中,操作区样式规范要保持一致。
      (3)操作的优先级
      根据使用的优先级,把常用的操作放到一级展示,不常用的收到二级展示。
      (4)不同操作状态区分要明确
      不是所有的操作都是可以直接用的,比如有的操作在没有选择内容的时候是Disable状态,那这时候就要和其他可操作的有明显的样式区别,否则容易让用户分不清可不可以操作。
      (5)刷新按钮
      有人觉得浏览器都有刷新功能,干嘛还要多此一举再加个刷新。其实这个刷新功能还是很有必要的,这个刷新只针对于列表内的内容。
      在有的后台管理界面中,因为数据量很大,如果每次刷新都用浏览器自带刷新的话,就会重新加载整个页面的内容,很不好用。很多情况下,用户只想重新加载一下列表的内容,那这个刷新就会很好用。
      同时刷新后要有即时反馈,告诉用户点完操作后目前处于哪个阶段中。

      

      本文由培训无忧网长沙牛耳教育专属课程顾问老师整理发布,更多相关课程请关注培训无忧网UI培训或添加老师微信:15033336050

      注:尊重原创文章,转载请注明出处和链接 https://www.pxwy.cn/news-id-3843.html 违者必究!部分文章来源于网络由培训无忧网编辑部人员整理发布,内容真实性请自行核实或联系我们,了解更多相关资讯请关注UI设计频道查看更多,了解相关专业课程信息您可在线咨询也可免费申请试课。关注官方微信了解更多:150 3333 6050

留下你的信息,课程顾问老师会一对一帮助你规划更适合你的专业课程!
  • 姓名:

  • 手机:

  • 地区:

  • 想学什么:

  • 培训无忧网
免 费 申 请 试 听
提交申请,《培训无忧网》课程顾问老师会一对一帮助你规划更适合你的专业课程!