收藏中的卡組是一個(gè)集大量原畫與文字的一個(gè)界面。繁復(fù)的信息若處理不好會(huì)帶來強(qiáng)烈的認(rèn)知負(fù)荷。在信息排列和圖形與文字的取舍中，不同的產(chǎn)品導(dǎo)向不同的設(shè)計(jì)。?

卡牌

在卡牌設(shè)計(jì)上，大多都采用同樣的劃分（角標(biāo)，原畫分割，描述下沉）。除開不同的風(fēng)格設(shè)計(jì)外，對(duì)卡牌信息的描述設(shè)計(jì)有兩種不同的方向。其一是固定的文字區(qū)域，過多的文字采取縮小字號(hào)的方式排列。另一是固定字號(hào)，過多的文字采取向上堆疊。如下圖：

為了盡可能保證原畫的展示，兩種方案都固定了原畫尺寸，區(qū)別在于是否采用100%背景色襯托文字。若采用背景色的設(shè)計(jì)，則必定采取會(huì)縮小字號(hào)的文字排列設(shè)計(jì)。因?yàn)榇笃谋尘吧珜?duì)原畫的展示是不可接受的。相反若想保證文字的可讀性，采取文字向上堆疊的設(shè)計(jì)，則對(duì)背景原畫的顏色有有要求，能夠保證白色文字的可讀。兩個(gè)方案的取舍在于文字信息對(duì)于目標(biāo)用戶的重要性和原畫能否適配。

卡組與卡牌

卡組與卡牌的連結(jié)表格展示是收藏系統(tǒng)的核心，大體分為兩種排列如下：

（按一個(gè)界面來探討，而非把卡組與卡牌拆分多個(gè)界面）

卡組卡牌因?yàn)閿?shù)量原因大多采用為滾動(dòng)框體的設(shè)計(jì)。少數(shù)卡組中的卡牌數(shù)量較少的游戲采取了按鈕切換不同卡牌類別而非選擇全卡牌滾動(dòng)的設(shè)計(jì)，并且選擇了上下排列和全卡牌展示，為了凸顯原畫營造美術(shù)沉浸氛圍。

兩種排列方式的主要區(qū)別在于對(duì)所有卡牌與卡組卡牌的主次分別。在初始默認(rèn)篩選項(xiàng)比較粗略的情況下（篩選項(xiàng)如職業(yè)，地區(qū)），所呈現(xiàn)的卡牌數(shù)量會(huì)較多，采用左右排列的設(shè)計(jì)能給所有卡牌詳情提供更多的空間去排列，每多一行排列都能提供更多的信息幫助檢索，并且能壓縮不少的總頁數(shù)減少瀏覽操作手勢(shì)次數(shù)。在初始默認(rèn)篩選項(xiàng)較細(xì)的情況下（篩選項(xiàng)如伙伴，式神），不同細(xì)分篩選項(xiàng)下分的卡牌數(shù)量一般為固定數(shù)量，采用上下排列能夠迅速進(jìn)行單細(xì)分篩選項(xiàng)下的局部檢索。

從信息密度來說：

在篩選項(xiàng)，卡組內(nèi)卡牌，所有卡牌詳情三個(gè)模塊中，除開信息密度最大的所有卡牌詳情模塊，信息密度次之的模塊側(cè)邊排列。具體在游戲的表現(xiàn)情況為：若卡組內(nèi)卡牌數(shù)量多，則卡組內(nèi)卡牌側(cè)邊排列。若篩選項(xiàng)細(xì)分較多，則篩選項(xiàng)側(cè)邊排列。

從游戲玩法卡組設(shè)計(jì)來說：

在傳統(tǒng)的表格設(shè)計(jì)中，側(cè)邊排列的一般為一級(jí)菜單，上方排列的多為面包屑進(jìn)度或者選中項(xiàng)提示。在卡組與卡牌的設(shè)計(jì)中，一級(jí)菜單與次級(jí)選項(xiàng)的重要性隨游戲玩法設(shè)計(jì)而不同，比如部分游戲卡牌有其較嚴(yán)格構(gòu)筑規(guī)則，在一定范圍內(nèi)規(guī)定了各個(gè)卡牌類型的數(shù)量（如法術(shù)，怪物，等等劃分），那么一級(jí)菜單就是個(gè)卡牌類型的劃分（因?yàn)橛脩舯仨毎磩澐旨尤脒@些一定量的卡牌）。故劃分（或者稱篩選）較重要應(yīng)側(cè)邊排列。

