千鋒教育-做有情懷、有良心、有品質(zhì)的職業(yè)教育機(jī)構(gòu)

手機(jī)站
千鋒教育

千鋒學(xué)習(xí)站 | 隨時(shí)隨地免費(fèi)學(xué)

千鋒教育

掃一掃進(jìn)入千鋒手機(jī)站

領(lǐng)取全套視頻
千鋒教育

關(guān)注千鋒學(xué)習(xí)站小程序
隨時(shí)隨地免費(fèi)學(xué)習(xí)課程

當(dāng)前位置:首頁(yè)  >  技術(shù)干貨  > UI設(shè)計(jì)培訓(xùn)技術(shù)分享:配色秘籍

UI設(shè)計(jì)培訓(xùn)技術(shù)分享:配色秘籍

來(lái)源:千鋒教育
發(fā)布人:qyf
時(shí)間: 2021-09-07 18:10:00 1631009400

  設(shè)計(jì)中顏色的使用是一個(gè)非常值得關(guān)注的問(wèn)題,同樣的構(gòu)圖、版式,但是不同的顏色搭配給人的感覺(jué)就完全不一樣,色彩的冷暖,明暗變化琳瑯滿目,表達(dá)不同的氛圍與情緒,對(duì)于新手設(shè)計(jì)來(lái)講,配色是個(gè)不容小覷的問(wèn)題,可以給大家介紹一套行之有效的基礎(chǔ)配色秘籍,掌握本秘籍,保證新手設(shè)計(jì)師可以掌握配色的基本武功,然后勤加練習(xí),多加思考,就可以成長(zhǎng)為武林高手了。

77

  武林秘籍第一步,根據(jù)設(shè)計(jì)需求選擇一個(gè)主色,這個(gè)主色的選擇可以是公司的主色,公司規(guī)定了必須用這個(gè)顏色進(jìn)行設(shè)計(jì),或者產(chǎn)品類(lèi)型,比如清潔類(lèi)的產(chǎn)品,一般選擇藍(lán)色或綠色作為主色;想要表達(dá)的理念,對(duì)產(chǎn)品理念的定義選擇相應(yīng)的顏色作為主色。

  武林秘籍第二步,打開(kāi)一個(gè)網(wǎng)絡(luò)上無(wú)需費(fèi)力就可以找到的配色網(wǎng)站,或者可以在平時(shí)設(shè)計(jì)軟件上面找。

  最后一步秘籍就是運(yùn)用色彩,根據(jù)配色網(wǎng)站搭配出來(lái)的色彩運(yùn)用到設(shè)計(jì)作品中,那么該如何使用這些色彩呢,這又要分為以下幾個(gè)步驟:

  1、對(duì)于幾種顏色進(jìn)行層級(jí)劃分,主色是使用時(shí)占比例較大的顏色,顏色運(yùn)用比例在50%-70%作用,選擇輔助色,輔助色所占的使用比例大概在30%-50%左右的比重,最后就是點(diǎn)綴色,點(diǎn)綴色所占的比重大概占10%左右的比例。這一步是定義顏色屬性-主色/輔助色/點(diǎn)綴色。

  2、選擇設(shè)計(jì)圖中最大的區(qū)域,填上主色,選擇比重其次的顏色,填上輔助色,最后是點(diǎn)綴色的運(yùn)用在比較小的區(qū)域。這一步就是填色。

  3、在設(shè)計(jì)稿上填寫(xiě)好了顏色之后,觀察整張?jiān)O(shè)計(jì)稿,如果覺(jué)得整體主色區(qū)域比較單調(diào),可以在主色上使用同色漸變,或者添加一些基礎(chǔ)幾何形狀(方形、圓形、三角形)等以不同的大小添加在主色區(qū)域,這些基礎(chǔ)幾何形狀的顏色可以選擇輔助色。然后點(diǎn)綴色區(qū)域比較無(wú)層次的話,可以在點(diǎn)綴色區(qū)域使用白色,灰色,黑色等無(wú)色彩的顏色作為輔助使用。

  4、最后就是對(duì)整張?jiān)O(shè)計(jì)稿進(jìn)行細(xì)化,使主色區(qū)域有層次,輔助色區(qū)域飽滿,點(diǎn)綴色的使用可以烘托氣氛的作用。

  配色秘籍拿到手,一定要多加練習(xí),多加使用,多多思考,總結(jié)適合自己的配色手法,才能融會(huì)貫通,所向披靡。

