歡迎來到合肥浪訊網(wǎng)絡(luò)科技有限公司官網(wǎng)
  咨詢服務(wù)熱線:400-099-8848

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

發(fā)布時(shí)間:2020-11-28 文章來源:本站  瀏覽次數(shù):2924

勘察UI規(guī)劃界,卡片式界面現(xiàn)已隨處可見了。這種運(yùn)用塊狀的規(guī)劃元素承載多種多樣的信息的美學(xué)不只時(shí)尚且重視功能。如果想要利用這種多才多藝的方法,你的卡片規(guī)劃有必要?jiǎng)e具一格。
顏色便是方法之一。優(yōu)美的顏色選用、令人振奮的顏色調(diào)配、和風(fēng)趣的結(jié)合,能發(fā)明要點(diǎn)、提高易用性,并且招引用戶深入你的規(guī)劃項(xiàng)目。
卡片式規(guī)劃根底
要運(yùn)用卡片來規(guī)劃,有許多要注意,這些卡片會(huì)杰出不同類型的數(shù)據(jù)(例如圖片、文字、按鈕、鏈接、談?wù)、或視頻),這些數(shù)據(jù)都相關(guān)到同一則信息。
這些可點(diǎn)擊的區(qū)塊,被規(guī)劃成復(fù)古校園游戲卡牌的樣式,其中一塊區(qū)域包含了某種視覺信息,還有一小塊文字或按鈕?ㄆL(fēng)格界面的長處是,用戶能很輕易領(lǐng)會(huì)它們的用法,使得它成為大量內(nèi)容或電商的抱負(fù)方案。并且,它們易于閱讀、適于分享、用途廣泛。

你還得遵從《有用的卡片式規(guī)劃徹底指南》中的這7條最佳用法:
留白。運(yùn)用滿足的鴻溝和邊距來避免凌亂。
一張卡片一件事?ㄆ芎喕愕木W(wǎng)站結(jié)構(gòu)。不要讓每張卡片過于雜亂,破壞了這層根底。
合適的圖片?ㄆ械膱D總是比較小,要確保圖片清晰、裁剪得當(dāng),適合相應(yīng)的場(chǎng)景。
簡練的字體。因?yàn)槲淖忠埠苄。喚毜淖煮w最易辨識(shí)。選用簡練優(yōu)美的字體,避免運(yùn)用裝飾性字體。
發(fā)揮創(chuàng)意。付出額定的努力讓它別具一格,運(yùn)用比如動(dòng)畫作用、視頻、圓角、或新穎的配色。
運(yùn)用敞開的柵格。標(biāo)準(zhǔn)的柵格有助于保持距離一致,一起包容各種尺度和斷點(diǎn)。
遵從菲茲規(guī)律。主張整個(gè)卡片都可以點(diǎn)擊——而不只僅是上面的文字或圖片。這使得用戶操作更輕松。
淡色與深色卡片
首先要面對(duì)的選擇,是運(yùn)用淡色仍是深色的配色。兩種各有利弊;白色或淡色的配色最遍,但深色在移動(dòng)應(yīng)用上正在變得流行。


艷麗的配色
卡片式規(guī)劃的運(yùn)用主要受Material Design的影響——好的影響。規(guī)劃風(fēng)格著重移動(dòng)端的可用性,借扁平化規(guī)劃和極簡風(fēng)格之所長,遵從一套用戶日益習(xí)氣的美學(xué)風(fēng)格和技巧。
這種風(fēng)格吸收了艷麗、高飽滿的配色,從藍(lán)色到綠色、赤色。雖然不是一定要遵從這些顏色主張,但這是個(gè)好主意。參加斗膽、明亮的配色,可以發(fā)明要點(diǎn)和順暢的體驗(yàn)。


怎么充分利用飽滿色?
用在頁頭、按鈕和舉動(dòng)指令元素上。
作為一種有意義的布景元素運(yùn)用——例如不同類型的卡片運(yùn)用不同顏色。請(qǐng)注意,即使是柔軟色和淡色也能美妙地套用這種方法。
將顏色用于主要的文字元素,提高可讀性。
用艷麗的顏色疊加在圖片上,或運(yùn)用雙色突變的技巧來引導(dǎo)用戶閱讀卡片。
用于著重的顏色
最后,斗膽的顏色選擇,是一種著重特定元素的手法。例如,五顏六色元素能打破視覺單一,促進(jìn)交互行為。


關(guān)于卡片式界面規(guī)劃有一種批評(píng)的聲響,它使各種元素看起來過于類似了——所以需要揮灑創(chuàng)意、打破成規(guī)。
總結(jié)
顏色正是讓卡片式規(guī)劃獨(dú)具一格的要素。選擇所用技巧時(shí),要考慮顏色怎么最好地與品牌相結(jié)合,并為用戶服務(wù)。
要發(fā)生最佳作用,就要帶著特定意圖運(yùn)用顏色,通過規(guī)劃招引用戶,促進(jìn)他們采取舉動(dòng)。無論是運(yùn)用淡色仍是深色,或者是艷麗顏色和流行混搭,顏色都能影響用戶關(guān)于規(guī)劃的感知和操作方法。

上一條:規(guī)劃干貨!手機(jī)網(wǎng)頁規(guī)劃咱...

下一條:怎么在網(wǎng)頁規(guī)劃中合理運(yùn)用...