欧美色图亚洲色图日韩_大香萑久久av_天天碰天天透天天摸_亚洲伊人天堂一区二区

將想法與焦點和您一起共享

卡片式設計是如何占領設計圈的?發(fā)布者:本站     時間:2020-06-20 13:06:48

正如同你所看到的,充滿魅力的卡片式設計已經(jīng)不僅僅是設計趨勢了,它早已流行開來。這種設計手法的流行很大程度上是得益于占據(jù)主流的移動端,響應式設計成為標準配置,簡約、扁平和極簡比以往任何時候都受歡迎,卡片式設計自然而然成為了大家的選擇。

使用卡片式設計的UI在加載速度和跨設備、跨屏幕兼容上有著天然的優(yōu)勢,也更加實用,更小的流量消耗無疑迎合了移動端用戶的需求。從早已投入卡片式設計的Pinterest 到主流社交媒體Facebook和Twitter,卡片式設計幾乎覆蓋了所有了主流領域的網(wǎng)站。

在今天的文章中,我們將探討一下卡片式界面模式,它到底有什么特異之處,它又是如何同響應式設計和Material Design 兼容,又有著怎樣的未來。

容器模型

為了了解這種設計模式,你首先要了解卡片作為容器本身的特性。

我們通常所說的卡片式設計中的卡片,是信息的容器,每個卡片都承載著屬于自己的內(nèi)容。卡片能承載著幾乎所有類型的內(nèi)容——多媒體、文本、鏈接,等等,而這所有的信息都經(jīng)由卡片,被收納到統(tǒng)一的主題之下。

這些承載著信息的容器將屏幕填滿,這種設計模式被稱之為“容器模型”。這樣的設計提供了更加清爽、更易于理解的界面,更貼合快速瀏覽的需求,讓用戶可以更直接地尋求他們想要的東西。而這種設計還有一個重要的優(yōu)勢,就是更符合手勢操作的需求。

實用而富有吸引力:卡片式UI模式的好處是多重的

Trello 允許用戶創(chuàng)建創(chuàng)建任意想要的卡片,團隊中每個人都能創(chuàng)建一個“待辦事項”卡片,并且按照需求來歸類。

這不僅呈現(xiàn)出卡片的靈活性,也展示了它潛藏的組織性。Trello 是成功的,它的成功是立足于卡片式設計的靈活運用,同傳統(tǒng)的事務管理方式區(qū)別了開來。

卡片式設計與移動端和響應式設計

正如上述提到的,卡片式設計和響應式框架有著良好的兼容性,Des Traynor 甚至將它稱之為“網(wǎng)絡的未來”。這種設計充分地打通了桌面端和移動端,接下來我們仔細分析一下為什么。

首先,卡片柵格系統(tǒng)能夠隨著整個框架的膨脹和收縮,以適配斷點和屏幕尺寸。設計師可以輕松而靈活地控制卡片的高寬比,從而創(chuàng)造出不同的響應模式。比如,你可有設置寬度固定,高度可變,設定卡片之間的寬度保持一致。



選擇我們,優(yōu)質(zhì)服務,不容錯過
1. 優(yōu)秀的網(wǎng)絡資源,強大的網(wǎng)站優(yōu)化技術,穩(wěn)定的網(wǎng)站和速度保證
2. 15年上海網(wǎng)站建設經(jīng)驗,優(yōu)秀的技術和設計水平,更放心
3. 全程省心服務,不必擔心自己不懂網(wǎng)絡,更省心。
------------------------------------------------------------
24小時聯(lián)系電話:021-58370032
關鍵詞標簽:上海網(wǎng)站建設 上海網(wǎng)站制作 網(wǎng)站優(yōu)化 小程序開發(fā)