巧用色彩為卡片式設計加分，創新互聯教您：

得益于Material Design日益增長的人氣，卡片式界面現已隨處可見了。這種時權且重視功用的美學，運用塊狀的方案元素承載多種多樣的信息。假如想要運用這種文武雙全的辦法，你的卡片方案有必要匠心獨運。

色彩即是辦法之一。漂亮的色彩選用、令人振奮的色彩分配、和幽默的聯系，能創造關鍵、進步易用性，并且吸引用戶深化你的方案項目。

卡片式方案基礎

要運用卡片來方案，有許多要注意，這些卡片會出色不一樣類型的數據(例如圖畫、文字、按鈕、銜接、議論、或視頻)，這些數據都相關到同一則信息。

這些可點擊的區塊，被方案成復古校園游戲卡牌的款式，其間一塊區域包含了某種視覺信息，還有一小塊文字或按鈕。卡片特性界面的優點是，用戶能很容易領會它們的用法，使得它成為很多內容或電商的志向方案。并且，它們易于閱覽、適于同享、用途廣泛。

要初步運用卡片方案，能夠從學習卡片方案的基礎初步，

你還得遵照這7條好用法：

留白。運用滿足的間隔和邊距來避免雜亂。

一張卡片一件事。卡片能簡化你的網站結構。不要讓每張卡片過于雜亂，破壞了這層基礎。

適宜的圖畫。卡片中的圖老是比較小，要確保圖畫清楚、裁剪穩當，適宜相應的場景。

簡練的字體。因為文字也很小，簡練的字體最易辨識。選用簡練漂亮的字體，避免運用裝飾性字體。

表現構思。支付額外的極力讓它匠心獨運，運用比方動畫效果、視頻、圓角、或新穎的配色。

運用打開的柵格。標準的柵格有助于堅持間隔一同，一同包容各種標準和斷點。

遵照菲茲規則。

首先要面臨的選擇，是運用淡色仍是深色的配色。兩種各有利弊;白色或淡色的配色最遍及，但深色在移動應用上正在變得盛行。

Dribbble的卡片很簡略分辯、擺放、和點擊，讓人了解某個項目的詳細信息。它的方案在淡色布景上運用了白色的卡片，每張圖畫下方有個內容區域閃現著作。淡色在桌面端表現特別優良，對于雙眼很和睦。

SB Joinery則選用了深色的配色——在深色布景上運用反白文字——并在圖畫上疊加了色彩，讓視覺重心停留在文字和鬼魂按鈕上。彈出菜單一樣運用了深色主題。得益于粗字體和高對比度的色彩，深色特性的卡片易讀性強，極點有用。

美麗的配色

卡片式方案的運用首要受Material Design的影響——好的影響。方案特性側重移動端的可用性，借扁平化方案和極簡特性之所長，遵照一套用戶日益習氣的美學特性和訣竅。

這種特性吸收了美麗、高豐滿的配色，從藍色到綠色、赤色。雖然不是一定要遵照這些色彩建議，但這是個好主意。參加大膽、明亮的配色，能夠創造關鍵和順暢的領會。

怎樣充分運用豐滿色?

用在頁頭、按鈕和行為指令元素上。

作為一種有意義的布景元素運用——例如不一樣類型的卡片運用不一樣色彩。(就像Helbak.的事例)請注意，即使是柔軟色和淡色也能美好地套用這種辦法。

將色彩用于首要的文字元素，進步可讀性。

用美麗的色彩疊加在圖畫上，或運用雙色驟變的訣竅來引導用戶閱覽卡片。

用于側重的色彩

終究，大膽的色彩選擇，是一種側重特定元素的手法。例如，五顏六色元素能打破視覺單一，推進交互做法。

The Mayors Challenge的方案充分運用了material design的概念，卻沒有做出Google產品的感觸。色彩美麗而明亮，一同卡片在某種程度上卻非常簡略和“不明確”。圖標、文字和銜接中都有美麗色彩，所有這些暗示，都在引導用戶在網站上進行操作。

對于卡片式界面方案有一種批評的動靜，它使各種元素看起來過于相似了——所以需要揮灑構思、打破陳規。

總結

色彩恰是讓卡片式網站設計方案獨具一格的要素。選擇所用訣竅時，要思考色彩怎樣好地與品牌相聯系，并為用戶服務。

要發作好效果，就要帶著特定目的運用色彩，通過方案吸引用戶，推進他們采納行為。無論是運用淡色仍是深色，或者是美麗色彩和盛行混搭，色彩都能影響用戶對于方案的感知和操作辦法。

新聞標題：網站設計之巧用色彩為卡片式設計加分
分享路徑：http://m.js-pz168.com/news19/170019.html

網站建設、網絡推廣公司-創新互聯，是專注品牌與效果的網站制作，網絡營銷seo公司；服務項目有網站設計等

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