小编：信息罗列如何明确展示？常用的是有序列表和无序列表，那何时使用？使用时该注意什么？这篇文章让你避开7个陷阱，更完美的使用无序列表功能来展示信息。

摘要：

小圆点有助于分割大段文字，使得复杂的文章和博客更容易消化，突出关键信息。

有时候，最好的信息展现方式就是无序列表。无序列表能吸引注意、便于浏览、简化文本，并且表达出项目之间的关系。

网站不是一个适合长篇大论的地方。相比之下，网站的读者更喜欢文案以某种易于浏览的形式组织起来，能让他们轻松跳过大段文字，直达自己感兴趣的部分。

有许多种网页文本格式的技巧，能够分割大段内容。无序列表和加粗、缩进、行间距、彩色文字，都是辅助网页内容高效阅读的重要手段。

区区几个小圆点能够吸引视线，并且让复杂的概念易于理解。小圆点能让读者感知到内容的简明和重要。这并不奇怪，在可用性研究中，我们观察到读者对无序列表满怀热情。网页的读者希望快速消化内容。

我们可以对比下面这两个版本。你会发现第2个版本中的内容更易阅读。这是因为它以纵向列表的形式展现。相比之下，在第1个版本中，读者只能在结构不太清晰的段落中寻找。

版本1

我们的Spa度假套餐包含了2晚住宿，2次50分钟的任选spa项目，1顿两人份的上门早餐，到达时还有礼品篮相赠。

版本2

我们的Spa度假套餐包含:

2晚住宿2次50分钟的任选spa项目1顿两人份的上门早餐到达时赠送礼品篮

不必担心版本2占了更大的纵向版面。如果（或者说除非）用户对内容感兴趣，随着视线的下移，他们完全不介意往下滚动。事实上，相比那些用长篇大论吓退用户的网站，恰当地使用了无序列表的网站，会更加亲切易懂，用户也会更有动力向下滚动。

使用无序列表的7条建议1. 每一项的长度要比较接近

无序列表在展示相关内容时会达到最佳效果。其中的每一项都应该有同等的重要性。可能的话，让每一项的长度保持接近，就不会有明显的主次之分。保持统一的外观能让眼睛更舒适，使列表显得不那么杂乱。

错误用法

请带上以下物品参加露营：

睡袋去瀑布徒步旅行时要用到的洗浴套件防晒霜防水夹克应对可能的雨天。我们可能会遇到强烈的暴风雨

长度上的差异，使得列表项显得杂乱、不统一。

建议用法

请带上以下物品参加露营：

睡袋洗浴套件防晒霜防水夹克2. 除非顺序很重要，否则不要使用有序列表

有序列表的使用场合，通常是列表项必须按照某个特定顺序排列，例如程序步骤。或者数量很重要时才能使用，比如前十名的榜单。

如果列表项的顺序和数量不重要，那就不需要数字序号。这么做会使人困惑：我们在用户研究中发现，人们会错误地认为他们必须完成有序列表中的每一项，但其实他们只需要选择其中一项即可。

错误用法

请通过下列任何一种方式联系我们：

在线联系登记表在线聊天致电亲自上门

这些数字序号，让列表项显得好像是要按照顺序步骤来执行，而不是几个独立选项。

建议用法

请通过下列任何一种方式联系我们：

在线联系登记表在线聊天致电亲自上门3. 在列表项中使用相似的句子结构

每一项都要有统一的措辞风格。多变的措辞影响句子通顺，会阻碍读者阅读（甚至导致困惑）。

用相同的方式组织每一项。确保无序列表的每一项以相同的语法元素开头（例如名词、动词），要么都是词组，要么都是完整的句子。

错误用法

在公园中请遵守以下规则：

将垃圾投入指定的垃圾桶。巨大噪音会吓坏动物。应该站在黄色的标记线区域。保持公园干净，人人有责。

在这个例子中，4条语句都以不同的词语开头。

建议用法

在公园中请遵守以下规则：

将垃圾投入指定的垃圾桶。不要发出巨大噪音。站在黄线区域内。尽量保持公园清洁。

第二个列表的阅读更顺畅，因为每个短语的开头都用了同一类词语——本例中是动词。

4. 避免在每一项开头重复相同的词语

如果可以的话，请省略“一个”、“是”、“这个”这样的词语，去掉每一项开头的重复词语。每个列表项开头的词语有所区分，能让列表更加容易分辨。

错误用法

如何挑选菠萝：

用闻的。它闻起来要甜。用按的。它应该按下去结实但柔软。用看的。它最好是金黄色。

建议用法

如何挑选菠萝：

闻。它闻起来要甜。按。按下去应该结实但柔软。看。最好是金黄色。5. 使用清晰的、描述性的句子和词语来说明列表

引语（或者说说无序列表之前的那句话）很重要，因为它让读者知道列表的内容大概是什么，为什么重要。引语不必是完整的句子，也可以和列表的每一项组合成完整有意义的句子。

错误用法

不列颠哥伦比亚省的假期：

徒步旅行艺术博物馆在湖上划独木舟

