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

手機站
千鋒教育

千鋒學習站 | 隨時隨地免費學

千鋒教育

掃一掃進入千鋒手機站

領取全套視頻
千鋒教育

關注千鋒學習站小程序
隨時隨地免費學習課程

當前位置:首頁  >  技術干貨  > UI設計培訓技術分享:配色秘籍

UI設計培訓技術分享:配色秘籍

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

  設計中顏色的使用是一個非常值得關注的問題,同樣的構圖、版式,但是不同的顏色搭配給人的感覺就完全不一樣,色彩的冷暖,明暗變化琳瑯滿目,表達不同的氛圍與情緒,對于新手設計來講,配色是個不容小覷的問題,可以給大家介紹一套行之有效的基礎配色秘籍,掌握本秘籍,保證新手設計師可以掌握配色的基本武功,然后勤加練習,多加思考,就可以成長為武林高手了。

77

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

  武林秘籍第二步,打開一個網(wǎng)絡上無需費力就可以找到的配色網(wǎng)站,或者可以在平時設計軟件上面找。

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

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

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

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

  4、最后就是對整張設計稿進行細化,使主色區(qū)域有層次,輔助色區(qū)域飽滿,點綴色的使用可以烘托氣氛的作用。

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

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

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

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

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

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

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

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

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

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

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

2023-10-13 23:32:41