移動(dòng)互聯(lián)網(wǎng)的發(fā)展非??焖伲ㄆ骄W(wǎng)站建設(shè)也受到很多用戶的喜愛(ài)。卡片式的設(shè)計(jì)可以更好地兼容不同類型的元素,并且可以將不一樣的元素整齊地在同一個(gè)布局上展示出來(lái),形成良好的視覺(jué)效果??ㄆ皆O(shè)計(jì)在高度以及寬度的調(diào)整上是非常靈活的,在移動(dòng)端的設(shè)計(jì)上,兼容性比較好,可以很好地適應(yīng)不同的屏幕。那么我們來(lái)分析一下卡片式網(wǎng)站建設(shè)的誤區(qū)。
首先、卡片式的間距太大。一般情況下,每一張卡片的大小都是一樣的,所以在卡片式網(wǎng)站建設(shè)的時(shí)候,每種元素之間都需要協(xié)調(diào)。但是在實(shí)際的工作中,會(huì)發(fā)現(xiàn)有些卡片的標(biāo)題很長(zhǎng),而有些卡片描述又太少。那么這些卡片在顯示的時(shí)候,間距就會(huì)加大,影響網(wǎng)站的排版,導(dǎo)致網(wǎng)站的布局雜亂無(wú)章,影響網(wǎng)站內(nèi)容的傳遞,甚至影響用戶的體驗(yàn)。因此,在卡片式設(shè)計(jì)的時(shí)候,可以縮減一些元素,精簡(jiǎn)標(biāo)題、適當(dāng)增加一些描述。盡量保證每一個(gè)卡片都是一樣的。

第二、同時(shí)展示多張卡片。不少站長(zhǎng)認(rèn)為同時(shí)展示多張卡片可以有效地利用網(wǎng)站的空間,給用戶提供更多的內(nèi)容。這種做法并不可取。例如柵格系統(tǒng)中的卡片設(shè)計(jì),如果同時(shí)展示多張卡片,就會(huì)出現(xiàn)兩種問(wèn)題,其一,用戶需要在同一時(shí)間接受多種信息,讓用戶感受到壓迫感,從而離開(kāi)網(wǎng)站,其二、降低用戶瀏覽網(wǎng)站的體驗(yàn)。控制好卡片展示的數(shù)量,給用戶一個(gè)呼吸的空間。
第三、卡片中的引導(dǎo)行為過(guò)多。其實(shí)每一張卡片只是某一個(gè)功能或者內(nèi)容的連接點(diǎn),展示的是一些摘要,并不是全部的內(nèi)容。因此,在卡片式網(wǎng)站建設(shè)的時(shí)候,都會(huì)設(shè)置“閱讀全文”的文字鏈接,引導(dǎo)用戶進(jìn)行全文的閱讀。但是有些站長(zhǎng)在卡片設(shè)計(jì)上,設(shè)置太多的引導(dǎo)行為會(huì)使用戶反感,從而沒(méi)有耐心瀏覽網(wǎng)站,影響網(wǎng)站的轉(zhuǎn)化率。
第四、卡片上的元素太多。卡片網(wǎng)站建設(shè)的一個(gè)重要優(yōu)勢(shì)就是靈活,可以整合各種元素,例如視頻、文字、動(dòng)畫、按鈕等等。但是將所有的元素都集中在卡片上,就會(huì)讓用戶感到困惑,用戶在閱讀的時(shí)候不能提取出有效的內(nèi)容,甚至分散用戶的注意力。
第五、使用太多圖片。在卡片式設(shè)計(jì)的時(shí)候,合理使用圖片可以增強(qiáng)視覺(jué)效果,但是不能使用太多的圖片。確定圖片是必需的,可以提升整個(gè)網(wǎng)站的布局排版效果,并且要按照內(nèi)容的重要性進(jìn)行設(shè)計(jì)。

卡片式設(shè)計(jì)在網(wǎng)站建設(shè)中的使用比較廣泛,而且也帶來(lái)了很多好處,還在考慮怎么建設(shè)網(wǎng)站的布局的朋友們可以試試卡片式設(shè)計(jì),但是我們也要注意其所帶來(lái)的誤區(qū),避免這些設(shè)計(jì)誤區(qū),才可以更好地利用卡片式設(shè)計(jì),來(lái)提升網(wǎng)站建設(shè)整體的視覺(jué)效果。