引语（不列颠哥伦比亚的假期）没有充分描述列表。而且，列表中包含了假期要完成的事项，但艺术博物馆并不是一个动作。

建议用法

我们在不列颠哥伦比亚省的假期行程包括：

上山徒步旅行参观艺术博物馆在湖上划独木舟6. 保持格式一致

关于大小写和标点有一些基本准则：

如果列表项是句子，那么每一项的首字母就要大写，并且以句号结尾。如果列表项是词组，不需要任何标点结尾，也不是一定要首字母大写。但是我们还是建议首字母大写，这样更易于浏览。

错误用法

如果发现霸凌行为：

支持受害者将事情告知成年人鼓励受害者向成年人反映通过表示关心来提供帮助

这些句子没有首字母大写【译者注：当然中文没这个问题】，而且结尾没有标点。

建议用法

如果发现霸凌行为：

支持受害者。将事情告知成年人。鼓励受害者向成年人反映。通过表示关心来提供帮助。

错误用法

你可以通过____来保护环境：

回收纸张和塑料产品。少用一次性物品。捐赠旧衣服和闲置物品。骑车与步行替代开车。

列表项是词组，因此不需要标点符号结尾。

建议用法

你可以通过____来保护环境：

可回收纸张和塑料产品少用一次性物品捐赠旧衣服和闲置物品骑车与步行替代开车7. 不要滥用无序列表，会导致它们丧失效果

就像所有的视觉设计技巧一样，过度使用都是有害的。如果看到满是小圆点和缩进的页面，你会吓傻的。明智地选择需要强调的内容。（如果你没发现本文中的无序列表是前后对比的案例，你就会觉得有点使用过头了。）

在有3项或更多重要信息时，纵向列表是最好的展示方式。如果项目更少，那就杀鸡用牛刀了，直接放在句子中通常效果更好。

避免嵌套使用列表，这样就很难理解了。如果一定要表现多层级的列表，每一级都要用不同样式的小圆点。

注意

这些只是一般规范。但是每个公司或组织可能会采用不同的格式。如果你的公司在遵循某套风格指南，你应该先了解指南，然后才决定是否遵循以上规范。文案撰写有一个重要的方面，就是在整个文档和网页中保持内容统一格式。

结论

纵向列表吸引视线，能使列表每一项各自独立。因此，它比行内的列表更有效，能让人更有效地浏览、参考和理解关键要点。

nngroup

译文地址：可乐橙

作者：HOA LORANGER

译者：可乐橙

求无冬之夜详细介绍.
新人适合用战士\/武器大师，会很爽。力量达到25以上，学会传奇精通重击，每次打出重击都可以迫使目标作出坚韧检定，通不过则立即死亡。精通致命攻击和武器大师的斗气破都可以扩大武器的重击范围，譬如巨剑的重击范围为19-20，学会这两项技能后变为15-20，也就是打出重击的几率为30％。如果追求高攻击和面...

商业计划书 ,需要一份商业计划书。但不知道该怎样写,开始应该先写什么开...
商业计划书 ,需要一份商业计划书。但不知道该怎样写,开始应该先写什么开头。?最好有份详细的例文,谢谢  我来答 7个回答 #热议# 如何缓解焦虑情绪? 中金普华产业研究院 2019-04-03 · 商业计划书、可行性研究报告、产业园区规划 中金普华产业研究院 深圳市中金普华管理咨询有限公司是一带一路产业咨询...

病毒与木马的区别
这时服务端用 户可以在MS-DOS方式下,键入NETSTAT -AN查看端口状态,一般个人电脑在脱机状态下是不会有端口 开放的,如果有端口开放,你就要注意是否感染木马了。下面是电脑感染木马后,用NETSTAT命令查 看端口的两个实例: 其中①是服务端与控制端建立连接时的显示状态,②是服务端与控制端还未建立连接时的显示状态。

列举分析教学内容的基本方法并做简要说明
(1)把7个苹果分成2堆，有哪几种分法?(2)有3个木偶娃娃和2顶帽子，最多有多少种不同的搭配方法?(3)用小数点和2、3、4最多可以组成几个不同的两位小数?2．引导学生找这3道题的解法的共同特点，并想一想在解题时要注意什么。(要注意有序性，做到不重复、不遗漏。)3．揭题。【用学生已会...

电脑用久了很卡怎么办
流氓软件过多,不仅影响正常使用,也会占用大量的系统资源,静默安装更多的软件,导致电脑越来越慢。 解决方法: 1、安装程序不要无脑点快速安装、自动安装。也不要看也不看一直点下一步,每一步都有可能是一个陷阱,打勾的能取消掉全部取消。 2、下载软件时一定要去正规网站下载,并且注意一般最醒目的“下载”按钮基本...

病毒和木马是一样的么谢谢
这时服务端用 户可以在MS-DOS方式下,键入NETSTAT -AN查看端口状态,一般个人电脑在脱机状态下是不会有端口 开放的,如果有端口开放,你就要注意是否感染木马了。下面是电脑感染木马后,用NETSTAT命令查 看端口的两个实例: 其中①是服务端与控制端建立连接时的显示状态,②是服务端与控制端还未建立连接时的显示状态。