×

網(wǎng)站卡片式設(shè)計(jì)的幾個(gè)誤區(qū)(上)

  • 作者:新網(wǎng)
  • 來(lái)源:新網(wǎng)
  • 瀏覽:100
  • 2018-02-28 17:45:09

隨著移動(dòng)用戶的不斷增加,卡片式設(shè)計(jì)越來(lái)越受到人們的歡迎??ㄆ皆O(shè)計(jì)可以輕松容納多種不同類型的元素,將各種元素以整齊劃一的布局呈現(xiàn)出來(lái),提供良好的視覺(jué)效果,那么下面就看小編的分析。

 隨著移動(dòng)用戶的不斷增加,卡片式設(shè)計(jì)越來(lái)越受到人們的歡迎??ㄆ皆O(shè)計(jì)可以輕松容納多種不同類型的元素,將各種元素以整齊劃一的布局呈現(xiàn)出來(lái),提供良好的視覺(jué)效果,那么下面就看小編的分析。

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

免責(zé)聲明:本文內(nèi)容由互聯(lián)網(wǎng)用戶自發(fā)貢獻(xiàn)自行上傳,本網(wǎng)站不擁有所有權(quán),也不承認(rèn)相關(guān)法律責(zé)任。如果您發(fā)現(xiàn)本社區(qū)中有涉嫌抄襲的內(nèi)容,請(qǐng)發(fā)送郵件至:operations@xinnet.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),本站將立刻刪除涉嫌侵權(quán)內(nèi)容。

免費(fèi)咨詢獲取折扣

Loading