手机
当前位置:查字典教程网 >网页设计 >交互设计教程 >15个优秀的表格设计技巧
15个优秀的表格设计技巧
摘要:表格信息通常是很乏味的从某种意义上来说,的确如此。一个好的表格应该以易于理解,简单明了的方式传递大量的信息。真正的重点应该放在信息上,对表格...

表格信息通常是很乏味的

从某种意义上来说,的确如此。一个好的表格应该以易于理解,简单明了的方式传递大量的信息。真正的重点应该放在信息上, 对表格的过度设计会抵消这种作用。从另一方面来说,巧妙的设计不仅可以使一个表格更具吸引力, 而且可以增加可读性。

今天我们来看看提升表格功能和美观的几种方式。我们经常会在网上的价格页上看到表格的应用,因此主要以该种表单为例。请记住这些原则可以应用到任意类型的信息列表上(不仅限于 《table》)。

垂直,水平或矩阵?Vertical, Horizontal or Matrix?

一如以往,我们从最明显的地方开始。第一步是决定表格的整体结构。结构取决于呈现数据的类型和复杂性。选择垂直的列还是水平行,通常取决于个人偏好。大致规划下表单的内容,然后决定采取哪种方法能更好地传递信息。很显然,如果信息包含多变量,那么选择矩阵来表示。下面分别以几个简单案例来开始。

垂直

15个优秀的表格设计技巧1

水平

15个优秀的表格设计技巧2

矩阵

15个优秀的表格设计技巧3

从Excel中开始Start in Excel

希望这是我第一次也是最后一次建议用Microsoft Office来进行相关设计。事实上,表格确实很容易用Excel来完成,这正是Excel的强项。用HTML来组织结构需要写复杂代码,通常会比Excel耗时。

我偶然发现了一个小的web应用程序:Tableizer ,它可以把Excel里的表格粘贴进来转换成HTML。利用这种方式你仍然需要自己写一些样式,但是会节省前期的表格构建时间。

【15个优秀的表格设计技巧】相关文章:

一组时尚的鞋帽服饰类网页设计

35例运用矢量插画的网页设计

UI实时动态设计技巧

25个打破常规的网站设计欣赏

39个灵感爆棚的单页网站设计

UI设计提速秘笈:Photoshop CC使用技巧

35个简约风格网页赏析

20个以细腻动画取胜的优秀网页设计

24个迷你简约网页设计作品

11种不同情境的列表设计

精品推荐
分类导航