亚洲老熟女与小伙bbwtv_91.com在线_久久国产精品久久久_少妇又爽又刺激视频_女同久久另类99精品国产_亚洲一区二区不卡免费

新聞動態(tài)
簽約信息
公司信息
行業(yè)資訊

卡片式設計的五大誤區(qū)

 發(fā)布時間:2018-10-15     瀏覽次數(shù):2.6k     作者:斑驢互聯(lián)

      近幾年來,隨著移動用戶的不斷增加,卡片式設計越來越受到人們的歡迎。在網站建設的經典案例上,卡片式設計在網頁設計中占據(jù)一席之地。一方面,卡片式設計可以輕松容納多種不同類型的元素,將各種元素以整齊劃一的布局呈現(xiàn)出來,提供良好的視覺效果,另一方面,卡片式在調整高度和寬度上很是靈活,對移動端的兼容性很高,能輕松適應不同大小的屏幕,實現(xiàn)真正的響應式,在APP開發(fā)小程序開發(fā)也同樣受到青睞。在實際的設計過程中,不少設計師進入了一些誤區(qū),使卡片式設計的強大效用大打折扣。因此,斑驢互聯(lián)設計師特意總結了一些大家在做卡片式設計經常會出現(xiàn)的5個錯誤,希望能給大家一點啟發(fā)。

       1.卡片間距過大

       在理想的狀態(tài)之中,每張卡片應該都是大小相同、整齊一致的,這就要求卡片上的各種元素要保持協(xié)調,但實際狀況常常沒有那么完美。在實際設計過程中,我們可能會發(fā)現(xiàn)這張卡片的標題太長,那張卡片的文字描述太短。當這些卡片在大屏幕設備上顯示時,間距過大的問題就顯露出來了。你可不要傻乎乎的認為這是"留白"的藝術,這種不恰當?shù)拈g距往往不能做到"以無勝有",更會影響網站的整體排版,讓布局雜亂無序,有損信息的密度,甚至還會妨礙訪客們的瀏覽體驗,這使得卡片式設計的優(yōu)勢蕩然無存。

       遇到這種情況,我們應該怎么辦呢?總結了兩個方法。其一,我們應該考慮卡片上的元素是否可以縮減:簡練標題或描述文字是否會影響用戶對重要信息的獲取?盡量確保每張卡片在尺寸、涵蓋內容上相差無幾。其二,我們可以看看卡片式設計是否可以應用到砌體布局中。目前我們一般都是在柵格系統(tǒng)中使用卡片式布局,固定的格子設計更能保證網站的整潔,而砌體布局是指將網站中的元素自動填充在頁面的空白區(qū)域,就像是墻上堆砌的石頭一樣。如果卡片式設計可以與砌體布局結合起來,卡片就自動適應空白區(qū)域,間距過大的問題也就不存在了。


http://www.ahjlmy.com.cn/storage/uploads/20181015/3395e42022b56ddaa90bb3cdae01b7e4.png


       2.一次性展示太多卡片

       對很多設計師來說,多使用卡片填滿網站就等同于充分利用網站的空間,盡可能給用戶提供更多信息。其實,這是個錯誤的想法。在柵格系統(tǒng)的卡片式布局中,如果一次性展示許多張卡片,常會帶來兩種負面結果,一是用戶被密密麻麻的信息墻嚇到,直接退出離開,還有一種情況就是用戶勉強瀏覽,但過多卡片帶來的負擔會嚴重影響用戶的體驗效果。

       和第一個誤區(qū)一樣,在遇到這種情況的時候,我們也要仔細考慮一番:頁面上放置這么多的卡片有必要的嗎?用戶合理的閱讀容量是多少?用戶在瀏覽屏幕時可能的注意范圍有多廣?除此以外,還有一個建議,我們可以給單張頁面可放置卡片的數(shù)量設置一個限額,當數(shù)量超過這個范圍時就會彈出提醒的對話框,防止我們無意識的犯錯。不過這個方法的難度在于卡片的限額數(shù)量應該設為多少,這可能需要我們在自己的網站上進行測試,發(fā)現(xiàn)自己網站的規(guī)律所在。


http://www.ahjlmy.com.cn/storage/uploads/20181015/bcd0d2d983f8421671d1475e4d7bdb17.png


       3.卡片上行為引導太多 

       熟悉卡片式設計的朋友們都知道每張卡片只是某個功能或內容的入口點,常展示一些摘要而不是所有細節(jié),所以我們通常會在卡片上放置一些如"閱讀全文"等其他鏈接,引導用戶做出預期的行為。但是,在很多糟糕的卡片式設計實例中,不少人在卡片上設置了太多的行為引導,比如"閱讀全文"的鏈接、"查看視頻"的鏈接、CTA按鈕、主頁鏈接等等。可以很負責任的告訴你:這么多的行為引導不會有助于延長用戶在網頁上停留的時長,增加網站流量或提高轉化率,卻會讓用戶更加困惑、手足無措。

       設計師們在遇到這個問題時也要多想想每個行為引導的存在是否是必要的,或者可以按照不同的重要程度或類型將行為引導分類,按優(yōu)先次序進行擺放,這樣更便于作出取舍。


