当列(或框,或任何布局模块)的形状清晰可见,因为它有自己的背景或边框时,推荐的排水沟设计指南是什么?
通常人们会在框的边缘和它的文本之间放置一些空间。但是从哪里召唤这个空间呢?通过扩大框,或缩小文本?
为了说明,这里有一些(但不是全部)选项......
(此外,我可以使用具有任意数量的列和任意宽度的任何网格 - 这仅作为示例 - 每次布局跨越排水沟时都可以提出实际问题。)
我已经写了一堆关于基于网格的布局的文章,但到目前为止,我只看到了一篇解决这个问题的文章: Khoi Vinh 的Nudge Your Elements。
我错过了什么?还是根本没有明确的指导方针?
由于基于网格的布局的动机之一是提高全局对齐的感觉,我想人们可能会争辩说,这个决定取决于什么需要更多的对齐;盒子,还是里面的东西?
除非我误读,否则 Khoi Vinh 在他的文章中主张选项 3。
我发现自己在选项 3 和选项 6 之间来回切换。选项 3 的框对齐,但它的文本感觉局促。但是使用选项 6,最终结果既不是 box 也不是 text 对齐(尽管有人可能会说 text-edge 和 box-border 之间的隐式中间是现在对齐的“东西”)。
超越网络,我阅读的书籍设计和页面构建规范也没有谈到这个问题。我可以看到佳能如何适用于绝大多数“透明背景上的黑色字母”书籍印刷,但是一旦为页面布局添加颜色(或反转黑白方案),装订线问题又回来了。
嗯,我想问题是;在我说明的选项之间进行选择是否有任何指导方针- 或者我是否冒险超越了设计师法,这只是关于“看起来和感觉良好”的问题?