而有些游戲卡牌構(gòu)筑規(guī)則相對(duì)輕松，則按一級(jí)菜單劃分向下延伸構(gòu)筑無關(guān)緊要，僅僅作為一種篩選手段，故設(shè)計(jì)為選中項(xiàng)提示（提示卡組中有哪些類型卡牌）。故可以把卡組內(nèi)卡牌側(cè)邊排列，把選中項(xiàng)提示上擺。

從交互手段來說：

上下排列的橫向滾動(dòng)框一般采取翻頁的設(shè)計(jì)，而左右排列的豎向滾動(dòng)框采用滑動(dòng)的設(shè)計(jì)。排除直接搜索名稱字段的檢索手段，翻頁的設(shè)計(jì)一般會(huì)提供翻頁按鈕和頁數(shù)，能幫助用戶快速定位。而豎向滾動(dòng)框則能提供一種瀏覽的體驗(yàn)。

卡組內(nèi)卡牌：

上下排列的設(shè)計(jì)提供按卡牌等比縮小的圖畫背景與文字，左右排列的設(shè)計(jì)提供清晰的文字和幾乎不可見的圖畫背景。

首先要明確的是，研究證實(shí)，圖像相比文字是更容易被辨識(shí)的。對(duì)圖像信息熟悉后的中間用戶（非新玩家）而言，上下排列的設(shè)計(jì)能提供比左右排列更準(zhǔn)確快速的檢索，但是顯而要付出的代價(jià)是信息密度的降低。

所有卡牌內(nèi)卡牌詳情：

點(diǎn)擊卡牌放大的設(shè)計(jì)只為用戶提供卡牌放大的信息，其他背景信息，描述等信息或者入口被暫時(shí)隱藏，講究所見所得，讓用戶聚焦于卡牌本身的效果上。而點(diǎn)擊卡牌出現(xiàn)詳情彈窗的設(shè)計(jì)則是更偏向于整體的展示，拋開了卡牌的形式，讓用戶脫離卡牌的框架去了解整個(gè)“卡牌”背后的信息。在非傳統(tǒng)卡牌對(duì)戰(zhàn)而僅把卡牌作為玩法手段的游戲中，詳情彈窗的設(shè)計(jì)恰好減弱了卡牌形式帶來的束縛。

一些小細(xì)節(jié)：

文字與圖像：

毫無疑問，圖像和文字的作用是相輔相成的，如果想依靠單獨(dú)一個(gè)信息去表示卡牌會(huì)造成不必要的麻煩。圖像在游戲中作為不可或缺的美術(shù)消費(fèi)，對(duì)游戲用戶的體驗(yàn)不言而喻，而文字作為平時(shí)現(xiàn)實(shí)社交，網(wǎng)絡(luò)社交中信息傳達(dá)的主要手段，在一段信息傳遞中，文字是比圖像更容易在雙方中匹配的。在用戶經(jīng)歷過社交獲取到相應(yīng)的游戲信息后，會(huì)在游戲里去尋找相應(yīng)的匹配。如果只用圖像而舍棄文字作為展示，會(huì)給用戶帶來額外的認(rèn)知負(fù)擔(dān)。舉個(gè)場(chǎng)景的例子，在論壇得知一個(gè)關(guān)鍵KEY卡文字信息的用戶想在游戲里檢索這張卡，卻因?yàn)閷?duì)這張卡缺乏關(guān)注而不知道其圖像表現(xiàn)，檢索過程會(huì)進(jìn)行大量查看名稱的重復(fù)操作。

層級(jí)與彈窗：

多層級(jí)拆分和多彈窗的設(shè)計(jì)會(huì)給游戲風(fēng)格化的表現(xiàn)留出更多的空間，但是也會(huì)加重操作流程的繁瑣。