[毛利率怎么算]表格的应用

因为作业原因，常常接触到表格。咱们发现，表格不光广泛的运用在各类数据搜集和剖析，一起经过表格这样一种二维矩阵来收拾和陈设信息时（即使最终的展现办法并非一个典型的表格款式），能够很好的表达信息之间的逻辑联系，易于协助了解横纵信息之间的联系。

在实践的网页规划运用中，表格横纵彼此独立又彼此相关的办法特别适用于：

1.安排和展现许多的信息

表格简略的结构不光能包括许多的信息，且一起确保信息的可读性,便于读者快速扫描信息、从许多的条目中找到所需的信息。

2.展现比照性信息

经过合理的布局，表格能明晰的展现出同类比照信息，便于读者分辩不同条目信息之间的相关和差异，然后重视到要害、问题条目。

总的来说，一个结构明晰的表格布局，将大大进步读者对信息的接纳速度和了解程度

例如下图中苹果官网对不同类型mac book的信息陈设办法，就选用了表格的结构，明晰的展现了4款不同的macbook，及各自的功用、价格等特点，一起读者第一眼就能够扫描到并了解表格结构，横向是4款macbook的摆放，纵向别离列出了各自的特点，然后进一步就能够依据自己的爱好点就4款macbook的不同特点进行比照，信息完好且便于扫描。

如上所述，表格常用来展现许多的、比照性的信息，因而进步表格的可读性、便于用户快速扫描，是表格规划的要害。本文仅就笔者阅览过的几篇关于表格规划的文章结合作业中的一些拙见，收拾成文，共享如下。

表格的要素

研讨怎么进步表格可读性之前，咱们先扼要论述下表格的组成要素，这儿咱们暂时这么总结：表格 = 标题 + 表头 + 行标签 + 单元格数据（信息），如下图

表格标题是对表格全体的描绘，应包括表格数据的来历及特点，使读者对表格内容有所知道，例如数据搜集的日期、区域及其表格数据的其他特点。

行标签和列标签（表头） 是对本行/本列数据的描绘，能够了解为是表格的骨架，是用户快速扫描并接纳表格布局的要害要素。

单元格数据（单元格信息）这儿就不在多说，是表格的主体内容。

进步表格可读性的一些技巧

依据表格的用处，规划表格的布局 如下图，两张表格中所包括的数据完全相同，是关于10座山峰的高度和人类登顶年份数据。不同的是他们的成列办法：表1a依据山峰的高度排序陈设，而表1b则依据人类登顶山峰的年份排序陈设，一眼之下，这两张表无规划好坏高低之分，决议运用两站表中的哪一张的依据是这组数据的用处，假如这张表是用于向读者展现世界上的TOP 10山峰，则山峰的高度则是要点信息，a表的展现办法会愈加适宜；反之，假如这张表意在展现10大顶峰中，哪座山峰是人类最早登顶的，人类先后登顶的时刻次序是读者的首要爱好点，则表b就愈加适用。

削减读者核算 其实相似上一点，表格的方针也不是永久固定的，而是从读者阅览表格的意图动身，调整所需展现的方针。在原始数据的基础上给出差值、总计等剖析性的数据，能够直达用户阅览的方针，而尽量削减用户心算或许线下处理的进程。例如下图展现了2010年与2009年两年的公司财政报表，检查两年的具体数据当然必要，但深化剖析，读者之所以要并排检查两年的数据，意图在于比照两年的数据改变，因而将方针改变状况列出能协助用户更快的达到方针。

3.精简方针，发明信息层级

尽量削减或紧缩方针数量，防止呈现用户不需求的数据，默许只展现用户一切必要的信息，用户需求的非要点辅佐信息能够经过供给深化细节的进口（弹窗、下拉）等办法来处理，仅在用户需求时进行供给。发明信息层级，防止无主次的铺出一切信息，搅扰用户快速扫描定位方针条目。例如易迅的“我的订单”列表中，就将用户的信息、订单状况盯梢信息进行了默许躲藏，一起经过链接色很好的提示了进一步细节信息的进口，在用户需求时，能够便利的查阅。

4.不留空白单元格

当表格单元格中没有相应数据时，要防止直接留出空白单元格。空白单元格简略形成读者的困惑乃至误解，读者会搞不清楚到底是没有数据，仍是底子没有值？正确做法，没有数据的显现0，给没有值的单元格划线或许打叉。如下图：

