歡迎來到合肥浪訊網(wǎng)絡(luò)科技有限公司官網(wǎng)
  咨詢服務(wù)熱線:400-099-8848

卡片規(guī)劃的三大長處你知道嗎?

發(fā)布時(shí)間:2020-12-08 文章來源:本站  瀏覽次數(shù):2888

很多時(shí)分我們在做網(wǎng)頁規(guī)劃APP規(guī)劃的時(shí)分會用到卡片規(guī)劃?ㄆǔJ侵改切┌囟▓D片和文本信息在內(nèi)的一個(gè)長方形,作為指向更多詳細(xì)信息的一個(gè)進(jìn)口,F(xiàn)如今,在確保界面具有優(yōu)秀可用性的同時(shí),卡片式的規(guī)劃乃至成為了平衡界面美學(xué)的默許做法。因?yàn)榭ㄆ芊奖愕娘@示出界面中的內(nèi)容由不同的元素組成的。別的,如果使用妥當(dāng),卡片能夠在必定方面提高使用程序的用戶體會。因?yàn)樗鼈兊墓δ芴匦院托螤,它們自身成為一種使用上更具直觀性的吸引人的界面元素。下面要講的是卡片規(guī)劃的三大長處:
1、摘要性的格局易于消化
你應(yīng)該已經(jīng)知道現(xiàn)如今是一個(gè)內(nèi)容為王的年代,而卡片幾乎能夠被用來容納任何形式的信息,其摘要性的信息特點(diǎn)也易于用戶快速消化。 就這一點(diǎn)而言,用戶通過卡片能夠很簡單地訪問到他們感興趣的內(nèi)容。從而讓用戶樂意參與到對卡片的閱讀和操作中來。

卡片集包含不同類型內(nèi)容的卡片
2、可面向響應(yīng)式的規(guī)劃
關(guān)于卡片最重要的事情是它們幾乎是能夠無限變形的?ㄆ降囊(guī)劃在桌面電腦和移動設(shè)備都工作良好,因?yàn)樗愿子谟脩粝姆绞较蚱涑霈F(xiàn)內(nèi)容。正因?yàn)榭ㄆ鳛橐粋(gè)內(nèi)容容器,能很簡單的擴(kuò)大或縮小,所以關(guān)于響應(yīng)式的規(guī)劃來說,卡片是一個(gè)十分合適的挑選。 
最終但同樣重要的一點(diǎn)是,卡片在多設(shè)備間能創(chuàng)造出一個(gè)共同獨(dú)立的美學(xué)作用,這便是為什么它能在不同的設(shè)備間如此簡單的創(chuàng)建出共同的體會的原因。

3、直觀的可操作性
卡片的動作應(yīng)該是面向手指的。關(guān)于移動端的使用程序來說,這是卡片之所以流行起來的一個(gè)要害原因。這些卡片跟實(shí)體的卡片依照相同的方式起作用,讓用戶感受到很舒服的體會進(jìn)程。用戶不需要再去思考終究該怎么操作卡片。 他們喜歡卡片的這種簡潔性,并能夠直觀的理解出翻閱一張卡片便是查看更多信息,滑動則是切換不同的卡片。

下面就怎么規(guī)劃卡片做一些額外補(bǔ)充:
在相同的布局下,卡片應(yīng)該保持寬度不變,但高度能夠不同。其最大高度受限于地點(diǎn)平臺中可用空間的最大高度,不過這個(gè)高度也可臨時(shí)擴(kuò)展(比如,擴(kuò)展顯示出談?wù)搮^(qū))。

卡片能夠是固定高度或可變高度
從規(guī)劃美學(xué)的視點(diǎn)來看,卡片應(yīng)該具有必定的圓角和暗影。因?yàn)閳A角使得卡片看起來更像是一個(gè)內(nèi)容塊,而暗影則能體現(xiàn)出層級深度的作用。

這些元素在不渙散用戶注意力的前提下為規(guī)劃增添了一些光彩,它們也使得卡片跟頁面間看起來有層次感。
別的,我們也能夠利用動畫和動態(tài)規(guī)劃。

上一條:浪訊科技教你挑選優(yōu)異的配...

下一條:干貨!設(shè)計(jì)師也能夠?qū)W習(xí)的...