產(chǎn)品卡片的設(shè)計(jì)主要有三種樣式，分別為全包裹樣式、半包裹樣式和開(kāi)放（完全不包裹）樣式。

首先是全包裹：有明確的卡片背景，一個(gè)產(chǎn)品為單獨(dú)的一個(gè)模塊，將圖片和文本全部包括在內(nèi)部，每個(gè)產(chǎn)品之間互不影響，互相獨(dú)立，這種樣式目前主要在使用的是阿里巴巴，總體來(lái)說(shuō)，比較不常見(jiàn)。

其次是半包裹的設(shè)計(jì)：圖片部分會(huì)占滿(mǎn)卡片的上半部分，而文本的位置跟全包一樣，屬于比較常見(jiàn)的一種。需要注意的一點(diǎn)是如果圖片跟全包一樣需要做圓角，圖片下方的兩個(gè)角是不需要給圓角的?？梢?a target="_blank">參考網(wǎng)頁(yè)版的京東，產(chǎn)品選中的狀態(tài)。

最后是開(kāi)放（完全不包裹）樣式的卡片設(shè)計(jì)：這種設(shè)計(jì)圖片沒(méi)有明確的背景，圖+文本自然組成一個(gè)卡片區(qū)域，在設(shè)計(jì)上通常會(huì)讓文本兩側(cè)較之圖片的寬度稍微向中間縮進(jìn)一些距離，讓文本區(qū)域的寬度小于圖片寬度，在讓親密性表現(xiàn)得更舒適。一般情況是兩側(cè)同時(shí)縮進(jìn)，也可以將左側(cè)與圖片對(duì)齊，只縮進(jìn)右側(cè)。可以參考網(wǎng)頁(yè)版淘寶的產(chǎn)品卡片設(shè)計(jì)樣式，就是經(jīng)典的開(kāi)放式卡片設(shè)計(jì)。