认识达内从这里开始

目前网站中信息整合最常见的方式就是卡片式设计和列表式设计。这两种设计方式给网站带来的正面影响都是基于某种的适用情境的，离开了特定的适用情境，它们反而可能会带来"灾难"。因此，为了给用户提供更好的用户体验，本文达内UI培训为大家介绍卡片式设计与列表式设计分别适合哪些情境。

一、卡片式设计的适用情境：

1、适合信息浏览(而不是信息查找)

卡片式设计使用抓人眼球的图片，整齐一致的栅栏格，各种形式的元素，致力于给用户提供良好的视觉效果，从而吸引他们浏览全文。这种卡片式的滚动很有趣味性，能在一定程度上吸引用户，很适合用户浏览信息，但不适合信息查找。这是因为，一方面，卡片式设计更加注重不同卡片之间的排版契合，很少考虑它们之间的先后次序或重要程度。另一方面，卡片式设计也很难满足用户"F"型的浏览习惯(眼球追踪研究表明用户会更容易注意到网页上方和左侧的内容)，在重点突出某项内容或方便用户查找方面比较逊色。相对而言，列表式可以更好的迎合用户这一浏览特点，可对内容作重点突出。不过卡片式设计提供的视觉盛宴是列表式无法匹敌的，不少社交媒体也正是看中了它的这一优点，纷纷在自己网页中适用卡片式设计。

2、适合多种元素的分类

在《解密网站设计潮流：为什么卡片式设计这么火?》中，我们也讲到卡片式设计可以轻松容纳多种形式的元素，不管是图片、文本、视频、链接或是按钮等。这是因为卡片的轮廓便于视觉分界线的建立，可以让各种形式的元素保持整齐有序，不显得杂乱无章。如果你的网站上涉及元素的种类比较多，展示的内容很是丰富，卡片式设计是很好的一个选择。

二、列表式设计的适用情境：

1、适合信息快速查找

列表从某种程度上来说要比卡片更加直白一点。这一点从它的构成中就可以看出，列表式设计常常使用标题加正文的格式，用户无需点击进入就能尽可能多的了解全文，还可以随意滑动页面找寻自己感兴趣的内容或是在搜索栏输入关键词迅速获得结果页面。而且，列表式设计是以固定的纵向列表的方式展示内容的，一行一项特定的内容，这比卡片式设计中随意组合的卡片更容易查找。另外，在一些网站中，文本的影响力要远胜于图片，很多读者会直接跳过大图，阅读文字，新闻类的网站就是一个范例，吸引人的标题往往更能收获忠实的访客，这时列表式设计就是不二之选了。不过千万要记住，不能让全文内容显示过多，太多的文字只会让用户觉得压力山大，降低用户点击浏览全文的兴趣，从而影响用户的转化率。

2、适合移动小屏幕

通常来说，与卡片式相比，列表式设计在服务器中占据的空间更小，这一点应该已经很明显了吧。卡片式设计包含多种元素(大图、视频等)，而列表式设计使用元素种类较少(小图或纯文本)。这决定了列表式设计更加适合小屏幕。当它在手机或平板等小设备上进行显示，网页相应缩小时不会出现排版错乱、图片显示不全或视频无法播放的情况。而且列表式设计的页面加载速度也会更快，满足了用户的浏览需求。

卡片式设计在吸引用户注意力，展示众多不同形式的内容上很有效果，但在提供文字信息上不太理想，而列表式设计通过搜索结果页面让用户可以快速找到自己想要的信息，同时更能适应小屏幕上，但却容易让用户觉得乏味无趣。两种方式都有自己的优点和不足，在您自助建站的过程中，结合自身的实际情况，合理分析两种方式的利弊，选择最适合自己的。