跳到主要内容

如何设置网站列表的样式:5个很好的例子

有许多不同类型的列表,从编号,步进和项目符号到具有多种内容类型的复杂列表。设计风格的方式更多。列表是网络的完美内容形式,因为它们符合其所采用的速度。为了利用优秀列表的强大功能,记住一些关键设计原则非常重要。

领导层次清晰

如果层次结构已经很好地建立,列表将清晰且易于扫描。使用强大的上下文标题,其风格旨在通过大型,粗体或高对比度文本吸引观众的注意力。对此的变体是使用与内容相关的图像,插图或视觉标记来引导列表。

给你的名单房间呼吸

列表样式中最常见的错误之一是将所有内容混为一谈。当列表与段落或正文副本不同时,列表有效。您可以使用层次结构执行此操作,并允许列表按规则或可视元素进行划分,但也可以使用自由帮助空格。

不要过度使用它们

列表可以提供如此优秀的Web内容,以至于它们经常被过度使用并最终无处不在,以至于它们失去了力量。它们变得司空见惯(无意义内容)。最好让列表与副本的其余部分形成对比。无论是在子内容还是文章的一部分,列表都可以是总结您的想法,绘制一组概念或以简洁方式指向相关内容的完美方式。

五个例子来看看

01. Devia

使用出色的网格系统和优雅的排版层次结构,Devia有一个横向格式的文章列表的很好的例子。

02. JoyentCloud

图示的概念形成了JoyentCloud在其云产品中使用的每项服务的精彩线索。

03. VIRB

图形插图通常需要附带的列表来引导观众了解插图的含义。 Virb已经做到这一点,并且有效。

04. 八小时工作日

一些文章列表具有关联的图像,例如在该示例中从八小时日开始。

05. 嘿Indy

步骤列表是Web应用程序或服务行业站点(如Hey Indy)的常见需求。此列表使用数字,颜色和堆叠的标题和正文来向您显示其过程。

如果您已经看到任何网站获取正确列表的示例,为什么不在评论中提及它们?

:马修史密斯



翻译字数超限