tags:
聲明:本站稿件版權(quán)均屬千鋒教育所有,未經(jīng)許可不得擅自轉(zhuǎn)載。
10年以上業(yè)內(nèi)強(qiáng)師集結(jié),手把手帶你蛻變精英
請(qǐng)您保持通訊暢通,專(zhuān)屬學(xué)習(xí)老師24小時(shí)內(nèi)將與您1V1溝通
免費(fèi)領(lǐng)取
今日已有369人領(lǐng)取成功
劉同學(xué) 138****2860 剛剛成功領(lǐng)取
王同學(xué) 131****2015 剛剛成功領(lǐng)取
張同學(xué) 133****4652 剛剛成功領(lǐng)取
李同學(xué) 135****8607 剛剛成功領(lǐng)取
楊同學(xué) 132****5667 剛剛成功領(lǐng)取
岳同學(xué) 134****6652 剛剛成功領(lǐng)取
梁同學(xué) 157****2950 剛剛成功領(lǐng)取
劉同學(xué) 189****1015 剛剛成功領(lǐng)取
張同學(xué) 155****4678 剛剛成功領(lǐng)取
鄒同學(xué) 139****2907 剛剛成功領(lǐng)取
董同學(xué) 138****2867 剛剛成功領(lǐng)取
周同學(xué) 136****3602 剛剛成功領(lǐng)取
相關(guān)推薦HOT
有什么工具能進(jìn)行服務(wù)器性能監(jiān)控?

一、NagiosNagios是一款廣泛使用的開(kāi)源監(jiān)控工具,用于監(jiān)控服務(wù)器、網(wǎng)絡(luò)設(shè)備和應(yīng)用程序的狀態(tài)和性能。它支持對(duì)各種指標(biāo)的監(jiān)控,如CPU使用率、內(nèi)...詳情>>

2023-10-14 00:12:36
應(yīng)用服務(wù)器與Web服務(wù)器有什么區(qū)別?

一、功能定位不同應(yīng)用服務(wù)器是一種軟件平臺(tái),用于提供各種應(yīng)用程序的運(yùn)行環(huán)境。它負(fù)責(zé)管理和執(zhí)行應(yīng)用程序的邏輯,處理數(shù)據(jù)傳輸和事務(wù)管理等任務(wù)...詳情>>

2023-10-14 00:05:39
番茄工作法的優(yōu)點(diǎn)和缺陷都有哪些?

一、番茄工作法概述番茄工作法是一種時(shí)間管理技術(shù),旨在提高工作效率和集中注意力。該方法由弗朗西斯科·西里洛于1980年代開(kāi)發(fā),并逐漸流行起來(lái)...詳情>>

2023-10-14 00:00:49
PHP數(shù)組具的特性有哪些?

一、有序集合PHP數(shù)組是一個(gè)有序的數(shù)據(jù)集合,它可以存儲(chǔ)多個(gè)值,并使用索引來(lái)訪問(wèn)這些值。索引可以是數(shù)字或字符串,允許你以靈活的方式組織和訪...詳情>>

2023-10-13 23:46:55
C語(yǔ)言中定義與聲明的含義是什么?

一、定義的含義在C語(yǔ)言中,定義是指為變量、函數(shù)或類(lèi)型分配存儲(chǔ)空間并指定其屬性和初始值的過(guò)程。定義的主要含義如下:分配存儲(chǔ)空間:定義一個(gè)...詳情>>

2023-10-13 23:32:41
快速通道