浪訊科技通知你怎么運(yùn)用顏色為卡片規(guī)劃加分

最近勘測(cè)UI規(guī)劃界，卡片式界面現(xiàn)已隨處可見(jiàn)了。這種運(yùn)用塊狀的規(guī)劃元素承載多種多樣的信息的美學(xué)不只時(shí)姑且注重功用。假如想要運(yùn)用這種文武雙全的辦法，你的卡片規(guī)劃有必要獨(dú)具匠心。
顏色就是辦法之一。美麗的顏色選用、令人振奮的顏色調(diào)配、和風(fēng)趣的結(jié)合，能發(fā)明要點(diǎn)、提高易用性，而且招引用戶深化你的規(guī)劃項(xiàng)目。
卡片式規(guī)劃根底
要運(yùn)用卡片來(lái)規(guī)劃，有許多要注意，這些卡片會(huì)杰出不同類型的數(shù)據(jù)（例如圖片、文字、按鈕、鏈接、談?wù)�、或視頻），這些數(shù)據(jù)都相關(guān)到同一則信息。
這些可點(diǎn)擊的區(qū)塊，被規(guī)劃成復(fù)古學(xué)校游戲卡牌的款式，其中一塊區(qū)域包含了某種視覺(jué)信息，還有一小塊文字或按鈕�？ㄆ�風(fēng)格界面的長(zhǎng)處是，用戶能很簡(jiǎn)略領(lǐng)會(huì)它們的用法，使得它成為很多內(nèi)容或電商的抱負(fù)方案。而且，它們易于閱讀、適于共享、用處廣泛。

你還得遵從《有效的卡片式規(guī)劃徹底攻略》中的這7條最佳用法：
留白。運(yùn)用足夠的鴻溝和邊距來(lái)防止雜亂。
一張卡片一件事�？ㄆ�能簡(jiǎn)化你的網(wǎng)站結(jié)構(gòu)。不要讓每張卡片過(guò)于雜亂，破壞了這層根底。
適宜的圖片�？ㄆ�中的圖總是比較小，要保證圖片明晰、裁剪妥當(dāng)，合適相應(yīng)的場(chǎng)景。
簡(jiǎn)練的字體。因?yàn)槲淖忠埠苄�，�?jiǎn)練的字體最易辨識(shí)。選用簡(jiǎn)練美麗的字體，防止運(yùn)用裝飾性字體。
發(fā)揮構(gòu)思。支付額定的盡力讓它獨(dú)具匠心，運(yùn)用比如動(dòng)畫作用、視頻、圓角、或新穎的配色。
運(yùn)用敞開(kāi)的柵格。規(guī)范的柵格有助于堅(jiān)持距離共同，一起容納各種尺度和斷點(diǎn)。
貫徹菲茲規(guī)律。主張整個(gè)卡片都可以點(diǎn)擊——而不只僅是上面的文字或圖片。這使得用戶操作更輕松。
淡色與深色卡片
首先要面對(duì)的挑選，是運(yùn)用淡色仍是深色的配色。兩種各有利弊；白色或淡色的配色最遍及，但深色在移動(dòng)應(yīng)用上正在變得盛行。

Dribbble的卡片很簡(jiǎn)略分辯、擺放、和點(diǎn)擊，讓人了解某個(gè)項(xiàng)目的詳細(xì)信息。它的規(guī)劃在淡色布景上運(yùn)用了白色的卡片，每張圖片下方有個(gè)內(nèi)容區(qū)域顯現(xiàn)作品。淡色在桌面端體現(xiàn)特別優(yōu)異，關(guān)于眼睛很友愛(ài)。

SB Joinery則選用了深色的配色——在深色布景上運(yùn)用反白文字——并在圖片上疊加了顏色，讓視覺(jué)重心停留在文字和鬼魂按鈕上。彈出菜單相同運(yùn)用了深色主題。得益于粗字體和高對(duì)比度的顏色，深色風(fēng)格的卡片易讀性強(qiáng)，極端實(shí)用。
艷麗的配色
卡片式規(guī)劃的運(yùn)用首要受Material Design的影響——好的影響。規(guī)劃風(fēng)格著重移動(dòng)端的可用性，借扁平化規(guī)劃和極簡(jiǎn)風(fēng)格之所長(zhǎng)，遵從一套用戶日益習(xí)氣的美學(xué)風(fēng)格和技巧。
這種風(fēng)格吸收了艷麗、高飽滿的配色，從藍(lán)色到綠色、赤色。盡管不是一定要遵從這些顏色主張，但這是個(gè)好主意。參加斗膽、亮堂的配色，可以發(fā)明要點(diǎn)和順暢的體會(huì)。

怎么充分運(yùn)用飽滿色？
用在頁(yè)頭、按鈕和舉動(dòng)指令元素上。
作為一種有意義的布景元素運(yùn)用——例如不同類型的卡片運(yùn)用不同顏色。（就像Helbak.的事例）請(qǐng)注意，即使是柔和色和淡色也能美好地套用這種方法。
將顏色用于首要的文字元素，提高可讀性。
用艷麗的顏色疊加在圖片上，或運(yùn)用雙色突變的技巧來(lái)引導(dǎo)用戶閱讀卡片。
用于著重的顏色
最終，斗膽的顏色挑選，是一種著重特定元素的手法。例如，彩色元素能打破視覺(jué)單一，促進(jìn)交互行為。

The Mayors Challenge的規(guī)劃充分運(yùn)用了material design的概念，卻沒(méi)有做出Google產(chǎn)品的感覺(jué)。顏色艷麗而亮堂，一起卡片在某種程度上卻十分簡(jiǎn)略和“不明確”。圖標(biāo)、文字和鏈接中都有艷麗顏色，所有這些暗示，都在引導(dǎo)用戶在網(wǎng)站上進(jìn)行操作。
關(guān)于卡片式界面規(guī)劃有一種批判的聲響，它使各種元素看起來(lái)過(guò)于類似了——所以需求揮灑構(gòu)思、打破成規(guī)。
總結(jié)
顏色正是讓卡片式規(guī)劃獨(dú)具一格的要素。挑選所用技巧時(shí)，要考慮顏色怎么最好地與品牌相結(jié)合，并為用戶服務(wù)。
要產(chǎn)生最佳作用，就要帶著特定目的運(yùn)用顏色，經(jīng)過(guò)規(guī)劃招引用戶，促進(jìn)他們采取舉動(dòng)。無(wú)論是運(yùn)用淡色仍是深色，或者是艷麗顏色和盛行混搭，顏色都能影響用戶關(guān)于規(guī)劃的感知和操作方法。