很多時(shí)分我們?cè)谧?strong>網(wǎng)頁規(guī)劃或APP規(guī)劃的時(shí)分會(huì)用到卡片規(guī)劃。卡片通常是指那些包括一定圖片和文本信息在內(nèi)的一個(gè)長方形,作為指向更多詳細(xì)信息的一個(gè)進(jìn)口,F(xiàn)如今,在保證界面具有優(yōu)異可用性的一起,卡片式的規(guī)劃乃至成為了平衡界面美學(xué)的默許做法。由于卡片很方便的顯示出界面中的內(nèi)容由不同的元素組成的。別的,假如使用妥當(dāng),卡片能夠在一定方面提高使用程序的用戶體會(huì)。由于它們的功用特性和形狀,它們自身成為一種使用上更具直觀性的吸引人的界面元素。下面浪訊要講的是卡片規(guī)劃的三大長處:
1、摘要性的格局易于消化
你應(yīng)該現(xiàn)已知道現(xiàn)如今是一個(gè)內(nèi)容為王的年代,而卡片簡直能夠被用來包容任何形式的信息,其摘要性的信息特點(diǎn)也易于用戶快速消化。 就這一點(diǎn)而言,用戶通過卡片能夠很簡單地訪問到他們感興趣的內(nèi)容。進(jìn)而讓用戶情愿參加到對(duì)卡片的閱讀和操作中來。
卡片集包括不同類型內(nèi)容的卡片
2、可面向呼應(yīng)式的規(guī)劃
關(guān)于卡片最重要的作業(yè)是它們簡直是能夠無限變形的。卡片式的規(guī)劃在桌面電腦和移動(dòng)設(shè)備都作業(yè)良好,由于它以更易于用戶消化的方法向其出現(xiàn)內(nèi)容。正由于卡片作為一個(gè)內(nèi)容容器,能很簡單的擴(kuò)大或縮小,所以關(guān)于呼應(yīng)式的規(guī)劃來說,卡片是一個(gè)非常適宜的挑選。
最后但相同重要的一點(diǎn)是,卡片在多設(shè)備間能創(chuàng)造出一個(gè)共同獨(dú)立的美學(xué)作用,這就是為什么它能在不同的設(shè)備間如此簡單的創(chuàng)建出共同的體會(huì)的原因。
3、直觀的可操作性
卡片的動(dòng)作應(yīng)該是面向手指的。關(guān)于移動(dòng)端的使用程序來說,這是卡片之所以流行起來的一個(gè)要害原因。這些卡片跟實(shí)體的卡片依照相同的方法起作用,讓用戶感受到很舒服的體會(huì)過程。用戶不需要再去考慮終究該怎么操作卡片。 他們喜歡卡片的這種簡潔性,并能夠直觀的理解出翻閱一張卡片就是檢查更多信息,滑動(dòng)則是切換不同的卡片。
下面就怎么規(guī)劃卡片做一些額定補(bǔ)充:
在相同的布局下,卡片應(yīng)該堅(jiān)持寬度不變,但高度能夠不同。其最大高度受限于地點(diǎn)平臺(tái)中可用空間的最大高度,不過這個(gè)高度也可暫時(shí)擴(kuò)展(比如,擴(kuò)展顯示出談?wù)搮^(qū))。
卡片能夠是固定高度或可變高度
從規(guī)劃美學(xué)的角度來看,卡片應(yīng)該具有一定的圓角和暗影。由于圓角使得卡片看起來更像是一個(gè)內(nèi)容塊,而暗影則能體現(xiàn)出層級(jí)深度的作用。
這些元素在不分散用戶注意力的條件下為規(guī)劃增添了一些光榮,它們也使得卡片跟頁面間看起來有層次感。
別的,我們也能夠利用動(dòng)畫和動(dòng)態(tài)規(guī)劃。 |