卡片式設(shè)計(jì)很好,但這些誤區(qū)需要避免
  • 更新時(shí)間:2024-10-31 17:31:33
  • 建站經(jīng)驗(yàn)
  • 發(fā)布時(shí)間:2年前
  • 594

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


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


卡片間距太大

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

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


展示過(guò)多卡片

為了避免卡片間距過(guò)大的問(wèn)題,可能有一些站長(zhǎng)就會(huì)做出“為了盡可能的利用空間所以放置很多卡片”這種做法。但其實(shí)這也是一種錯(cuò)誤的做法。

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

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


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

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

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

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


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

我們專注高端建站,小程序開(kāi)發(fā)、軟件系統(tǒng)定制開(kāi)發(fā)、BUG修復(fù)、物聯(lián)網(wǎng)開(kāi)發(fā)、各類(lèi)API接口對(duì)接開(kāi)發(fā)等。十余年開(kāi)發(fā)經(jīng)驗(yàn),每一個(gè)項(xiàng)目承諾做到滿意為止,多一次對(duì)比,一定讓您多一份收獲!

本文章出于推來(lái)客官網(wǎng),轉(zhuǎn)載請(qǐng)表明原文地址:https://www.tlkjt.com/experience/8559.html
推薦文章

在線客服

掃碼聯(lián)系客服

3985758

回到頂部