数据表格设计值得注意的问题

《数据表格设计值得注意的问题》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、数据表格设计值得注意的问题表格在互联网早期是基础设施之一，之后许多设计师用更新更时髦的布局取而代之。虽然在如今的互联网上很少露面，但是表格在我们基础日常生活中，仍然为我们收集组织了许多信息。例如，我觉得有一份表格可以称之为表格之母：美国的“协调关税表”，长达3550页的表格，列出了每一种可以进口到美国的商品，包括多如牛毛的条目，例如“男士或男孩的大衣、短大衣、披肩、斗篷、厚夹克（包括滑雪衫）、防风服、和类似物品（包括带衬里的、无袖的夹克）”。HarmonizedTariffScheduleoftheUnitedStates(2016)Supplemental

2、AnnotatedtorStataaealHoporbngPurpoaMXI621SHMdiHQZSuWwodnQSufJArttcieDmctUwQuarmtyMetdDuty12GeneraiSpecai6202(con.)6202.996202991000Women*sorgirte*overcoats,carooats.capes,dcaks.anoraks(includingski<>ackets).windbreakersandsimitararticles(includingpadded,sleeveless

3、ackets

4、,otherthan

5、thoseofheading6204:(con.)Anoraks(inciudmgsk)jackets),windbreakersandsmHararticles(includingpadded,sleevelessjackets):

6、L,CO.EIL.JO.KR.MA.MX,OM,P.PA.PE,SG)35%21Subjecttowoolrestraints(435)xgdoz431Subjecttoman-madefiberrestraints(635)...dorkg61Other(835)dozkQ62036203.116203.11.1500Men*sorboys'suits,ensombies.ftuit-typejackets,blazers.trousers,t>bandbraceoveraWs.txeechosandshoos(otherthanswimwear):Su

7、its:OfwoolorfineammaiMirCootanmg30percentormorebyweightof

8、比例数字。下图简明地阐述了旧体数字和等高数字之间的区别。OldstyleLining167,039167,039旧体数字与等高数字旧体数字在句子中表现很好，在句子当中它们更匹配小写字母的尺寸和间距；等高数字更加统一，强调了一种网格式的表格结构。比例数字和表格数字之间的区别不是那么明显：ProportionalTabular390,209,000390,209,000112,371,000112,371,000比例数字和表格数字比例数字的设计初衷是保持黑白协调——也就是说字体的尺寸和间距大致相同。相反，表格数字每一个尺寸都相对独立，数字就能纵向对齐。虽然在一两

9、行的情况下，两者区别似乎不大。但使用表格数字，能让大型表格浏览起来更轻松，不易出错。使用等高表格数字的技巧设计时，你需要花点精力，确保用对了数字的类别（等高表格数字并不是默认的）。Adobe产品有一个“opentype”面板，可以对数字进行适当设置，CSS也提供了一种slightly-cryptic语法用来开启这个功能。除此之外，稍微搜索一下你就能找到方向。但也有个坏消息：并非所有字体都包含可用的等高表格数字。那些漂亮的非常贵。有少数例外：优秀的WorkSans字体是一款带有等高表格数字的免费字体。如果找不到合适的带有等高表格数字的字体，可以退而求其次使用等

10、宽字体——它们看起来更像“代码”，总是很适合在表格中