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