歡迎來到培訓(xùn)無憂網(wǎng)!
咨詢熱線 400-001-5729
2022-12-03 16:43:20|已瀏覽:115次
UI色彩搭配技巧
UI色彩搭配技巧有哪些?色彩的搭配一向是UI界面設(shè)計的一難題所在,平衡的色彩運(yùn)用可以更滿足用戶的視覺需求,這樣的色彩設(shè)計更容易帶給用戶一種親切感,并給用戶留下更為愉悅跟舒服的美感。那么,色彩要如何...
色彩平衡
一、深色和淺色的平衡
淺色的色彩會讓APP界面顯得柔和輕盈,不足之處是會顯得不夠穩(wěn)定。而深色的色彩顯得厚重高級,但是容易給人一種沉悶的感覺。所以,比較好在UI界面進(jìn)行色彩設(shè)計的時候,當(dāng)主色彩是淺色的情況下,適當(dāng)補(bǔ)充些深色,可以讓畫面更為平衡。
二、冷色和暖色的平衡
冷暖色的區(qū)分是人類在大自然生活總結(jié)出來的顏色規(guī)律,通過聯(lián)想將顏色與具體事物連接在一起,再由事物給人的感覺去區(qū)分冷暖。冷暖色是自然平衡的規(guī)律,可以在設(shè)計中大量使用,這樣的配色會使作品非常的出彩,不顯單調(diào)。
UI色彩搭配技巧UI中色彩設(shè)計原則:
一、色彩的大小位置
大塊的色彩在烘托氣氛跟主題方面較為穩(wěn)定,而小塊的色彩則常用于點(diǎn)綴,起到豐富畫面的作用。另外,色彩的搭配需要統(tǒng)一顏色,在不同的UI界面框架中統(tǒng)一招聘色,從而給用戶一種非常統(tǒng)一的印象,讓用戶一目了然,記憶深刻。
二、相似中找呼應(yīng)色彩
需要先定義色彩的基調(diào),找到主要的色彩。在設(shè)計中采用單一顏色進(jìn)行設(shè)計,使用大小關(guān)系區(qū)分功能的主次關(guān)系,雖然時間較為平衡但顯得比較單調(diào)。
然后在主要功能上使用補(bǔ)色對比,以此讓用戶聚焦在主要功能上。另外記住不要采用過多色彩,會使得界面沒有秩序性,給用戶一種混亂感。
一些色彩搭配原理供沒有美術(shù)基礎(chǔ)的同學(xué):
原色 色盤上廷伸長的幾段表示出了三種原色----紅 黃藍(lán)。它們之所以稱為原色。是為其他的顏色都可以通過這三種顏色的組合而成。
第二色(間色) 將任何倆種原色混合起來,你就可以得到間接色:橙(紅加黃) 紫(紅加藍(lán)) 綠(藍(lán)加)
第三色(混合色)色盤上另外6種顏色稱為混合色。它們是原色和一種臨近的間接色混合色
而成的:桔黃(加橙) 青(黃加綠) 深綠(綠加藍(lán))絳(紅加橙)。
顏色三要素:色相,以區(qū)別各種顏色,如紅,綠 藍(lán)等;彩度,以示色彩深淺;明度,以示彩色明暗。
當(dāng)不同的色彩搭配在一起時,色相 彩度明度作用會使色彩的效果產(chǎn)生變化。倆種或者多種淺顏色配在一起不會產(chǎn)生對比效果:同樣多種深顏色合在一起效果也不吸引人。但是,當(dāng)一種淺顏色和一種深顏色混合在一起是,就會使淺色顯的更淺,深色顯的更深。白色是所有中淺的,然后灰度逐漸由淺到深,后變成黑色。靠近白色的顏色在深淺上稱為淡色,而靠近黑色的顏色則稱為陰影。
明度也有同樣的作用。如果在色彩陰暗的地毯上放一張色彩明亮的椅子,就會使椅子顯的更明亮突出形成一個亮點(diǎn)。相對地,如果房間的背景是色彩較亮的地毯窗簾等,幾件色彩暗的家具就會沉到背景當(dāng)中去。
相對的或者相反的顏色可以互相襯托。紅和綠在一起會使紅色更紅,而綠色顯的更黃,紅和紫可以產(chǎn)生腥紅的色調(diào)。
使色彩搭配的效果好,有許多方式。相關(guān)的色系,如紅紫和藍(lán)在一起,可以產(chǎn)生非常令人愉快的效果。相對的顏色,如藍(lán)和橙也可以配在一起,產(chǎn)生更強(qiáng)烈的效果。
注:尊重原創(chuàng)文章,轉(zhuǎn)載請注明出處和鏈接 http://m.dedgn.cn/news-id-72915.html 違者必究!部分文章來源于網(wǎng)絡(luò)由培訓(xùn)無憂網(wǎng)編輯部人員整理發(fā)布,內(nèi)容真實(shí)性請自行核實(shí)或聯(lián)系我們,了解更多相關(guān)資訊請關(guān)注UI設(shè)計頻道查看更多,了解相關(guān)專業(yè)課程信息您可在線咨詢也可免費(fèi)申請試課。關(guān)注官方微信了解更多:150 3333 6050