html - 哪个方向更适合对多列列表进行排序？

Question

请注意，我不是在问如何实现或编写多列列表。

多列列表有两种排序方式:水平排序和垂直排序。许多 Microsoft System.Web.UI.WebControl 都具有提供这两个选项的 RepeatDirection 属性。我相信其他框架也提供这些方向选项。

以下是两个选项的示例:

水平排序(字母顺序)

* Ash      * Beech      * Cedar
* Date     * Elm        * Fir
* Grape    * Hawthorn   * Ivy

水平排序(数字)

1. Ash      2. Beech       3. Cedar
4. Date     5. Elm         6. Fir
7. Grape    8. Hawthorn    9. Ivy

垂直排序(按字母顺序)

* Ash      * Date    * Grape
* Beech    * Elm     * Hawthorn
* Cedar    * Fir     * Ivy

垂直排序(数字)

1. Ash      4. Date    7. Grape
2. Beech    5. Elm     8. Hawthorn
3. Cedar    6. Fir     9. Ivy 

垂直排序是许多 .Net web 多列列表控件(例如 CheckBoxList)的默认行为。

我研究了这个主题，着眼于我在大学时使用的常用文档格式标准(APA、MLA、芝加哥)，但我没有发现任何与多列列表相关的内容。

是否有任何实际参数或文档格式标准/指南/规则来指定多列列表的排序方向？

Answer 1

我在一次 UI 设计演讲中，演讲者建议我们在您希望用户看到的事物之间留出更多空间，将它们视为彼此独立的事物，而在您希望用户认为属于一体的事物之间留出更少的空间。

由于任意两列之间的边距比任意两行文本之间的边距大得多，因此大脑会将其视为三个独立的列。每一列的内容都属于一个逻辑组，共有三组。所以你的第二个例子更容易理解——第一个 react 是扫描(向下)第一组(列)，然后一直跳到下一组。

如果列之间没有那些大的间隙——例如，如果你有一个固定宽度的字体并且每个标签的字符数相同，并且你在每一列之间只有一个空格而不是更大的边距—— - 那么是的，人们会毫不费力地阅读。但将事物分组的本能比从左到右阅读的习得行为更强烈。