網(wǎng)站卡片式設(shè)計(jì)的幾個誤區(qū)(上)
- 作者:新網(wǎng)
- 來源:新網(wǎng)
- 瀏覽:100
- 2018-02-28 17:45:09
隨著移動用戶的不斷增加,卡片式設(shè)計(jì)越來越受到人們的歡迎??ㄆ皆O(shè)計(jì)可以輕松容納多種不同類型的元素,將各種元素以整齊劃一的布局呈現(xiàn)出來,提供良好的視覺效果,那么下面就看小編的分析。
隨著移動用戶的不斷增加,卡片式設(shè)計(jì)越來越受到人們的歡迎??ㄆ皆O(shè)計(jì)可以輕松容納多種不同類型的元素,將各種元素以整齊劃一的布局呈現(xiàn)出來,提供良好的視覺效果,那么下面就看小編的分析。
<
div>卡片間距過大
在理想的狀態(tài)之中,每張卡片應(yīng)該都是大小相同、整齊一致的,這就要求卡片上的各種元素要保持協(xié)調(diào),但實(shí)際狀況常常沒有那么完美。在實(shí)際設(shè)計(jì)過程中,我們可能會發(fā)現(xiàn)這張卡片的標(biāo)題太長,那張卡片的文字描述太短。當(dāng)這些卡片在大屏幕設(shè)備上顯示時,間距過大的問題就顯露出來了。你可不要傻乎乎的認(rèn)為這是"留白"的藝術(shù),這種不恰當(dāng)?shù)拈g距往往不能做到"以無勝有",更會影響
網(wǎng)站的整體排版,讓布局雜亂無序,有損信息的密度,甚至還會妨礙訪客們的瀏覽體驗(yàn),這使得卡片式設(shè)計(jì)的優(yōu)勢蕩然無存。
遇到這種情況,我們應(yīng)該怎么辦呢?小編總結(jié)了兩個方法。
其一,我們應(yīng)該考慮卡片上的元素是否可以縮減:簡練標(biāo)題或描述文字是否會影響用戶對重要信息的獲取?盡量確保每張卡片在尺寸、涵蓋內(nèi)容上相差無幾。 其二,我們可以看看卡片式設(shè)計(jì)是否可以應(yīng)用到砌體布局中。目前我們一般都是在柵格系統(tǒng)中使用卡片式布局,固定的格子設(shè)計(jì)更能保證網(wǎng)站的整潔,而砌體布局是指將網(wǎng)站中的元素自動填充在頁面的空白區(qū)域,就像是墻上堆砌的石頭一樣。如果卡片式設(shè)計(jì)可以與砌體布局結(jié)合起來,卡片就自動適應(yīng)空白區(qū)域,間距過大的問題也就不存在了。
以上就是小編對于網(wǎng)站卡片式設(shè)計(jì)的卡片間距過大這個誤區(qū)的解析。