现在网站中信息整合最常见的方法就是卡片式计划和列表式计划。列表式在UI计划中算是一枚"元老级"的上将了，而卡片式计划则是一匹"黑马"，比年来异军突起，越来越受到大众的喜好。两种计划在实现精良的用户体验上半斤八两，卡片式计划实现了图文的完善联合，能给用户出现精良的视觉结果，同时具有直观的可操纵性(卡片的移动、翻转等)，而列表式计划布局清楚，在有限的空间中展示更紧凑的内容，有助于用户快速欣赏内容，在信息查找获取方面更具上风。不外这两种计划方法给网站带来的正面影响都是基于某种的实用情境的，脱离了特定的实用情境，它们反而大概会带来"劫难"。因此，为了给用户提供更好的用户体验，和小飞一起探究探究这两种网站内容构造方法最佳的实用情境吧!

卡片式计划和列表式计划

为了更好明白卡片式计划和列表式计划的实用情境，我们起首必要相识一下这两种计划方法。

卡片式计划 ，信赖不消小飞多说了，前面在《解密网站计划潮水：为什么卡片式计划这么火?》已经举行过体系的先容了。卡片式计划是将网站中的种种信息构造成卡片，一张卡片就是一个信息容器，提供应用户进入某个功效或内容的入口。它具备得当相应式、排版整洁、简朴易读、直观可操纵等多个长处。只管卡片式计划是由扁平化计划衍生而来的，是内容扁平化的一种情势，但在不停的生长之中，它已渐渐与扁平化计划区别开来，自成体系，这是由于卡片式计划中开始利用玄妙的3D结果好比用阴影结果夸大举动引导按钮，以获取用户更多的留意力。假如你肯定要将其同扁平化接洽起来，那不妨称它为扁平化计划2.0吧!许多交际媒体好比Pinterest、Twitter等都非常偏幸卡片式计划。

列表式计划 通常布局比力简朴，以纵向列表展示很多雷同的信息栏，信息栏中一样平常是简朴的图文组合(标题+小图)或纯文本信息(好比知乎等阅读类产物，见下图)。在如许的界面上，用户可以快速滑动查找本身想要的信息。别的，列表式计划之中还常常设有搜刮栏，如许用户可以基于本身的搜刮条件举行查找。列表式计划在网站中由来已久，列表也是到处可见：导航列表、选项列表、消息列表等。由于列表垂直分列每一行内容，相对卡片式计划，在同样大的视窗中可以安排更多的内容，可供用户阅读的文章数目更多，不少消息类和数据类网站更青睐于这种计划。

在扼要相识卡片式和列表式计划后，信赖各人在明白这两种方法的实用情境上也会更轻易。下面小飞将分别先容这两种计划的实用情境。

卡片式计划的实用情境：

得当信息欣赏(而不是信息查找)

卡片式计划利用抓人眼球的图片，整洁同等的栅栏格，种种情势的元素，致力于给用户提供精良的视觉结果，从而吸引他们欣赏全文。这种卡片式的转动很风趣味性，能在肯定水平上吸引用户，很得当用户欣赏信息，但不得当信息查找。这是由于，一方面，卡片式计划越发注意差别卡片之间的排版契合，很少思量它们之间的先后序次或紧张水平。另一方面，卡片式计划也很难满意用户"F"型的欣赏风俗(眼球追踪研究表明用户会更轻易留意到网页上方和左侧的内容)，在重点突出某项内容或方便用户查找方面比力逊色。相对而言，列表式可以更好的迎适用户这一欣赏特点，可对内容作重点突出。不外卡片式计划提供的视觉盛宴是列表式无法对抗的，不少交际媒体也正是看中了它的这一长处，纷纷在本身网页中实用卡片式计划。

得当多种元素的分类

在《解密网站计划潮水：为什么卡片式计划这么火?》中，我们也讲到卡片式计划可以轻松容纳多种情势的元素，不管是图片、文本、视频、链接或是按钮等。这是由于卡片的表面便于视觉分界限的创建，可以让种种情势的元素保持整洁有序，不显得紊乱无章。假如你的网站上涉及元素的种类比力多，展示的内容非常富厚，卡片式计划是很好的一个选择。

列表式计划的实用情境：

得当信息快速查找

列表从某种水平上来说要比卡片越发直白一点。这一点从它的组成中就可以看出，列表式计划经常利用标题加正文的格式，用户无需点击进入就能尽大概多的相识全文，还可以随意滑动页面找寻本身感爱好的内容或是在搜刮栏输入要害词敏捷得到效果页面。并且，列表式计划是以牢固的纵向列表的方法展示内容的，一行一项特定的内容，这比卡片式计划中随意组合的卡片更轻易查找。别的，在一些网站中，文本的影响力要远胜于图片，许多读者会直接跳过大图，阅读笔墨，消息类的网站就是一个典范，吸引人的标题每每更能劳绩老实的访客，这时列表式计划就是不二之选了。不外万万要记着，不能让全文内容表现过多，太多的笔墨只会让用户以为压力山大，低落用户点击欣赏全文的爱好，从而影响用户的转化率。

得当移动小屏幕

通常来说，与卡片式相比，列表式计划在办事器中占据的空间更小，这一点应该已经很显着了吧。卡片式计划包罗多种元素(大图、视频等)，而列表式计划利用元素种类较少(小图或纯文本)。这决定了列表式计划越发得当小屏幕。当它在手机或平板等小装备上举行表现，网页相应缩小时不会出现排版庞杂、图片表现不全或视频无法播放的环境。并且列表式计划的页面加载速率也会更快，满意了用户的欣赏需求。

卡片式计划在吸引用户留意力，展示浩繁差别情势的内容上很有用果，但在提供笔墨信息上不太抱负，而列表式计划通过搜刮效果页面让用户可以快速找到本身想要的信息，同时更能顺应小屏幕上，但却轻易让用户以为乏味无趣。两种方法都有本身的长处和不敷，在您自助建站的历程中，联合自身的现实环境，公道阐发两种方法的利弊，选择最得当本身的。

腾飞页自助建站平台提供了浩繁模板，不管是卡片式计划的，照旧列表式计划的，小飞信赖在这你肯定能挑选到本身满足的，快来腾飞页自助建站平台做一个网站吧!