收藏中的卡组与卡牌的信息展现

收藏中的卡组是一个集大量原画与文字的一个界面。繁复的信息若处理不好会带来强烈的认知负荷。在信息排列和图形与文字的取舍中，不同的产品导向不同的设计。 

卡牌

在卡牌设计上，大多都采用同样的划分（角标，原画分割，描述下沉）。除开不同的风格设计外，对卡牌信息的描述设计有两种不同的方向。其一是固定的文字区域，过多的文字采取缩小字号的方式排列。另一是固定字号，过多的文字采取向上堆叠。如下图：

为了尽可能保证原画的展示，两种方案都固定了原画尺寸，区别在于是否采用100%背景色衬托文字。若采用背景色的设计，则必定采取会缩小字号的文字排列设计。因为大片的背景色对原画的展示是不可接受的。相反若想保证文字的可读性，采取文字向上堆叠的设计，则对背景原画的颜色有有要求，能够保证白色文字的可读。两个方案的取舍在于文字信息对于目标用户的重要性和原画能否适配。

卡组与卡牌

卡组与卡牌的连结表格展示是收藏系统的核心，大体分为两种排列如下：

（按一个界面来探讨，而非把卡组与卡牌拆分多个界面）

卡组卡牌因为数量原因大多采用为滚动框体的设计。少数卡组中的卡牌数量较少的游戏采取了按钮切换不同卡牌类别而非选择全卡牌滚动的设计，并且选择了上下排列和全卡牌展示，为了凸显原画营造美术沉浸氛围。

两种排列方式的主要区别在于对所有卡牌与卡组卡牌的主次分别。在初始默认筛选项比较粗略的情况下（筛选项如职业，地区），所呈现的卡牌数量会较多，采用左右排列的设计能给所有卡牌详情提供更多的空间去排列，每多一行排列都能提供更多的信息帮助检索，并且能压缩不少的总页数减少浏览操作手势次数。在初始默认筛选项较细的情况下（筛选项如伙伴，式神），不同细分筛选项下分的卡牌数量一般为固定数量，采用上下排列能够迅速进行单细分筛选项下的局部检索。

从信息密度来说：

在筛选项，卡组内卡牌，所有卡牌详情三个模块中，除开信息密度最大的所有卡牌详情模块，信息密度次之的模块侧边排列。具体在游戏的表现情况为：若卡组内卡牌数量多，则卡组内卡牌侧边排列。若筛选项细分较多，则筛选项侧边排列。

从游戏玩法卡组设计来说：

在传统的表格设计中，侧边排列的一般为一级菜单，上方排列的多为面包屑进度或者选中项提示。在卡组与卡牌的设计中，一级菜单与次级选项的重要性随游戏玩法设计而不同，比如部分游戏卡牌有其较严格构筑规则，在一定范围内规定了各个卡牌类型的数量（如法术，怪物，等等划分），那么一级菜单就是个卡牌类型的划分（因为用户必须按划分加入这些一定量的卡牌）。故划分（或者称筛选）较重要应侧边排列。

而有些游戏卡牌构筑规则相对轻松，则按一级菜单划分向下延伸构筑无关紧要，仅仅作为一种筛选手段，故设计为选中项提示（提示卡组中有哪些类型卡牌）。故可以把卡组内卡牌侧边排列，把选中项提示上摆。

从交互手段来说：

上下排列的横向滚动框一般采取翻页的设计，而左右排列的竖向滚动框采用滑动的设计。排除直接搜索名称字段的检索手段，翻页的设计一般会提供翻页按钮和页数，能帮助用户快速定位。而竖向滚动框则能提供一种浏览的体验。

卡组内卡牌：

上下排列的设计提供按卡牌等比缩小的图画背景与文字，左右排列的设计提供清晰的文字和几乎不可见的图画背景。

首先要明确的是，研究证实，图像相比文字是更容易被辨识的。对图像信息熟悉后的中间用户（非新玩家）而言，上下排列的设计能提供比左右排列更准确快速的检索，但是显而要付出的代价是信息密度的降低。

所有卡牌内卡牌详情：

点击卡牌放大的设计只为用户提供卡牌放大的信息，其他背景信息，描述等信息或者入口被暂时隐藏，讲究所见所得，让用户聚焦于卡牌本身的效果上。而点击卡牌出现详情弹窗的设计则是更偏向于整体的展示，抛开了卡牌的形式，让用户脱离卡牌的框架去了解整个“卡牌”背后的信息。在非传统卡牌对战而仅把卡牌作为玩法手段的游戏中，详情弹窗的设计恰好减弱了卡牌形式带来的束缚。

一些小细节：

文字与图像：

毫无疑问，图像和文字的作用是相辅相成的，如果想依靠单独一个信息去表示卡牌会造成不必要的麻烦。图像在游戏中作为不可或缺的美术消费，对游戏用户的体验不言而喻，而文字作为平时现实社交，网络社交中信息传达的主要手段，在一段信息传递中，文字是比图像更容易在双方中匹配的。在用户经历过社交获取到相应的游戏信息后，会在游戏里去寻找相应的匹配。如果只用图像而舍弃文字作为展示，会给用户带来额外的认知负担。举个场景的例子，在论坛得知一个关键KEY卡文字信息的用户想在游戏里检索这张卡，却因为对这张卡缺乏关注而不知道其图像表现，检索过程会进行大量查看名称的重复操作。

层级与弹窗：

多层级拆分和多弹窗的设计会给游戏风格化的表现留出更多的空间，但是也会加重操作流程的繁琐。