编辑导读：信息容器是承载信息的载体，装载着包括文字、图片、视频的各种操作控件。信息容器的类型有多少，不同类型有什么特点，具体是如何应用的？本文作者对对信息容器进行归类，对此进行了六个维度的分析，希望对你有帮助。
信息有各种形式，图、文、视频、音频等，而承载信息的形式也多种多样。本文意将信息容器进行整理归纳，以总结出一些经验规律。
01信息容器的概念
信息容器是承载信息的载体，位于内容层。要理解信息容器的概念，首先要理解界面中的层级关系。一个界面除了竖直方向和水平方向维度，还有纵深维度。
从底层（远离用户）到顶层（靠近用户），基本上可以分为以下几层：
背景层信息层全局操作层（各种常驻于屏幕的bar、悬浮按钮等）浮出层（模态类型的浮出层还需要有蒙版进行隔断）
本文要讨论的“信息容器”，指的是信息层上，装载信息的载体。信息的类型多种多样，可以是文字、图片、视频、各种操作控件等。
02信息容器的常见类型
常见的信息容器主要有2大类：列表和卡片。
在整理案例的时候，我不禁产生了一个疑问，到底什么是列表，什么是卡片？如何界定和区分两者？这个问题乍一听有点无厘头，列表不就是列表吗，多个布局一致的狭长单元组合在一起，就形成了列表。那么什么是卡片呢？和屏幕两侧保持一定间距，带圆角的就是卡片吗？
我们不妨先看看下图案例：
2.1列表和卡片该如何界定？
为什么类似的布局形式，上图中，图1给人感觉是列表，图2给人感觉是卡片，图3既像列表又像卡片？从内容层面来说，包含的信息类型有：文字、图标/图片、按钮。几乎没有太大区别。是什么导致我们观感上的不同呢？电商案例也许可以给出答案。
从电商产品的商品列表页中可以看到，用户可以自主选择两种不同的商品展示模式：列表模式和卡片模式。
这两种模式几乎可以对应“列表”和“卡片”两种信息容器样式。完全一致的信息量：主图、标题信息、价格信息、辅助信息，相似的展示效率（一屏展示约4.5个商品），不同的信息容器展示形式给人不同的感觉。
单纯从信息层面或者视觉层面都不能界定列表和卡片，如果多维度叠加限定又太繁琐，因此本文给出的列表和卡片直接的区别界定是：可以自主定位关键线索，规划视觉浏览动线。如果视觉浏览大方向是竖直的，那么就归入列表范畴，浏览动线不是竖直而是折线的，都算在卡片范畴。
2.2常见的信息容器分类
除了上面说的，最常见的两类信息容器：列表和卡片之外，还有另外两种形式，分别是：无容器和复合容器。这些容器具体有哪些特点，我们一一来看。
03列表
列表的定义：将结构一致的信息单元在竖直方向上铺陈下去，形成的信息集合。不同场景要呈现的信息侧重不同。
举例几种常见的列表形式：
3.1用户/消息列表
用户/消息列表的内容结构很清晰，头像+身份+内容提要+辅助信息。图片天然地比文字更具有吸引力，视觉上的优先级排序是头像＞身份＞内容提要＞辅助信息。当然用户可以很方便地选择
转载请注明：http://www.0431gb208.com/sjszlff/4181.html