5.斑马条的运用

横向或纵向的斑马线以及悬停高亮底色能够很好的引导用户的视野，防止在阅览时呈现错行、迷失的状况：斑马线会使得行与行的鸿沟更为清楚，特别对数据列较多时的横向引导得到加强，这样看行内的内容时不简略错行，而悬停变色行首要是合作操作交互，明晰区分出光标地点的行。

6.高亮要点信息，进步阅览速度

经过合理的运用icon、背景色等视觉元素高亮要点信息，能够进步用户的阅览速度，协助读者更快定位要点信息，例如下表中运用红绿的上下箭头很好的向用户表达了年度财政的改变状况。

7.对齐，便于用户快速阅览

比照的数据假如有了明晰的对齐办法，会大大进步数据的阅览功率，添加比照的作用。一般，咱们将数据右对齐，便于比照：经过数字位数的长短即可比照数字的量级和巨细；文字左对齐，契合人们阅览从左到右的习气；而对一些固定长度的状况文字（如已完结，待付出等）选用居中对齐，使这些状况文字更杰出。

像下面的图中，假如数据居中对齐没有明晰的鸿沟，阅览起来就会下降功率。

经过调整后的下一张图中，咱们就能看到，当数据对齐规划后，数据之间主动形成了规整的线，便于视野的活动。

8.规划视觉层级，引导读者视野

经过调整标题、标签的字体，边框线的规划、底色的运用，然后计出合理的视觉层级，引导读者的视野活动曲线。例如下图：

坚持运用简略的矩阵布局，尽量削减视觉噪音 讲了许多经过表格style来进步表格可读性的办法，可是咱们一起需求谨记的是，表格的主体是表格中所承载的数据信息，在进行表格的规划时，规划师们特别要注意去除一切非必要的视觉元素，让用户将一切的注意力会集在数据信息上，而不是无关的边框、底色等。一切的视觉元素应该为更好的协助用户阅览而服务，除此之外，再精巧的规划都是对表格的损坏。

下图是个极点的比方，无谓的边框规划，大大下降了这张表格的可读性。

第3点中咱们说到，在取舍表格的内容时，要尽量精简方针，削减用户一次性接纳的信息量过于巨大，特别不要超出用户的视觉规模，经过拖拽的等办法查阅表格。但在实践想运用中，表格方针过多的状况，仍是常常呈现。但真实无法精简方针的时分咱们能怎样进步表格的可读性呢，以下几个办法或许能有所协助。

10.固定表头、标题列

当在阅览数据巨大的表格时，读者不得不经过拖拽横向或纵向滚动条来阅览数据，固定表格的表头或行标题列，能协助读者在阅览进程中仍明晰的知晓单元格数据的特点。比方百度的涅槃体系供给了丰厚的数据列，而假如短少表头的阐明恐怕会很快遗遗忘该列数据是什么。

11.供给自定义挑选

因为一份数据报表，往往需求满意各种不同的人物在不同状况下的需求，因而在数据内容上，一般采纳宁多勿少的准则，即体系供给尽可能具体的数据给用户，由此就形成了表格方针过多，难以在一个屏幕内完好展现，导致需求横向拉伸，极大的下降了表格的可读性。在这个问题上，咱们采纳的办法是将一切的方针称号罗列在表格上方，并供给复选框挑选，在默许状况下仅展现最常用、最重要的几个方针（如下图）。这样做的优点是，首要，用户能在表格上方看多一切的方针称号，防止了本来需求横向拖拽才干阅览到一切方针的状况；其次，用户能够依据自己的需求，自在的挑选显现所需方针，躲藏不必要方针，削减搅扰。

供给查找和挑选 供给表格查找和挑选是协助读者依据本身需求削减数据量的有用东西，用户经过输入自己所需的特别条件，然后快速得到方针数据条目。

13.供给排序

经过数据排序的办法，能够方便的发掘出重视的信息，很好的协助读者发现信息条目之间的联系，进步要害条意图优先级。这个办法不光在数据行多时适用，在数据量并不那么大时也相同适用。

总结1. 从用户阅览表格的方针动身规划表格的内容和布局

从进步用户阅览速度的功用视点动身进行表格的视觉规划，防止过度规划 当表格方针、数据过多时，供给一些自定义的东西协助用户自助挑选出最需求的数据条目
金融工程, 数学算法, 表格, 数据,