卡片式設(shè)計(jì)很好，但這些誤區(qū)需要避免

隨著移動互聯(lián)網(wǎng)的不斷發(fā)展以及移動用戶的增加，卡片式的網(wǎng)頁設(shè)計(jì)得到了越來越多人的歡迎和喜愛?？ㄆ皆O(shè)計(jì)可以較為輕松的容納很多種不同類型的元素，可以將各種元素整齊劃一的表現(xiàn)出來，為用戶提供很好的視覺體驗(yàn)。在另一方面，卡片式設(shè)計(jì)也可以隨意更改高度和寬度，非常適合在移動端進(jìn)行調(diào)整，來適應(yīng)各種不同尺寸的屏幕。

不過，如果在設(shè)計(jì)卡片式網(wǎng)頁時(shí)走進(jìn)了誤區(qū)，那么就會讓這個(gè)設(shè)計(jì)最終的效果大打折扣。所以在進(jìn)行卡片式設(shè)計(jì)時(shí)，有哪些問題和錯(cuò)誤需要注意和避免呢？

卡片間距太大

在卡片式設(shè)計(jì)最理想的狀態(tài)下，每一張卡片的大小都應(yīng)該是一樣，并且整齊排列的。并且，在每張卡片的設(shè)計(jì)中，元素的使用也應(yīng)該要保持協(xié)同。但是實(shí)際上，總會因?yàn)闃?biāo)題太長或是太短等原因調(diào)整卡片的大小。這樣就會導(dǎo)致當(dāng)這些卡片真正出現(xiàn)在大屏幕上的時(shí)候，往往間距太大。如果卡片之間的間距過大，就會導(dǎo)致排版和布局看起來非常的雜亂無章，同時(shí)視覺效果也會變得很差——這樣無疑是自己舍棄了卡片式設(shè)計(jì)大的優(yōu)點(diǎn)。

所以，在進(jìn)行卡片式設(shè)計(jì)時(shí)，即使縮減一些元素，也要保證讓卡片的大小和間距保持固定。

展示過多卡片

為了避免卡片間距過大的問題，可能有一些站長就會做出成都為了盡可能的利用空間所以放置很多卡片”這種做法。但其實(shí)這也是一種錯(cuò)誤的做法。

在柵格系統(tǒng)的卡片布局當(dāng)中，如果能夠一次性展示很多張卡片，通常會帶來兩種負(fù)面效果，其一是用戶會被密密麻麻的卡片看得眼花繚亂最終選擇離開網(wǎng)頁。而另一種情況則是用戶選擇強(qiáng)行閱讀，但是過多的信息仍然會給用戶體驗(yàn)帶來非常大的影響。

在遇到這種情形的時(shí)候，就需要站長去思考，頁面上是否有放置這么多卡片的必要，頁面上放置的卡片所呈現(xiàn)的是否全部都是重要的信息，用戶在瀏覽的時(shí)候注意范圍有多廣。在仔細(xì)的思考過這些問題之后，相信站長們都能夠從中刪去很多不重要的信息。

卡片的引導(dǎo)行為過多

卡片式設(shè)計(jì)的主要功能是引導(dǎo)用戶進(jìn)入某個(gè)其他功能或者頁面，它實(shí)際上是一個(gè)入口，而它所展現(xiàn)的也僅僅是一些重要信息的摘要。所以對于卡片來說，只要能夠起到入口的作用就足夠了，比如在卡片上放置諸如成都閱讀全文”等鏈接。

但是有很多卡片在設(shè)計(jì)時(shí)加入了非常多的功能，如在一個(gè)卡片上同時(shí)放置閱讀全文、查看視頻、CTA按鈕和主頁鏈接等。其實(shí)，這么多的功能并不能保證用戶能夠看到你所設(shè)想他們看到的東西，反而會因?yàn)楣δ艿姆彪s而讓用戶產(chǎn)生成都不知道下一步該干什么”的困惑感。

所以，在進(jìn)行卡片鏈接的放置時(shí)，一定要分清主次，做出取舍，讓用戶能夠方便的使用。

卡片式的設(shè)計(jì)能夠給網(wǎng)站帶來一些非常好的效果，但前提是要避免一些會讓用戶體驗(yàn)變得更差的誤區(qū)，只有這樣，才能讓這種設(shè)計(jì)真正發(fā)揮自身的作用，讓網(wǎng)站受到更多用戶的歡迎。

本文題目：卡片式設(shè)計(jì)很好，但這些誤區(qū)需要避免
本文URL：http://www.muchs.cn/news33/36683.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供面包屑導(dǎo)航、網(wǎng)站內(nèi)鏈、標(biāo)簽優(yōu)化、微信小程序、網(wǎng)站改版、全網(wǎng)營銷推廣

廣告

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