代码之家 › 专栏 › 技术社区 › johnny

设计网页时是否使用网格系统?

grid-system

6

johnny · 技术社区 · 14 年前

我想知道为什么我要使用网格系统。我读过一些,但我就是不明白。我习惯于把东西放在HTML页面上,然后完成它,但我有一个新项目,我想使用网格,因为显然这是一个最佳实践。

我在另一个so问题中引用的一篇文章中读到,它说网格设计正在进行各种各样的开发,甚至是应用程序表单设计。这让我想到了一些事情,比如网格对齐等,我不知道Web设计领域中的网格是否相同。我希望有人能给我一个简短但不过于复杂的观点,而不是我已经使用过的谷歌链接。

谢谢你的帮助。

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

编辑:我读过 the grid 960 tutorial below 感觉好多了,但最后说:

您也可以在生产代码中使用网格960的概念,但不建议在整个生产过程中始终使用框架。CSS框架和任何工具一样,都有它们的用途。记住这一点,进行原型设计!

我不是想把它从上下文中去掉,但是如果我不在生产中使用它,那有什么意义呢?我理解原型的需求,但是如果我喜欢原型,为什么不使用960网格呢?我可能不理解这个评论。谢谢。

编辑:

960系统是否用于生产?

2 回复 | 直到 14 年前

1

6

e100 14 年前

我认为你太专注于思考网格在网络和应用程序中的应用,需要做一点研究为什么网格对任何形式的图形和信息设计都有用,不管是屏幕上的像素还是纸上的手绘墨水。

我建议你从电脑上退一步,把960、div、snap-to-grid和html完全忘掉一点,如果可能的话,浏览一些平面设计的书籍和杂志,做一些涂鸦。或者,甚至只是拿起一份报纸,想一想他们使用的底层网格(有多少列,它们的宽度相同,跨页面或分区的网格不同,哪些元素粘在网格上,哪些与网格不同?).

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

然后,您应该处于一个更好的位置来考虑网格在一般情况下对您的项目是如何有用的,以及特定的模型(如960网格)是否有用。

2

0

Brian 14 年前

当我设计任何用户界面/网页设计时,我不注意 grid 布局,直到我开始构建我的主要元素。完成后,我执行 网格 与主要元素完美结合,便于视觉扫描