歡迎來到培訓(xùn)無憂網(wǎng)!

全國切換

咨詢熱線 400-001-5729

位置:培訓(xùn)無憂網(wǎng) > 新聞資訊 > 電腦/IT > UI設(shè)計 >  UI色彩搭配技巧有哪些

UI色彩搭配技巧有哪些

來源:培訓(xùn)無憂網(wǎng) 發(fā)布人:裴裴

2022-12-03 16:43:20|已瀏覽:144次

UI色彩搭配技巧

UI色彩搭配技巧

UI色彩搭配技巧有哪些?色彩的搭配一向是UI界面設(shè)計的一難題所在,平衡的色彩運用可以更滿足用戶的視覺需求,這樣的色彩設(shè)計更容易帶給用戶一種親切感,并給用戶留下更為愉悅跟舒服的美感。那么,色彩要如何...

色彩平衡

一、深色和淺色的平衡

淺色的色彩會讓APP界面顯得柔和輕盈,不足之處是會顯得不夠穩(wěn)定。而深色的色彩顯得厚重高級,但是容易給人一種沉悶的感覺。所以,比較好在UI界面進(jìn)行色彩設(shè)計的時候,當(dāng)主色彩是淺色的情況下,適當(dāng)補充些深色,可以讓畫面更為平衡。

二、冷色和暖色的平衡

冷暖色的區(qū)分是人類在大自然生活總結(jié)出來的顏色規(guī)律,通過聯(lián)想將顏色與具體事物連接在一起,再由事物給人的感覺去區(qū)分冷暖。冷暖色是自然平衡的規(guī)律,可以在設(shè)計中大量使用,這樣的配色會使作品非常的出彩,不顯單調(diào)。

UI色彩搭配技巧UI中色彩設(shè)計原則:

一、色彩的大小位置

大塊的色彩在烘托氣氛跟主題方面較為穩(wěn)定,而小塊的色彩則常用于點綴,起到豐富畫面的作用。另外,色彩的搭配需要統(tǒng)一顏色,在不同的UI界面框架中統(tǒng)一招聘色,從而給用戶一種非常統(tǒng)一的印象,讓用戶一目了然,記憶深刻。

二、相似中找呼應(yīng)色彩

需要先定義色彩的基調(diào),找到主要的色彩。在設(shè)計中采用單一顏色進(jìn)行設(shè)計,使用大小關(guān)系區(qū)分功能的主次關(guān)系,雖然時間較為平衡但顯得比較單調(diào)。

然后在主要功能上使用補色對比,以此讓用戶聚焦在主要功能上。另外記住不要采用過多色彩,會使得界面沒有秩序性,給用戶一種混亂感。

一些色彩搭配原理供沒有美術(shù)基礎(chǔ)的同學(xué):

原色 色盤上廷伸長的幾段表示出了三種原色----紅 黃藍(lán)。它們之所以稱為原色。是為其他的顏色都可以通過這三種顏色的組合而成。

第二色(間色) 將任何倆種原色混合起來,你就可以得到間接色:橙(紅加黃) 紫(紅加藍(lán)) 綠(藍(lán)加)

第三色(混合色)色盤上另外6種顏色稱為混合色。它們是原色和一種臨近的間接色混合色

而成的:桔黃(加橙) 青(黃加綠) 深綠(綠加藍(lán))絳(紅加橙)。

顏色三要素:色相,以區(qū)別各種顏色,如紅,綠 藍(lán)等;彩度,以示色彩深淺;明度,以示彩色明暗。

當(dāng)不同的色彩搭配在一起時,色相 彩度明度作用會使色彩的效果產(chǎn)生變化。倆種或者多種淺顏色配在一起不會產(chǎn)生對比效果:同樣多種深顏色合在一起效果也不吸引人。但是,當(dāng)一種淺顏色和一種深顏色混合在一起是,就會使淺色顯的更淺,深色顯的更深。白色是所有中淺的,然后灰度逐漸由淺到深,后變成黑色?拷咨念伾谏顪\上稱為淡色,而靠近黑色的顏色則稱為陰影。

明度也有同樣的作用。如果在色彩陰暗的地毯上放一張色彩明亮的椅子,就會使椅子顯的更明亮突出形成一個亮點。相對地,如果房間的背景是色彩較亮的地毯窗簾等,幾件色彩暗的家具就會沉到背景當(dāng)中去。

相對的或者相反的顏色可以互相襯托。紅和綠在一起會使紅色更紅,而綠色顯的更黃,紅和紫可以產(chǎn)生腥紅的色調(diào)。

使色彩搭配的效果好,有許多方式。相關(guān)的色系,如紅紫和藍(lán)在一起,可以產(chǎn)生非常令人愉快的效果。相對的顏色,如藍(lán)和橙也可以配在一起,產(chǎn)生更強烈的效果。

      注:尊重原創(chuàng)文章,轉(zhuǎn)載請注明出處和鏈接 http://elsolbar.com/news-id-72915.html 違者必究!部分文章來源于網(wǎng)絡(luò)由培訓(xùn)無憂網(wǎng)編輯部人員整理發(fā)布,內(nèi)容真實性請自行核實或聯(lián)系我們,了解更多相關(guān)資訊請關(guān)注UI設(shè)計頻道查看更多,了解相關(guān)專業(yè)課程信息您可在線咨詢也可免費申請試課。關(guān)注官方微信了解更多:150 3333 6050

留下你的信息,課程顧問老師會一對一幫助你規(guī)劃更適合你的專業(yè)課程!
  • 姓名:

  • 手機:

  • 地區(qū):

  • 想學(xué)什么:

  • 培訓(xùn)無憂網(wǎng)
免 費 申 請 試 聽
提交申請,《培訓(xùn)無憂網(wǎng)》課程顧問老師會一對一幫助你規(guī)劃更適合你的專業(yè)課程!