網(wǎng)站使用卡片式設(shè)計(jì)容易出現(xiàn)的錯(cuò)誤
2021-06-15 分類： 網(wǎng)站建設(shè)
之前小編介紹過什么是卡片式設(shè)計(jì)？卡片式設(shè)計(jì)非常適合移動(dòng)網(wǎng)站建設(shè)，因?yàn)榭ㄆ皆O(shè)計(jì)可以容納多種元素并整齊的布局出來，視覺效果非常好。但有些設(shè)計(jì)師在使用卡片式設(shè)計(jì)時(shí)出現(xiàn)了一些誤區(qū)，下面創(chuàng)新互聯(lián)就來說說網(wǎng)站使用卡片式設(shè)計(jì)容易出現(xiàn)的錯(cuò)誤。
1、卡片間距過大
在理想的狀態(tài)之中，每張卡片應(yīng)該都是大小相同、整齊一致的，這就要求卡片上的各種元素要保持協(xié)調(diào)，但實(shí)際狀況常常沒有那么好。在實(shí)際設(shè)計(jì)過程中，我們可能會(huì)發(fā)現(xiàn)這張卡片的標(biāo)題太長(zhǎng)，那張卡片的文字描述太短。當(dāng)這些卡片在大屏幕設(shè)備上顯示時(shí)，間距過大的問題就顯露出來了。你可不要傻乎乎的認(rèn)為這是"留白"的藝術(shù)，這種不恰當(dāng)?shù)拈g距往往不能做到"以無勝有"，更會(huì)影響網(wǎng)站的整體排版，讓布局雜亂無序，有損信息的密度，甚至還會(huì)妨礙訪客們的瀏覽體驗(yàn)，這使得卡片式設(shè)計(jì)的優(yōu)勢(shì)蕩然無存。
2、一次性展示太多卡片
對(duì)很多站長(zhǎng)來說，多使用卡片填滿網(wǎng)站就等同于充分利用網(wǎng)站的空間，盡可能給用戶提供更多信息。其實(shí)，這是個(gè)錯(cuò)誤的想法。在柵格系統(tǒng)的卡片式布局中，如果一次性展示許多張卡片，常會(huì)帶來兩種負(fù)面結(jié)果，一是用戶被密密麻麻的信息墻嚇到，直接退出離開，還有一種情況就是用戶勉強(qiáng)瀏覽，但過多卡片帶來的負(fù)擔(dān)會(huì)嚴(yán)重影響用戶的體驗(yàn)效果。
3、卡片上行為引導(dǎo)太多
熟悉卡片式設(shè)計(jì)的朋友們都知道每張卡片只是某個(gè)功能或內(nèi)容的入口點(diǎn)，常展示一些摘要而不是所有細(xì)節(jié)，所以我們通常會(huì)在卡片上放置一些如"閱讀全文"等其他鏈接，引導(dǎo)用戶做出預(yù)期的行為。但是，在很多糟糕的卡片式設(shè)計(jì)實(shí)例中，不少人在卡片上設(shè)置了太多的行為引導(dǎo)，比如"閱讀全文"的鏈接、"查看視頻"的鏈接、CTA按鈕、主頁(yè)鏈接等等。小飛可以很負(fù)責(zé)任的告訴你：這么多的行為引導(dǎo)不會(huì)有助于延長(zhǎng)用戶在網(wǎng)頁(yè)上停留的時(shí)長(zhǎng)，增加網(wǎng)站流量或提高轉(zhuǎn)化率，卻會(huì)讓用戶更加困惑、手足無措。
4、卡片上各種元素過多
這個(gè)誤區(qū)和卡片上行為引導(dǎo)太多有點(diǎn)類似，從更宏觀的角度來說，行為引導(dǎo)可以歸納為元素的一種，但由于行為引導(dǎo)在網(wǎng)站流量和銷量等方面扮演的重要作用，小飛特意將它拎出來講了。現(xiàn)在我們來看一下元素過多的問題吧!卡片式設(shè)計(jì)廣受歡迎的其中一個(gè)原因就是它很靈活，能夠整合各種形式的內(nèi)容： 圖片、文本、動(dòng)畫效果、視頻、按鈕、鏈接等。但這并不意味著我們一定要將多種不同的元素一股腦兒放到卡片上，這樣不僅不能給用戶提供有用的信息，反而容易干擾用戶，分散他們的注意力，讓他們找不到重點(diǎn)。
5、過度使用圖片
在卡片式設(shè)計(jì)中使用圖片似乎已經(jīng)成為了一種思維定勢(shì)。雖然我們經(jīng)常在卡片中使用圖片、插圖和圖標(biāo)等，它也確實(shí)能夠增加網(wǎng)站的視覺表現(xiàn)力，是卡片式設(shè)計(jì)的好拍檔。但我們可不能過度使用圖片，不能為了圖片而放置圖片，卡片上圖片的存在應(yīng)該是有一定意義的。
以上就是創(chuàng)新互聯(lián)總結(jié)的卡片式設(shè)計(jì)常見的錯(cuò)誤，卡片式設(shè)計(jì)的確是非常好的網(wǎng)站設(shè)計(jì)，但在使用過程中一定要注意這些細(xì)節(jié)，不要進(jìn)入這些誤區(qū)，影響網(wǎng)站的用戶體驗(yàn)。
本文名稱：網(wǎng)站使用卡片式設(shè)計(jì)容易出現(xiàn)的錯(cuò)誤
轉(zhuǎn)載源于：http://www.rwnh.cn/news10/117710.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站導(dǎo)航、網(wǎng)站制作、微信小程序、網(wǎng)站改版、網(wǎng)站內(nèi)鏈、品牌網(wǎng)站制作
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容
- 什么是三站合一？ 2021-06-15
- 怎么給一個(gè)網(wǎng)站正確定位？ 2021-06-15
- 企業(yè)建設(shè)網(wǎng)站需要域名解析嗎 2021-06-15
- 老齡化加劇下的孤獨(dú)感，VR技術(shù)或成破局點(diǎn) 2021-06-15
- 反鏈跟外鏈的區(qū)別是什么？ 2021-06-15
- 常見的網(wǎng)站SEO常規(guī)外鏈建設(shè)方法有這些 2021-06-15
- 淺談網(wǎng)站流量統(tǒng)計(jì)分析 2021-06-15
- 怎么建立自己的個(gè)人網(wǎng)站 2021-06-15
- 網(wǎng)站SEO優(yōu)化如何才能讓網(wǎng)站穩(wěn)定長(zhǎng)久 2021-06-15
- 網(wǎng)頁(yè)頁(yè)面數(shù)據(jù)可視化設(shè)計(jì)原則 2021-06-15
- 中小型企業(yè)怎么做網(wǎng)絡(luò)營(yíng)銷策劃 2021-06-15
- 電商分銷系統(tǒng)搭建需要注意的幾個(gè)細(xì)節(jié) 2021-06-15
- 建設(shè)網(wǎng)站時(shí)無論什么情況下都要保證網(wǎng)站的打開速度 2021-06-15
- 什么條件才可以加入制作網(wǎng)站公司 2021-06-15
- 為什么很多網(wǎng)頁(yè)設(shè)計(jì)喜歡使用藍(lán)色調(diào)？ 2021-06-15
- 頁(yè)面設(shè)計(jì)中對(duì)網(wǎng)站的影響 2021-06-15
- 越來越多的消費(fèi)者使用互聯(lián)網(wǎng)搜索他們需要的產(chǎn)品或服務(wù) 2021-06-15
- 移動(dòng)前端開發(fā)和web前端開發(fā)的區(qū)別 2021-06-14
- 從深圳“企業(yè)倒閉潮”中看當(dāng)下網(wǎng)絡(luò)推廣存在的 2021-06-14