九色国产,午夜在线视频,新黄色网址,九九色综合,天天做夜夜做久久做狠狠,天天躁夜夜躁狠狠躁2021a,久久不卡一区二区三区

卡片式設(shè)計(jì)是一個(gè)不錯(cuò)的選擇，需要對(duì)不同的信息進(jìn)行整合，提高用戶(hù)信息獲取速度，減少用戶(hù)思考時(shí)間時(shí)，卡片式設(shè)計(jì)是一個(gè)不錯(cuò)的選擇。但設(shè)計(jì)是為了解決問(wèn)題，如果因?yàn)樵O(shè)計(jì)而設(shè)計(jì)，強(qiáng)行使用卡片式，可能會(huì)得到相反的效果。

一、卡片設(shè)計(jì)是什么

圖片來(lái)源：Material Design.

如上圖，顧名思義：把包含圖片或文本信息的方塊矩形作為可交互信息入口（如點(diǎn)擊之后進(jìn)入詳情頁(yè)或進(jìn)入某個(gè)功能模塊），UI 呈現(xiàn)形式類(lèi)似卡片的設(shè)計(jì)形態(tài)。

在傳統(tǒng)的信息集合設(shè)計(jì)中，人們往往先劃定一個(gè)內(nèi)容區(qū)域框架，再往框架內(nèi)填充內(nèi)容；而卡片設(shè)計(jì)則是以?xún)?nèi)容為核心，框架向內(nèi)容妥協(xié)。在卡片式設(shè)計(jì)中，往往是先定好界面上應(yīng)顯示什么內(nèi)容，然后再按照內(nèi)容的呈現(xiàn)優(yōu)先級(jí)進(jìn)行排序，或者交由用戶(hù)進(jìn)行排序，比如windows phone 手機(jī)：

二、卡片設(shè)計(jì)有什么好處

（1）卡片具有良好的隱喻效果

現(xiàn)實(shí)生活中有各種各樣的卡片形態(tài)不斷教育著我們對(duì)卡片的認(rèn)知（公仔面中的水滸人物卡片、商業(yè)名片、撲克牌、指示牌等）這些卡片是信息的集合。當(dāng)卡片被應(yīng)用于成電子產(chǎn)品的交互模型中時(shí)，卡片也代表著某一類(lèi)的信息，并且可以點(diǎn)，有一定的交互預(yù)期。卡片是直接、言簡(jiǎn)意賅的信息表達(dá)。

（2）卡片設(shè)計(jì)有利于自適應(yīng)布局設(shè)計(jì)

對(duì)于多平臺(tái)，多分辨率設(shè)備兼容，卡片式設(shè)計(jì)有不可比擬的優(yōu)勢(shì)。它將網(wǎng)站/App徹底的分解，將它們模塊化，分解成一個(gè)個(gè)無(wú)法再解耦的部分。這些不可解耦的部分為元內(nèi)容，比如微信的圖文消息，文章的標(biāo)題、縮略圖和摘要出現(xiàn)時(shí)都是一個(gè)整體，不可分割。再次說(shuō)明 卡片設(shè)計(jì)是以?xún)?nèi)容為核心，框架向內(nèi)容妥協(xié) 的設(shè)計(jì)。

卡片作為一個(gè)內(nèi)容容器，能很容易的放大或縮小，所以對(duì)于響應(yīng)式的設(shè)計(jì)來(lái)說(shuō)，卡片是一個(gè)非常合適的選擇。

對(duì)響應(yīng)式設(shè)計(jì)的一個(gè)實(shí)踐就是柵格系統(tǒng)，將網(wǎng)頁(yè)容器分為若干個(gè)柵格，用百分比來(lái)表示寬度而非用像素，但柵格的寬度仍是可變的。如下圖：頁(yè)面分為5個(gè)柵格，各部分的內(nèi)容可以根據(jù)不同設(shè)備的寬度按照比例進(jìn)行卡片大小的調(diào)整。

（3）美

整齊劃一的幾何之美，看著就讓人覺(jué)得賞心悅目。

三、卡片設(shè)計(jì)的一些應(yīng)用場(chǎng)合

（1）工作流界面

人們總是習(xí)慣于知道邊界，而卡片可以很容易將某個(gè)時(shí)間范圍或事件 進(jìn)行歸類(lèi)劃分，在工作流中有明確順序、狀態(tài)、邊界的信息表達(dá)中，是一種有效的應(yīng)用手段。如下圖tapd中的實(shí)現(xiàn)，將任務(wù)和需求負(fù)責(zé)人定義為元數(shù)據(jù)，打開(kāi)迭代管理，可以看到需求的流轉(zhuǎn)狀態(tài)與相關(guān)負(fù)責(zé)人，一目了然。

（2）用戶(hù)瀏覽探索的界面

用戶(hù)在瀏覽尋找靈感時(shí)，言簡(jiǎn)意賅的信息表達(dá)是對(duì)用戶(hù)時(shí)間最大的尊重?？ㄆ皆O(shè)計(jì)以?xún)?nèi)容為核心，展示框架向內(nèi)容妥協(xié)的設(shè)計(jì)剛好滿(mǎn)足了用戶(hù)在瀏覽、發(fā)現(xiàn)時(shí)的信息快速獲取、理解、消化的訴求。

（3）信息模塊化界面

對(duì)于分組集合，合理利用不同類(lèi)型的卡片比起傳統(tǒng)列表項(xiàng) + 分割線(xiàn) + 標(biāo)題的視覺(jué)效率要高太多，用戶(hù)可以在區(qū)域內(nèi)快速定位到對(duì)應(yīng)的功能集合，減少信息不明確或空間不明確給用戶(hù)帶來(lái)的干擾，減少用戶(hù)思考的時(shí)間。

四、避免使用卡片設(shè)計(jì)的場(chǎng)合

（1）寬屏幕，多柵格系統(tǒng)（列數(shù)非常多）界面

卡片式的信息展現(xiàn)形式在App上的展示效果非常不錯(cuò)，在PC 大屏上的話(huà)單就其視覺(jué)效果來(lái)講也還可以，比如一度很流行的寬屏瀑布流，但一旦列數(shù)到了一定到程度時(shí)，用戶(hù)的瀏覽是需要大范圍掃視、接收大量相關(guān)性的信息然后再過(guò)濾篩選時(shí)，強(qiáng)行使用卡片式設(shè)計(jì)會(huì)讓用戶(hù)的使用效率降低，給用戶(hù)帶來(lái)信息獲取障礙。

（2）卡片內(nèi)容過(guò)大（過(guò)長(zhǎng)）的界面

在移動(dòng)終端，卡片式設(shè)計(jì)對(duì)頁(yè)面空間的消耗非常大，元內(nèi)容之間的界限非常明顯。如果卡片內(nèi)容多長(zhǎng)則容易導(dǎo)致一屏呈現(xiàn)的信息量很小。在這樣的頁(yè)面中強(qiáng)行使用卡片式設(shè)計(jì)，也就違背了卡片式設(shè)計(jì)信息集中、極簡(jiǎn)設(shè)計(jì)的原則了。

五、小結(jié)

總而言之，需要對(duì)不同的信息進(jìn)行整合，提高用戶(hù)信息獲取速度，減少用戶(hù)思考時(shí)間時(shí)，卡片式設(shè)計(jì)是一個(gè)不錯(cuò)的選擇。但設(shè)計(jì)是為了解決問(wèn)題，如果因?yàn)樵O(shè)計(jì)而設(shè)計(jì)，強(qiáng)行使用卡片式，可能會(huì)得到相反的效果。