http://www.ahjlmy.com.cn/storage/uploads/20181015/5d60eca2bb28b4d44717987338762696.png


       4.卡片上各種元素過多

       這個誤區(qū)和卡片上行為引導太多有點類似,從更宏觀的角度來說,行為引導可以歸納為元素的一種,但由于行為引導在網站流量和銷量等方面扮演的重要作用,特意將它拎出來講了。現(xiàn)在我們來看一下元素過多的問題吧!卡片式設計廣受歡迎的其中一個原因就是它很靈活,能夠整合各種形式的內容: 圖片、文本、動畫效果、視頻、按鈕、鏈接等。但這并不意味著我們一定要將多種不同的元素一股腦兒放到卡片上,這樣不僅不能給用戶提供有用的信息,反而容易干擾用戶,分散他們的注意力,讓他們找不到重點。

       因此卡片涵蓋元素的多少應該把握一個度。這一點可以通過對網站元素進行優(yōu)先等級分類做到,將內容分為首要信息,次要信息等等,這樣一來我們就能有目的的安排卡片元素。為了做到這一點,我們還可以深入了解一下自身產品的目標用戶群以及他們可能的喜好。


http://www.ahjlmy.com.cn/storage/uploads/20181015/d207dd8743d1b8e64fb41609cc7a0944.png


       5.過度使用圖片

       在卡片式設計中使用圖片似乎已經成為了一種思維定勢。雖然我們經常在卡片中使用圖片、插圖和圖標等,它也確實能夠增加網站的視覺表現(xiàn)力,是卡片式設計的最佳拍檔。但我們可不能過度使用圖片,不能為了圖片而放置圖片,卡片上圖片的存在應該是有一定意義的。

 當我們在卡片上添加圖片時,記得問問自己,這張圖片是必要的嗎?這真的能夠幫助用戶更好的獲取想要的信息嗎?或者說它反而會造成視覺上的干擾?最好的解決方法就是實事求是,先確定每張卡片上圖片的真正需求,然后根據(jù)網站的整體布局探索一下卡片的最佳排版,與此同時也要注重內容的優(yōu)先等級,思考怎樣能讓卡片的呈現(xiàn)更加平衡、更加清楚易懂。

http://www.ahjlmy.com.cn/storage/uploads/20181015/d9a507025fc01be76ca2ae38d0c96046.png


標簽: 南昌網站建設公司/南昌做網站的公司/南昌微信小程序/南昌APP開發(fā)/—斑驢互聯(lián)

分享本文
每個作品都是一次思維與靈魂的碰撞
斑驢互聯(lián)在南昌一直向著“做業(yè)內一流互聯(lián)網設計團隊”這一愿景努力,不斷提升對網站高端設計,微信公眾號/小程序開發(fā)等產品的用戶體驗
400 0791 158
主站蜘蛛池模板: 亚洲综合久久av一区二区三区 | 色就色 综合偷拍区91网 | 亚洲精品在线观看免费 | 精品一区二区三区久久 | 国产精品中文 | 国产精品免费福利 | 亚洲第一免费看片 | 中国一级黄色影片 | 性感美女一级毛片 | 久久99精品久久久久久噜噜 | 国产综合精品久久久久成人影院 | 色av性av丰满av | 偷偷操不一样的久久 | 黄色免费无码无卡大全 | 国产亚洲精品成人av久久果冻 | 黄色大片一级 | 99精品无人区乱码3区的功能 | 久久不见久久见中文字幕免费 | 高清视频一区二区三区 | 丝袜美女视频性感美女 | 午夜免费AV不卡一二三区 | 国产在线一区二区三区四区 | 一级毛片在线免费播放 | 国产一级淫片免费放大片 | 欧美午夜成人片在线观看 | 加勒比婷婷色综合久久 | 国产一二三四五 | 精品国产乱码一区二区三区a | 国产午夜福利精品一区 | 插插天天 | 国产日产精品一区二区三区四区功能 | 国产亚洲精久久久久久蜜臀 | аⅴ天堂中文在线网官网 | 欧美韩国一区二区 | 桃花久久| 放荡艳妇的疯狂呻吟中文视频 | 秋霞影院亚洲国产中文精品 | 嫩草影院久久91 | 国产免费播放一区二区 | 国产免费av在线 | 欧美爆乳精品国产一区二区三区 |