中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

圖片來源：Material Design.

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

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

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

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

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

（2）卡片設(shè)計有利于自適應布局設(shè)計

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

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

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

（3）美

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

三、卡片設(shè)計的一些應用場合

（1）工作流界面

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

（2）用戶瀏覽探索的界面

用戶在瀏覽尋找靈感時，言簡意賅的信息表達是對用戶時間最大的尊重。卡片式設(shè)計以內(nèi)容為核心，展示框架向內(nèi)容妥協(xié)的設(shè)計剛好滿足了用戶在瀏覽、發(fā)現(xiàn)時的信息快速獲取、理解、消化的訴求。

（3）信息模塊化界面

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

四、避免使用卡片設(shè)計的場合

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

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

（2）卡片內(nèi)容過大（過長）的界面

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

五、小結(jié)

總而言之，需要對不同的信息進行整合，提高用戶信息獲取速度，減少用戶思考時間時，卡片式設(shè)計是一個不錯的選擇。但設(shè)計是為了解決問題，如果因為設(shè)計而設(shè)計，強行使用卡片式，可能會得到相反的效果。