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