卡片式網(wǎng)頁(yè)實(shí)際應(yīng)避免的誤區(qū)

隨著移動(dòng)互聯(lián)網(wǎng)的不斷發(fā)展和移動(dòng)用戶的增加，基于卡片的網(wǎng)頁(yè)設(shè)計(jì)越來(lái)越受到人們的歡迎和喜愛(ài)，卡片式設(shè)計(jì)可以方便地容納多種不同類(lèi)型的元素，可以統(tǒng)一表達(dá)各種元素，為用戶提供良好的視覺(jué)體驗(yàn)。另一方面，卡片設(shè)計(jì)還可以隨意改變高度和寬度，這非常適合在移動(dòng)終端中調(diào)整以適應(yīng)各種尺寸的屏幕。

但是，如果卡片網(wǎng)頁(yè)設(shè)計(jì)存在誤區(qū)，最終的設(shè)計(jì)效果將大大打折扣，那么在進(jìn)行卡片設(shè)計(jì)時(shí)應(yīng)注意和避免哪些問(wèn)題和錯(cuò)誤呢?

1.卡間距太大

在卡片式設(shè)計(jì)的理想狀態(tài)下，每張卡片應(yīng)該大小相同，排列整齊。此外，在每張卡片的設(shè)計(jì)中，還應(yīng)該保持使用相同元素。但實(shí)際上，它總是因?yàn)闃?biāo)題太長(zhǎng)或太短而要調(diào)整卡片的大小。就會(huì)導(dǎo)致這些卡片真正出現(xiàn)在大屏幕上時(shí)往往間隔太大。如果卡片之間的間距太大，排版和布局將看起來(lái)很混亂，視覺(jué)效果也將變得很差。

因此，在卡片設(shè)計(jì)中，即使某些元素被減少，卡片的大小和間距也應(yīng)該保持不變。

2.展示的卡片過(guò)多

為了避免卡間距過(guò)大的問(wèn)題，一些網(wǎng)站站長(zhǎng)可能會(huì)放置很多卡片，以便大限度地利用空間，但實(shí)際上，這也是一個(gè)錯(cuò)誤的方式。

在柵格系統(tǒng)的卡片布局中，如果一次顯示多張卡片，通常會(huì)產(chǎn)生兩種負(fù)面影響。一方面，用戶會(huì)被密集的卡片弄得眼花繚亂，最終選擇離開(kāi)網(wǎng)頁(yè);另一方面，用戶選擇強(qiáng)制閱讀，但是過(guò)多的信息仍然會(huì)對(duì)用戶體驗(yàn)產(chǎn)生很大的影響。

在這種情況下，需要站長(zhǎng)考慮是否需要在頁(yè)面上放置這么多卡片，頁(yè)面上的所有卡片是否都呈現(xiàn)重要信息，以及用戶瀏覽時(shí)的注意范圍有多寬。

3.卡片的引導(dǎo)行為太多

卡片式設(shè)計(jì)的主要功能是引導(dǎo)用戶進(jìn)入其他功能或頁(yè)面，它實(shí)際上是一個(gè)入口，它只能顯示一些重要信息的摘要。所以對(duì)于卡片來(lái)說(shuō)，只要它們能起到入口的作用，比如在卡片上放置閱讀全文的鏈接等。

但是很多卡片在都設(shè)計(jì)時(shí)加入了許多功能，比如同時(shí)在一張卡片上放置閱讀全文、觀看視頻、CTA按鈕和主頁(yè)鏈接。事實(shí)上，這么多功能并不能保證用戶能夠看到你想讓他們想=看到的內(nèi)容，反而會(huì)由于功能的復(fù)雜性，使用戶對(duì)下一步做什么感到困惑。

因此，在卡片鏈接的放置中，必須區(qū)分主次關(guān)系，做出權(quán)衡，以便用戶可以方便地使用。

卡片設(shè)計(jì)可以給網(wǎng)站帶來(lái)很好的效果，但前提是避免一些誤解，只有這樣，設(shè)計(jì)才能真正發(fā)揮其作用，使網(wǎng)站更受用戶歡迎。

網(wǎng)頁(yè)標(biāo)題：卡片式網(wǎng)頁(yè)實(shí)際應(yīng)避免的誤區(qū)
文章出自：http://www.muchs.cn/news/6056.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供軟件開(kāi)發(fā)、外貿(mào)網(wǎng)站建設(shè)、品牌網(wǎng)站建設(shè)、建站公司、品牌網(wǎng)站制作、電子商務(wù)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)