基(ji)於(yu)卡(ka)片(pian)布(bu)局(ju)是(shi)網(wang)站(zhan)設(she)計(ji)中(zhong)常(chang)見(jian)的(de)布(bu)局(ju)之(zhi)一(yi)。用(yong)來(lai)清(qing)晰(xi)的(de)展(zhan)示(shi)內(nei)容(rong)，突(tu)出(chu)的(de)內(nei)容(rong)
，讓(rang)用(yong)戶(hu)更(geng)快(kuai)的(de)找(zhao)到(dao)所(suo)需(xu)信(xin)息(xi)。那(na)這(zhe)種(zhong)布(bu)局(ju)的(de)優(you)缺(que)點(dian)是(shi)什(shen)麼(me)呢(ne)？

　　北京分形科技，北京優秀網站設計、高端網站設計公司，今天和您分享觀點。

　　基於卡的設計的優點：

　　1.適應性強

　　將jiang您nin的de內nei容rong包bao含han在zai各ge個ge卡ka中zhong
，使shi它ta們men易yi於yu重zhong新xin排pai列lie和he重zhong新xin排pai序xu。當dang涉she及ji到dao針zhen對dui各ge種zhong設she備bei和he屏ping幕mu尺chi寸cun的de響xiang應ying式shi設she計ji時shi，這zhe一yi點dian尤you其qi重zhong要yao。因yin此ci

，卡ka片pian對dui設she計ji者zhe來lai說shuo非fei常chang有you意yi義yi。

　　2.掃描能力強

　　基於卡片的布局為您的訪客提供了大量簡短的信息，這些信息易於掃描並找到他們所需要的信息。傳統布局可能會在整個首頁上專門說“你好”並向您介紹公司

，而卡片可以顯示整個網站上所有內容的摘要，這意味著訪問者更有可能在第一時間找到他們想要的內容。

　　3.快速消化信息

　　就像在社交媒體上一樣，這些較短的直截了當的信息摘要更易於消化
，並且更有可能被您的訪問者/追隨者實際閱讀。如果您確實有更多信息可以為那些特別感興趣的人提供，則可以始終提供“閱讀更多”鏈接。

　　基於卡的設計的缺點：

　　1.一致性較差

　　除(chu)非(fei)所(suo)有(you)小(xiao)部(bu)件(jian)的(de)外(wai)觀(guan)都(dou)相(xiang)同(tong)
，否(fou)則(ze)基(ji)於(yu)卡(ka)片(pian)的(de)設(she)計(ji)可(ke)能(neng)會(hui)要(yao)求(qiu)您(nin)使(shi)用(yong)更(geng)大(da)範(fan)圍(wei)的(de)顏(yan)色(se)，圖(tu)像(xiang)，字(zi)體(ti)或(huo)其(qi)他(ta)變(bian)量(liang)來(lai)區(qu)分(fen)卡(ka)片(pian)。這(zhe)種(zhong)方(fang)式(shi)的(de)一(yi)致(zhi)性(xing)較(jiao)低(di)會(hui)使(shi)布(bu)局(ju)看(kan)起(qi)來(lai)混(hun)亂(luan)。

　　2.缺乏傳統層級結構

　　盡(jin)管(guan)有(you)一(yi)些(xie)方(fang)法(fa)可(ke)以(yi)吸(xi)引(yin)人(ren)們(men)注(zhu)意(yi)更(geng)重(zhong)要(yao)的(de)卡(ka)片(pian)，但(dan)是(shi)缺(que)少(shao)傳(chuan)統(tong)的(de)層(ceng)次(ci)結(jie)構(gou)

，尤(you)其(qi)是(shi)對(dui)於(yu)正(zheng)在(zai)尋(xun)找(zhao)特(te)定(ding)信(xin)息(xi)的(de)網(wang)站(zhan)訪(fang)問(wen)者(zhe)而(er)言(yan)
，向(xiang)他(ta)們(men)扔(reng)出(chu)看(kan)似(si)雜(za)亂(luan)無(wu)章(zhang)的(de)內(nei)容(rong)片(pian)段(duan)的(de)網(wang)格(ge)可(ke)能(neng)會(hui)使(shi)他(ta)們(men)感(gan)到(dao)困(kun)惑(huo)。

　　3.不適合某些網站

　　基於卡的設計可能不適用於較小的項目或主要基於信息的項目。對於僅以提供詳細信息為目的的網站。

　　更多優秀網站設計
、高端網站設計等相關，歡迎您谘詢北京分形科技！