我可以遵循任何CSS填充启发式吗？

Question

我有一个简单的问题:

• 我在div里面有一个图像.
• 为了使页面更美观,我将为图像添加一些额外的填充.

我不想注意它,而是想知道:

我可以遵循任何CSS填充启发式吗？

我认为雅各布尼尔森的一些人可能已经建立了一些关于页面布局和填充的最佳实践(即最小像素填充或比例).

• 我并不是说这是一个特别难以解决的问题.
• 但这可能会再次出现问题.
• 我想要一些启发式方法来指导我未来的填充选择.

任何帮助,将不胜感激.

Answer 1

对于这种事情实际上有一些标准公式。

1. 三分法则。如有疑问，请将其分为三个部分。除以三，直到得到合理的值。
2. 黄金比例 - 这有点困难，你确实需要像黄金分割这样的程序才能正确实现它，但基本思想是你的填充应该是黄金比例的一些倍数。黄金比例((a+b)/a) = (a/b))约为 1.618。
3. A4比例。我不知道这个叫什么，但它是 1.414，这是一张 A4 纸的比例。
4. 如果你坚持下去，几乎任何比例都会让你的网格看起来很平衡。

如果您的图像宽度为 100 像素，则除以黄金比例，直到得到不太大的图像。

因此，100 像素的黄金比例数字是 62、38、24、15、9、6、4、3、2、1。在 em 中，您可以使用分数宽度，因此您最终会得到 14.5、9、5.6 等。

em 单位是字体中“m”宽度的函数，因此在 CSS 中它们可以在整个页面中更改。

“度量”是文本行的宽度。您希望度量值少于 2 到 2.5 个字母。（您可以通过键入 abcdefg... 两次来测量字母表。）

Colin Wheildon 的小册子/书《沟通或只是制作漂亮的形状》对布局版式和图像提供了一些极好的建议。它主要面向印刷品，但大多数相同的原则仍然适用。