浪訊科技通知你怎么運用顏色為卡片規劃加分

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

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

Dribbble的卡片很簡略分辯、擺放、和點擊，讓人了解某個項目的詳細信息。它的規劃在淡色布景上運用了白色的卡片，每張圖片下方有個內容區域顯現作品。淡色在桌面端體現特別優異，關于眼睛很友愛。

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

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

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