grid-system - 您在设计网页时使用网格系统吗？

Question

我试图弄清楚为什么我会使用网格系统。我读过一些，但我就是不明白。我习惯于将 html 中的内容放在页面上并完成它，但我有一个新项目并且想使用网格，因为显然这是一种最佳实践。

我在另一个 SO question 中引用的一篇文章中读到，它说网格设计处于各种发展阶段，甚至是应用程序表单设计。这让我想到了诸如对齐网格之类的事情，我不知道网页设计领域中的网格是否相同。我希望有人能给我一个简短但不太复杂的 View ，而不是我已经使用过的谷歌链接。

感谢您的任何帮助。

编辑:我发现这个网站最简单:http://www.zurb.com/playground/css-grid-builder但同样，我该如何处理 12 列？列中的所有内容都“粉碎”以适应列吗？这对我来说没有意义。

编辑:我读了the grid 960 tutorial below并且感觉好多了，但最后它说:

您也可以在生产代码中使用 Grid 960 的概念，但不建议在生产过程中一直坚持使用框架。 CSS 框架就像任何工具一样，都有它们的用途。考虑到这一点，继续制作原型(prototype)!

我并不想断章取义，但如果我不在生产中使用它，那有什么意义呢？我了解原型(prototype)设计的必要性，但如果我喜欢原型(prototype)，为什么不使用 960 网格？我可能不明白评论。谢谢。

编辑:

960系统是生产用的吗？

Answer 1

我认为您过于专注于将网格应用于 Web 和应用程序，并且需要对网格可用于任何形式的图形和信息设计的根本原因进行一些研究，无论是屏幕上的像素还是手上的像素-画在纸上的墨水。

我建议你从电脑上退后一步，暂时忘掉 960、div、对齐网格和 HTML，如果可能的话，翻阅一些平面设计书籍和杂志，然后做一些涂鸦。或者甚至只是拿起一份报纸，想一想他们使用了哪些底层网格(有多少列，它们是否相同宽度，网格在页面或部分之间是否不同，哪些元素粘在网格上，哪些与网格不同？ )。

The Grid System有一个很好的资源 list 。

然后，您应该能够更好地考虑网格通常如何对您的项目有用，以及特定模型(例如 960 网格)是否有用。