網(wǎng)站設(shè)計(jì)之巧用色彩為卡片式設(shè)計(jì)加分

巧用色彩為卡片式設(shè)計(jì)加分，創(chuàng)新互聯(lián)教您：

得益于Material Design日益增長(zhǎng)的人氣，卡片式界面現(xiàn)已隨處可見(jiàn)了。這種時(shí)權(quán)且重視功用的美學(xué)，運(yùn)用塊狀的方案元素承載多種多樣的信息。假如想要運(yùn)用這種文武雙全的辦法，你的卡片方案有必要匠心獨(dú)運(yùn)。

色彩即是辦法之一。漂亮的色彩選用、令人振奮的色彩分配、和幽默的聯(lián)系，能創(chuàng)造關(guān)鍵、進(jìn)步易用性，并且吸引用戶(hù)深化你的方案項(xiàng)目。

卡片式方案基礎(chǔ)

要運(yùn)用卡片來(lái)方案，有許多要注意，這些卡片會(huì)出色不一樣類(lèi)型的數(shù)據(jù)(例如圖畫(huà)、文字、按鈕、銜接、議論、或視頻)，這些數(shù)據(jù)都相關(guān)到同一則信息。

這些可點(diǎn)擊的區(qū)塊，被方案成復(fù)古校園游戲卡牌的款式，其間一塊區(qū)域包含了某種視覺(jué)信息，還有一小塊文字或按鈕。卡片特性界面的優(yōu)點(diǎn)是，用戶(hù)能很容易領(lǐng)會(huì)它們的用法，使得它成為很多內(nèi)容或電商的志向方案。并且，它們易于閱覽、適于同享、用途廣泛。

要初步運(yùn)用卡片方案，能夠從學(xué)習(xí)卡片方案的基礎(chǔ)初步，

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

留白。運(yùn)用滿(mǎn)足的間隔和邊距來(lái)避免雜亂。

一張卡片一件事?？ㄆ芎?jiǎn)化你的網(wǎng)站結(jié)構(gòu)。不要讓每張卡片過(guò)于雜亂，破壞了這層基礎(chǔ)。

適宜的圖畫(huà)。卡片中的圖老是比較小，要確保圖畫(huà)清楚、裁剪穩(wěn)當(dāng)，適宜相應(yīng)的場(chǎng)景。

簡(jiǎn)練的字體。因?yàn)槲淖忠埠苄?，?jiǎn)練的字體最易辨識(shí)。選用簡(jiǎn)練漂亮的字體，避免運(yùn)用裝飾性字體。

表現(xiàn)構(gòu)思。支付額外的極力讓它匠心獨(dú)運(yùn)，運(yùn)用比方動(dòng)畫(huà)效果、視頻、圓角、或新穎的配色。

運(yùn)用打開(kāi)的柵格。標(biāo)準(zhǔn)的柵格有助于堅(jiān)持間隔一同，一同包容各種標(biāo)準(zhǔn)和斷點(diǎn)。

遵照菲茲規(guī)則。

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

Dribbble的卡片很簡(jiǎn)略分辯、擺放、和點(diǎn)擊，讓人了解某個(gè)項(xiàng)目的詳細(xì)信息。它的方案在淡色布景上運(yùn)用了白色的卡片，每張圖畫(huà)下方有個(gè)內(nèi)容區(qū)域閃現(xiàn)著作。淡色在桌面端表現(xiàn)特別優(yōu)良，對(duì)于雙眼很和睦。

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

美麗的配色

卡片式方案的運(yùn)用首要受Material Design的影響——好的影響。方案特性側(cè)重移動(dòng)端的可用性，借扁平化方案和極簡(jiǎn)特性之所長(zhǎng)，遵照一套用戶(hù)日益習(xí)氣的美學(xué)特性和訣竅。

這種特性吸收了美麗、高豐滿(mǎn)的配色，從藍(lán)色到綠色、赤色。雖然不是一定要遵照這些色彩建議，但這是個(gè)好主意。參加大膽、明亮的配色，能夠創(chuàng)造關(guān)鍵和順暢的領(lǐng)會(huì)。

怎樣充分運(yùn)用豐滿(mǎn)色?

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

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

將色彩用于首要的文字元素，進(jìn)步可讀性。

用美麗的色彩疊加在圖畫(huà)上，或運(yùn)用雙色驟變的訣竅來(lái)引導(dǎo)用戶(hù)閱覽卡片。

用于側(cè)重的色彩

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

The Mayors Challenge的方案充分運(yùn)用了material design的概念，卻沒(méi)有做出Google產(chǎn)品的感觸。色彩美麗而明亮，一同卡片在某種程度上卻非常簡(jiǎn)略和“不明確”。圖標(biāo)、文字和銜接中都有美麗色彩，所有這些暗示，都在引導(dǎo)用戶(hù)在網(wǎng)站上進(jìn)行操作。

對(duì)于卡片式界面方案有一種批評(píng)的動(dòng)靜，它使各種元素看起來(lái)過(guò)于相似了——所以需要揮灑構(gòu)思、打破陳規(guī)。

總結(jié)

色彩恰是讓卡片式網(wǎng)站設(shè)計(jì)方案獨(dú)具一格的要素。選擇所用訣竅時(shí)，要思考色彩怎樣好地與品牌相聯(lián)系，并為用戶(hù)服務(wù)。

要發(fā)作好效果，就要帶著特定目的運(yùn)用色彩，通過(guò)方案吸引用戶(hù)，推進(jìn)他們采納行為。無(wú)論是運(yùn)用淡色仍是深色，或者是美麗色彩和盛行混搭，色彩都能影響用戶(hù)對(duì)于方案的感知和操作辦法。

網(wǎng)站題目：網(wǎng)站設(shè)計(jì)之巧用色彩為卡片式設(shè)計(jì)加分
當(dāng)前URL：http://muchs.cn/news/170019.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專(zhuān)注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營(yíng)銷(xiāo)seo公司；服務(wù)項(xiàng)目有網(wǎng)站設(shè)計(jì)等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)