今天来这呢，是想告诉大家，我有了个新名字，叫无序列表，外号小点点。
先跟大家介绍一下我：
平时制作 PPT ，阅读新闻资讯，或者编写公众号文章时，总会看见我娇小的身姿吧……
当然，我还有一个兄弟，叫有序列表，它长这个德行。
是不是比我丑多了
今天是我的主场，所以先让我哥下台休息……
大家坐稳，点点要开车了
先说我有啥作用呢？
首先是我有助于分割大段文字，使得复杂的文章更容易阅读消化，突出关键信息。
其次我能吸引注意、便于浏览、简化文本，并且表达出项目之间的关系。
在网页设计中，网站的读者更喜欢文案以某种易于浏览的形式组织起来，能让他们轻松跳过大段文字，直达自己感兴趣的部分。
试想一下，如果一个网站中都是堆得满满的文字，你有多大的勇气去读完？即便梁静茹给你再多勇气，我想你也没有足够耐心读完全部。
随便找了个网站截图，你有勇气去读完这些内容么？
所以，这时候需要我的出现，来辅助网页内容，使你们达到高效阅读的目的，从而快速消化信息内容。
别看我长得小，我能让复杂的概念易于理解。
多说无益，有例为证。
先上两个版本：
版本1
网页设计师完成一个项目，大概需要18次改稿，期间会有5次怀疑人生，99999+次想要砸碎电脑。
版本2
网页设计师完成一个项目需要:
-
18次改稿
-
5次怀疑人生
-
99999+次想要砸碎电脑
我们可以对比上面两个版本，你会发现第2个版本中的内容更易阅读。
这是因为它用了我来表现信息（骄傲脸）。
相比之下，在第1个版本中，你们只能在结构不太清晰的段落中寻找信息，内容不易消化。
可能你们会说了，版面2占了更大的空间，会使页面拉长，
这个你不必担心，
如果你对内容感兴趣，随着视线的下移，你完全不介意往下滚动。
就像你刷微博一样，一直往下滑手机屏幕，你会烦么？
事实上，相比那些用长篇大论吓退用户的网站，恰当地使用了我们无序列表家族的网站，会更加亲切易懂，你们人类也会更有动力向下滚动。
高潮来了！
知道了我这么多优点还不够，还得明白如何使用我，别看我身小体弱，但是人家不是随随便便的人儿。
说说使用我的7条建议
1. 每一项的长度要比较接近
无序列表在展示相关内容时尽量让每一项的长度保持接近，就不会有明显的主次之分。
而且保持统一的外观能让眼睛更舒适，页面更整洁。
错误用法
请准备好以下材料去征服甲方：
-
苹果电脑
-
一定数量的头脑风暴草图
-
包含设计理念和效果图的ppt提案
-
带好防身器械应对可出现的不测。我们可能会遇到脾气暴躁的甲方。
点点说：长度上的差异，使得列表项显得杂乱、不统一。
建议用法
请准备好以下材料去征服甲方：
-
苹果电脑
-
头脑风暴草图
-
ppt提案
-
防身器械
2. 在列表项中使用相似的句子结构
每一项都要有统一的措辞风格。多变的措辞影响句子通顺，会阻碍读者阅读，甚至导致困惑。
所以应确保无序列表的每一项以相同的语法元素开头（例如名词、动词），要么都是词组，要么都是完整的句子(证明你小学语文是不是体育老师教的机会来了)。
错误用法
在设计师的电脑前请遵守以下规则：
-
将你的手指在电脑屏幕前拿走。
-
频繁的改稿会激怒设计师。
-
应该站在设计师的身后。
-
保持语气平和，和蔼可亲。
点点说：在这个例子中，4条语句都以不同的词语开头，坚定不移地证实了，小学语文是体育老师教的。
建议用法
在公园中请遵守以下规则：
-
将手指从电脑前拿走。
-
不要频繁改稿。
-
站在设计师身后。
-
尽量保持语气平和。
点点说：第二个列表的阅读更顺畅，因为每个短语的开头都用了同一类词语（本例中是动词）。
3. 避免在每一项开头重复相同的词语
如果可以的话，请省略“一个”、“是”、“这个”这样的词语，去掉每一项开头的重复词语。
每个列表项开头的词语有所区分 ，能让列表更加容易分辨。
错误用法
如何挑选菠萝：
-
用闻的。它闻起来要甜。
-
用按的。它应该按下去结实但柔软。
-
用看的。它最好是金黄色。
建议用法
如何挑选菠萝：
-
闻。它闻起来要甜。
-
按。按下去应该结实但柔软。
-
看。最好是金黄色。
4. 使用清晰的、描述性的句子和词语来说明列表
引语很重要，因为它让读者知道列表的内容大概是什么，为什么重要。
引语不必是完整的句子，也可以和列表的每一项组合成完整有意义的句子。
错误用法
一名网页设计师的假期：
-
在家改稿
-
艺术博物馆
-
在广场放风筝
点点说：引语（一名网页设计师的假期）没有充分描述列表。而且，列表中包含了假期要完成的事项，但艺术博物馆并不是一个动作。
建议用法
一名网页设计师的假期行程包括：
-
在家改稿
-
参观艺术博物馆
-
在广场放风筝
5. 保持格式一致
关于标点有一个基本准则，即如果列表项是词组，不需要任何标点结尾。
错误用法
如果发现霸凌行为，要采取以下措施：
-
支持受害者
-
将事情告知成年人
-
鼓励受害者向成年人反映
-
通过表示关心来提供帮助
点点说：这些句子结尾没有标点。
建议用法
如果发现霸凌行为，要采取以下措施：
-
支持受害者。
-
将事情告知成年人。
-
鼓励受害者向成年人反映。
-
通过表示关心来提供帮助。
错误用法
你可以通过____来保护环境：
-
回收纸张和塑料产品。
-
少用一次性物品。
-
捐赠旧衣服和闲置物品。
-
骑车与步行替代开车。
点点说：这些句子结尾有标点。
建议用法
你可以通过____来保护环境：
-
可回收纸张和塑料产品
-
少用一次性物品
-
捐赠旧衣服和闲置物品
-
骑车与步行替代开车
点点说：列表项是词组，因此不需要标点符号结尾。
6. 除非顺序很重要，否则不要使用有序列表
有序列表的使用场合，通常是列表项必须按照某个特定顺序排列，例如程序步骤流程等等。或者数量很重要时才能使用，比如前十名的榜单。
如果列表项的顺序和数量不重要，那就不需要数字序号。
这么做会使人困惑，我们在用户研究中发现，人们会错误地认为他们必须完成有序列表中的每一项，但其实他们只需要选择其中一项即可。
错误用法
请通过下列任何一种方式联系我们：
-
在线联系登记表
-
在线聊天
-
致电
-
亲自上门
点点说：这些数字序号，让列表项显得好像是要按照顺序步骤来执行，而不是几个独立选项。
建议用法
请通过下列任何一种方式联系我们：
-
在线联系登记表
-
在线聊天
-
致电
-
亲自上门
7. 不要过多使用无序列表
就像所有的视觉设计技巧一样，过度使用都是有害的。
如果看到满是小圆点和缩进的页面，你会是什么感受。
比如：
当然由于政府网站的特殊性，以信息展示为主，这么设计也是可以，但是过多的无序列表应用会造成主次不清的后果，严重者会像文章头图一样造成视觉的不适。
不信你就划拉上去瞅几秒。
在有3项或更多重要信息时，纵向列表是最好的展示方式。
如果项目少于三项，那就不要用无序列表来表现了，直接放在句子中通常效果更好。总之，不要迷恋我，我只是个工具。
总结
1. 每一项的长度要比较接近
2. 在列表项中使用相似的句子结构
3. 避免在每一项开头重复相同的词语
4. 使用清晰的、描述性的句子和词语来说明列表
5. 保持格式一致
6. 除非顺序很重要，否则不要使用有序列表
7. 不要过多使用无序列表
装逼结束，点点退出
————别划了，点点是有底线的————
不过你可以关注一下这位没有底线的摊主
