卡片式設(shè)計(jì)，這種能有效整合信息，在排版上很便利，在視覺(jué)上也很清晰的設(shè)計(jì)元素受到很多網(wǎng)頁(yè)制作者的重用，被廣泛應(yīng)用于網(wǎng)站界面設(shè)計(jì)以及APP界面設(shè)計(jì)。本文小編主要來(lái)講講網(wǎng)頁(yè)制作使用卡片式設(shè)計(jì)需要注意哪些問(wèn)題。

一、遵循一個(gè)核心大原則

卡片式設(shè)計(jì)從外觀上看，整個(gè)卡片呈封閉式設(shè)計(jì)，因而，卡片式網(wǎng)頁(yè)制作時(shí)，保證整個(gè)卡片的內(nèi)容是一個(gè)完整的小整體，即一顆卡片講述一個(gè)核心內(nèi)容，讓用戶便于閱讀理解，也是為了不讓內(nèi)容混淆，內(nèi)容更清晰。

二、卡片設(shè)計(jì)的細(xì)節(jié)問(wèn)題

1、保證整個(gè)卡片可點(diǎn)擊性，用戶不管點(diǎn)擊哪一部分的內(nèi)容都能進(jìn)入卡片頁(yè)面查看更具體的內(nèi)容，能有效增強(qiáng)卡片的實(shí)用性，這種設(shè)計(jì)不管是在PC端網(wǎng)站還是移動(dòng)端網(wǎng)站都是適用的。

2、卡片的的邊框可適當(dāng)增加陰影，讓卡片更加立體，視覺(jué)上更突出，陰影顏色的選擇要與卡片內(nèi)的背景顏色相搭配。

三、卡片內(nèi)容排版問(wèn)題

卡片式網(wǎng)頁(yè)制作內(nèi)容，首先內(nèi)容要適量，表達(dá)要簡(jiǎn)潔，才能有效保證整體的可讀性。其次是內(nèi)容的排版，上層一般是圖片，且面積占比較大，下面一般還有一到兩層內(nèi)容，以文字與按鈕設(shè)計(jì)為主。圖片是卡片內(nèi)容的重點(diǎn)，在圖片選擇上，要保證圖片有意義，以及圖片的色彩搭配合理，提升設(shè)計(jì)質(zhì)感。

文字表達(dá)要簡(jiǎn)潔，突出重點(diǎn)，并且用戶易于理解，在文字的設(shè)計(jì)上，選用可見(jiàn)性較強(qiáng)的字體、尺寸以及顏色，提升用戶的閱讀欲望。

按鈕設(shè)計(jì)以需求為主，或是提供有高轉(zhuǎn)化率的按鈕，加上相應(yīng)的微交互，讓體驗(yàn)更豐富。

四、給卡片添加相應(yīng)的動(dòng)效設(shè)計(jì)

卡片式設(shè)計(jì)更多用來(lái)展示，展示方式有很多種，并列排版展示，或是滑動(dòng)翻閱展示，不同的展示對(duì)應(yīng)不同的動(dòng)效，前者使用懸停效果的反饋動(dòng)效，當(dāng)鼠標(biāo)移到相應(yīng)的卡片時(shí)，卡片方框變色或是疊加圖層與出現(xiàn)相應(yīng)的按鈕或文字內(nèi)容。后者只需做滑動(dòng)即可查看不同卡片的內(nèi)容。

卡片式設(shè)計(jì)是目前比較流行的布局設(shè)計(jì)趨勢(shì)，但也并不一定適用于所有的內(nèi)容布局，因此不管你是如何制作網(wǎng)頁(yè)，使用什么樣的設(shè)計(jì)，都應(yīng)該要根據(jù)實(shí)際的需求來(lái)決定。