我正在开发一个Web应用程序，它不是像博客，新闻页面或内容重要的任何其他页面那样的网站信息。我正在开发一个工具，因此它将具有多个界面元素：数据网格，按钮，输入字段等。
其中一位设计师告诉我，使用'css网格框架'来制作基于某些网格的设计是一个很好的做法，但是我有疑问，因为如果我理解正确的网格，那么我会被混淆说每个40px如果我有2 x 15px按钮，那么我将很难将它们整合在40px的'单元'中...
在我看来，网格浪费了很多空间，对于大块信息很有用，但不是很多小元素......我是否正确？
请告诉我，如果使用网格总是一个很好的做法，或者有实际好的旧像素的实例更好。如果我错了，请转介我一些好的网站，它将解释如何正确使用网格。
答案 0 :(得分：2)
960网格的重点在于它为您提供了大量可分的因子，以允许多个列。它们只是简化指南。
您选择在这些专栏中添加的内容取决于您。您的按钮不需要符合网格。
答案 1 :(得分：2)
我可以说，根据我的经验，网格系统使设计和开发更容易。从设计的角度来看，更容易知道事物需要排队的位置和方式，然后当您将设计传递给开发人员时，他或她可以将设计插入网格中，并且所有内容都按预期进行布局。
应用程序和网站的一个伟大的网格框架是Twitter的Bootstrap。查看scaffolding page，您可以看到它提供了固定的网格布局和响应式布局。我更喜欢响应式布局，但我构建的网站不是网络应用程序。它也很棒，因为它内置了适合网格的按钮样式，一个装有有用且易于访问的功能的JS库和一个强大的支持网络。
您可能想要查看的其他网格系统是：
960.gs，Blueprint和1140 CSS Grid。您还可以通过Google为网格生成器创建自己的自定义布局。
选择适合您的设计师和您将与之合作的设计师，您的生活将变得更加轻松。
答案 2 :(得分：2)
要回答你的问题，“使用网格总是一个好习惯吗？”这是一个相当开放的问题（也是一个不太适合SO的原因之一），但这是我的两分钱：
A）如果快速和脏的UI不仅很好但是预期和需要（比如，对于一些不经常运行的内部函数），那么就去做旧的skool并转储一些东西一起工作。
B）如果您正在开发一个“公众”或相当数量的非技术用户将会利用的应用，那么您至少应该尝试为每个应用创建一致的布局视图，这是960或Twitter Bootstrap等网格系统闪耀的地方。根据个人经验，Bootstrap让我很容易让我的导航控件，数据网格，输入表单等在页面中正确排列和定位。
UX Stack Exchange网站可以让您更好地了解何时/为何使用网格，并且实际上可能更适合这个问题......
答案 3 :(得分：1)
看看http://grids.heroku.com/这是一个生成固定或灵活网格的简单工具。如果您想了解网格的工作原理，一个简单而流行的网格系统是http://960.gs