
隨著(zhù)移動(dòng)互聯(lián)網(wǎng)的卡片不斷發(fā)展以及移動(dòng)用戶(hù)的增加,卡片式的式設網(wǎng)頁(yè)設計得到了越來(lái)越多人的歡迎和喜愛(ài)??ㄆ皆O計可以較為輕松的計好容納很多種不同類(lèi)型的元素,可以將各種(zhong)元素整齊劃一的但誤表現出來(lái),為用戶(hù)提供很好的區需視覺(jué)體驗。在另一方面,避免卡片式設計也(°o°)可以隨意更改高度和寬度,卡片非常適合在移動(dòng)端進(jìn)行調整,式設來(lái)適應各種不同尺寸的計好屏幕。
在卡片式設計最理想的狀態(tài)下,每一張卡片的計好大小都應該是一樣,并且整(zheng)齊排列的。并且,在每張卡片的設計中,元素的使用??也應該要保持協(xié)同。但是實(shí)際上,總會(huì )因為標題(′▽?zhuān)?太長(cháng)或是太短等原因調整卡片的大小。這樣就會(huì )導致當這些卡片真正出現在大屏幕上的時(shí)候,往??往間距太大。如果卡片之間的間距過(guò)大,就會(huì )導致排版和布局看起來(lái)非常的雜亂無(wú)章,同時(shí)視覺(jué)效果也會(huì )變得很差——這樣無(wú)疑是自(zi)己舍棄了卡片式設計最大的優(yōu)點(diǎn)。
所以,在進(jìn)行卡片式設計時(shí),即使縮減一些元素,也要保證讓卡片的大小和間距保持固定。
展示過(guò)多卡片
為了避免卡片間距過(guò)大的問(wèn)題,可能有一些站長(cháng)就會(huì )做出“為了盡可能的利用空間所(′_ゝ`)以放置很多卡片”這種做法。但(′_`)其實(shí)這也是一種錯誤的做法。
在柵格系統的卡片布局當中,如果能夠一次性展示很多張卡片,通常會(huì )帶來(lái)兩種負面效果,其一是用戶(hù)會(huì )被密密麻麻的卡片看得眼花繚亂最終選擇離開(kāi)網(wǎng)頁(yè)。而另一種情(T_T)況(kuang)則是用戶(hù)選擇強行閱讀,但是過(guò)多的信息仍然會(huì )給用戶(hù)體驗帶來(lái)非常大的影響。
在遇到這種情形的時(shí)候,就需要站長(cháng)去思考,頁(yè)面上是否有放置??這么多卡片的必要,頁(yè)面上放置的卡片所呈現的是否全部都是重要的信息,用戶(hù)在瀏覽的時(shí)候注意范圍有多廣。在仔細的思考過(guò)這些問(wèn)題之后(hou),相信站長(cháng)們都能夠從中刪去很多不重要的信息。
卡片ヽ(′ー`)ノ的引導行為過(guò)多
卡片式設計的主要功能是引導用(yong)戶(hù)進(jìn)入某個(gè)其他功能或者頁(yè)面,它實(shí)際上是一個(gè)入口??,而它所展現的也僅(????)僅是一些重要信息的摘要。所以對于卡片來(lái)說(shuō),只要能夠起到入口的作用就足( ?ω?)夠了,比如在卡片上放置諸如“閱讀全文”等鏈接。
所以,在進(jìn)行卡(′;д;`)片鏈接的放置時(shí),一定要分清主次,做出取舍,讓用戶(hù)能夠方便的使用。
卡片式的設計(ji)能夠給網(wǎng)站帶來(lái)一些非常好的效果,但前提是?要避免ヽ(′?`)ノ一些會(huì )讓用戶(hù)體驗變得更差的誤區,只有這樣,才能讓這種設計真正發(fā)揮自身的作用,讓網(wǎng)站受到??更多用戶(hù)的歡迎。
作者: https://www.haotuiwang.cn/ 平頭哥SEO,原創(chuàng )不易,轉載時(shí)必須以鏈接形式注明(ming)作者和原始出處及本聲明。