网站大量收购闲置独家精品文档,联系QQ:2885784924

如何设计表格.docxVIP

  1. 1、本文档共10页,可阅读全部内容。
  2. 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
  3. 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  4. 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
  5. 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
  6. 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们
  7. 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
  8. 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
如何设计表格作为一名厨师或家庭主妇,你每天都要和鸡蛋面粉之类的东西打交道。你看到有一道菜需要用 1/4 杯淀粉,而你手上只有汤匙。请快速算一下, 1/4 杯的淀粉等于多少汤匙的用量?你很聪明,在冰箱上贴上一张用量换算表,你只要看一眼,就可以让你对做菜时的各种用量换算一清二楚。换算表非常实用,而这些数据都需要在一张不大的表格上列出。如果你将这些换算表送给那些需要的顾客,他们可能会长久地将你这张表格贴在厨房里(既然是长久地贴在厨房里,为什么你不顺便在这张表格上写上你公司的名字地址,顺便做一下广告?)。当然,为了能够让这张换算表能够让人贴出来,表格的设计必须美观实用。其中的关键就是我们要组织好数据及让这些数据清晰易懂。在本文中,看看我们是如何将一张难以卒读的表格变成主妇们的好帮手。图 1 上图为原设计的表格及我们修改后的表格图 2 原来的设计放上红萝卜洋葱干嘛?虽然它是用于厨房,但表格的主题是换算,不是食物原来的设计尺寸为 4 × 7 英寸 ,表格后面还附上磁铁便于粘贴。一眼望去,色彩还挺鲜艳,数据也很详尽,但它的整版面显得很复杂,也不吸引人。造成这种后果的原因是原来的设计师并没有对版面上的空间进行精心处理。图 3 原设计到底有什么毛病?这个设计首先的问题就是节奏混乱,在上图左中,我们可以看到,元素的排列既有右对齐,又有左对齐,还有居中对齐。而上图中我们所标的箭头可以看到,各个元素的方向感是发散的,而且毫无规律,缺乏协调。而上图右标出的蓝色区域可以让我们知道这个设计的第三个缺点:缺少视觉焦点,多余的空间太多,没有那一个元素特别突出。从图3右中我们还可以看到,由于留白空间与各个元素所占的区域几乎相等,不能形成对比,所以使到整个设计毫无生气。我们再来考察一下原设计中所使用的字体。原设计中使用了 Helvetica 字体,这种字体可以说是一种万能字体,几乎那里都可以使用。但它在字体尺寸较小及分辨率较低的时候,就不容易看清。图 4 原设计所使用的 Helvetica 字体,并不适合字体较小的情况下使用Helvetica 字体用作标题时是一种不错的选择。但对较小的字体则不是很适合。从上图我们可以看到,这种字体的弧线伸得太长,使到与邻近的地方过于紧密,所以字体尺寸比较小时,看起来就象闭合了一样。特别是象 a 、 e 、 s 这几个字母很容易互相混淆(上图圆图)。用大小一样的数字表示分数绝对不是一种好的选择,因为缺乏层次感,而且很容易与相邻的数字搞混,使到看的人要小心分辨。来看我们新设计的字体选择图 5 新设计中所用的字体表格中的字体最重要的就是要清晰,而且字体构成要简单——直线、平滑的转角及没有多余的衬线。而表格的风格可以通过其它元素体现。图 6 Myriad Pro 字体给人一种开阔感我们新设计中采用的是 Myriad Pro 字体,这种字体线条较短,交接位没有太多变化,关键一点是,它的弧线呈开放形,所以就算字体尺寸较小时同样可以让人看得一清二楚。你可以再对比一下 Myriad Pro 与 Helvetica 字体观察它们两者之间的区别。Myriad Pro 字体中还包含了表示分数的数字,分数的大小是按原尺寸比例缩小,整个分数的高度与原来的数字的高度相同。如果你观察得够细的话,你还可以看到 Myriad Pro 分数中的那条斜线比 Helvetica 更斜一点(也比你键盘上的那根斜线要斜)。这种分数一眼就能被人看清。在原设计中那种表格看起来好象是关于烹饪的东西,但其实我们的主要处理对象是数字。所以我们要将数字处理得好一些,用行和列来组织好,然后将数字的距离拉开。图 7 原设计和新设计的数字排列对比在原图的设计中,是将各个数据当成一个句子整行输入的。所以所有的元素都显得拥挤不堪,而且由于缺乏变化,显得刻板,也不容易阅读。而我们修改后的数字则显得开阔清晰。每一行的距离都相等,而每一列都按类对齐,如加仑、夸脱、品脱等计量单位。留意每一列都是右对齐。我们要进一步深化设计:图 8 将数字与单位形成对比我们将数字与单位在视觉上分开。我们将单位的字体及颜色变细变灰,这样可以使整个版面增加深度,并形成两个层次感。图 9 新设计的数字排列方式我们在上图中的数字保留黑体,而作为重量元素的计量单位则选择灰度。现在所形成的差别有良好的视觉效果,使到数字更容易辨认,同时也更吸引。注意上图中分隔的技巧:每一行是以空间来间开,而行与行之间是以细线分开。现在我们要对整个版面进行排版了。将图表放在版面的中间可以创造出焦点,而一些其它信息则作为补充性元素处理。图 10 新设计的版面构成上图 1 中,表格的数据是主要的信息,我们将它放在版面的中间,这样使别人第一眼就可以接触这些信息。上图 2 中,我们加上标题,由于不是主要的信息,我们采用一种低调的字体。上图 3 中,加上图片,而

文档评论(0)

you-you + 关注
实名认证
文档贡献者

该用户很懒,什么也没介绍

1亿VIP精品文档

相关文档