国产精品无码一区二区三区太,亚洲一线产区二线产区区别,欧美A区,人妻jealousvue人妻

×

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

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

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

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

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

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

Loading