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