移動(dòng)互聯(lián)網(wǎng)越來越普及，用戶也越來越多，而卡片式設(shè)計(jì)由于很適合手機(jī)網(wǎng)站，受到很多人的歡迎。很多人在進(jìn)行手機(jī)網(wǎng)站建設(shè)時(shí)，都會(huì)使用到卡片式設(shè)計(jì)，但是，有些人在設(shè)計(jì)過程中犯了不少的錯(cuò)誤，導(dǎo)致卡片式設(shè)計(jì)沒有發(fā)揮出它的效果。那么下面就給大家總結(jié)一些在網(wǎng)站建設(shè)過程中可能會(huì)遇到的錯(cuò)誤。

1、卡片距離過大

卡片式設(shè)計(jì)有一個(gè)特點(diǎn)是整齊，那么每張卡片之間都是要有相等的距離。但是在設(shè)計(jì)過程中可能會(huì)發(fā)現(xiàn)，這張卡片的內(nèi)容過多，那張卡片的內(nèi)容過少，這就導(dǎo)致卡片的長(zhǎng)或?qū)挷灰粯樱推渌ㄆg的距離也就不一樣，顯得失去了美感。在此，我們應(yīng)該在填充內(nèi)容的時(shí)候，控制好內(nèi)容，不要超出卡片大小，或者是讓卡片放置在手機(jī)網(wǎng)站的柵格中，這樣就不會(huì)出現(xiàn)卡片之間距離不一的情況了。

2、展示過多的卡片

有些手機(jī)網(wǎng)站建設(shè)的時(shí)候?yàn)榱顺浞掷每臻g，一次性展示很多卡片，其實(shí)這是錯(cuò)誤的。一來會(huì)被密密麻麻的卡片嚇到，二來就是過多瀏覽內(nèi)容導(dǎo)致用戶眼花繚亂。其實(shí)放置那么多卡片，真的是用戶需要用到的嗎？而用戶一次性能夠接受多少內(nèi)容呢？而我們合適的做法是每個(gè)頁(yè)面都有限定量的卡片，而想要看到更多卡片內(nèi)容，則可以進(jìn)行翻頁(yè)功能瀏覽下一批卡片。

3、卡片上太多行為引導(dǎo)

很多時(shí)候，一個(gè)卡片一般只針對(duì)一個(gè)內(nèi)容，通常直接點(diǎn)擊卡片或者點(diǎn)擊卡片上的某一個(gè)按鈕就能夠打開頁(yè)面。但是在一些不太好的卡片式設(shè)計(jì)案例中，會(huì)存在鏈接、按鈕、或者其他錨文本，這只會(huì)大大增加用戶困惑感，不知道該要點(diǎn)擊哪個(gè)才是對(duì)的。所以進(jìn)行卡片式設(shè)計(jì)前，應(yīng)該考慮引導(dǎo)用戶的行為是不是有需要的，把需要引導(dǎo)用戶點(diǎn)擊的內(nèi)容放置在卡片上。

4、卡片上元素太多

這個(gè)和行為引導(dǎo)太多很類似，但是范圍就比較廣泛一點(diǎn)，例如是有動(dòng)畫效果、陰影、圖標(biāo)、圖片、多種顏色，都放置在小小的卡片中，這樣很容易分散用戶的注意力，導(dǎo)致用戶無法判斷卡片內(nèi)容哪些是重點(diǎn)。雖然元素還是需要有一點(diǎn)的，但是要控制好數(shù)量，適量的元素修飾可以令卡片內(nèi)容更加引人注目。

5、圖片過多

卡片式設(shè)計(jì)中，圖片是重點(diǎn)，也是經(jīng)常會(huì)用到的，但是使用圖片也不能過度使用，過度使用只會(huì)造成視覺上的混亂。所以在添加圖片前，應(yīng)該要確保圖片能夠準(zhǔn)確表達(dá)這張卡片的主題，以至于不需要再使用其他圖片來表達(dá)卡片內(nèi)容，這樣不會(huì)造成圖片過多而帶來視覺混亂。

卡片式設(shè)計(jì)能夠?yàn)橛脩魩砗芎玫木W(wǎng)站體驗(yàn)，當(dāng)然手機(jī)網(wǎng)站建設(shè)的時(shí)候要避免犯以上5點(diǎn)的錯(cuò)誤，才能發(fā)揮到卡片式設(shè)計(jì)的較大效果，大家在網(wǎng)站建設(shè)時(shí)，就要多加注意了。