2017年卡片式網(wǎng)站設(shè)計(jì)優(yōu)勢之建站流行趨勢分析
?一、什么是卡片式網(wǎng)站設(shè)計(jì)
順德網(wǎng)頁設(shè)計(jì)順的解析-顧名思義：把包含圖片或文本信息的方塊矩形作為可交互信息入口，UI呈現(xiàn)形式類似卡片的設(shè)計(jì)形態(tài)。
在傳統(tǒng)的信息集合設(shè)計(jì)中，人們往往先劃定一個(gè)內(nèi)容區(qū)域框架，再往框架內(nèi)填充內(nèi)容;而卡片設(shè)計(jì)則是以內(nèi)容為核心，框架向內(nèi)容妥協(xié)。在卡片式設(shè)計(jì)中，往往是先定好界面上應(yīng)顯示什么內(nèi)容，然后再按照內(nèi)容的呈現(xiàn)優(yōu)先級(jí)進(jìn)行排序，或者交由用戶進(jìn)行排序。
二、卡片設(shè)計(jì)有什么好處
(1)卡片具有良好的隱喻效果
現(xiàn)實(shí)生活中有各種各樣的卡片形態(tài)不斷教育著我們對(duì)卡片的認(rèn)知，這些卡片是信息的集合。當(dāng)卡片被應(yīng)用于成電子產(chǎn)品的交互模型中時(shí)，卡片也代表著某一類的信息，并且可以點(diǎn)，有一定的交互預(yù)期。卡片是直接、言簡意賅的信息表達(dá)。
(2)卡片設(shè)計(jì)有利于自適應(yīng)布局設(shè)計(jì)
對(duì)于多平臺(tái)，多分辨率設(shè)備兼容，卡片式設(shè)計(jì)有不可比擬的優(yōu)勢。它將網(wǎng)站/App徹底的分解，將它們模塊化，分解成一個(gè)個(gè)無法再解耦的部分。這些不可解耦的部分為元內(nèi)容，比如微信的圖文消息，文章的標(biāo)題、縮略圖和摘要出現(xiàn)時(shí)都是一個(gè)整體，不可分割。再次說明 卡片設(shè)計(jì)是以內(nèi)容為核心，框架向內(nèi)容妥協(xié)的設(shè)計(jì)。
卡片作為一個(gè)內(nèi)容容器，能很容易的放大或縮小，所以對(duì)于響應(yīng)式的設(shè)計(jì)來說，卡片是一個(gè)非常合適的選擇。
(3)美
整齊劃一的幾何之美，看著就讓人覺得賞心悅目。
三、避免使用卡片設(shè)計(jì)的場合
(1)寬屏幕，多柵格系統(tǒng)(列數(shù)非常多)界面
卡片式的信息展現(xiàn)形式在App上的展示效果非常不錯(cuò)，在PC 大屏上的話單就其視覺效果來講也還可以，比如一度很流行的寬屏瀑布流，但一旦列數(shù)到了一定到程度時(shí)，用戶的瀏覽是需要大范圍掃視、接收大量相關(guān)性的信息然后再過濾篩選時(shí)，強(qiáng)行使用卡片式設(shè)計(jì)會(huì)讓用戶的使用效率降低，給用戶帶來信息獲取障礙。
(2)卡片內(nèi)容過大(過長)的界面
在移動(dòng)終端，卡片式設(shè)計(jì)對(duì)頁面空間的消耗非常大，元內(nèi)容之間的界限非常明顯。如果卡片內(nèi)容多長則容易導(dǎo)致一屏呈現(xiàn)的信息量很小。在這樣的頁面中強(qiáng)行使用卡片式設(shè)計(jì)，也就違背了卡片式設(shè)計(jì)信息集中、極簡設(shè)計(jì)的原則了。
四、順德網(wǎng)站建設(shè)公司總結(jié)
總而言之，需要對(duì)不同的信息進(jìn)行整合，提高用戶信息獲取速度，減少用戶思考時(shí)間時(shí)，卡片式設(shè)計(jì)是一個(gè)不錯(cuò)的選擇。但設(shè)計(jì)是為了解決問題，如果因?yàn)樵O(shè)計(jì)而設(shè)計(jì)，強(qiáng)行使用卡片式，可能會(huì)得到相反的效果。
網(wǎng)站設(shè)計(jì)找“順的網(wǎng)絡(luò)”，專業(yè)的一線網(wǎng)站設(shè)計(jì)品牌網(wǎng)站!10年專業(yè)網(wǎng)站設(shè)計(jì)經(jīng)驗(yàn)，資深設(shè)計(jì)團(tuán)隊(duì)，為您量身設(shè)計(jì)，我們拒絕模板，只做定制網(wǎng)站設(shè)計(jì)!一站式服務(wù)值得信賴，服務(wù)熱線:0757-26169632
