汽車(chē)ui設(shè)計(jì)是設(shè)計(jì)行業(yè)的新寵。很多人選擇設(shè)計(jì)都會(huì)選擇ui設(shè)計(jì)，這是當(dāng)下最熱門(mén)的一種設(shè)計(jì)，汽車(chē)ui設(shè)計(jì)跟最新的智能化、交互界面等有關(guān)。今天就讓faceui為大家介紹ui設(shè)計(jì)如何提升界面亮度，提升界面質(zhì)感的小技巧。

　　汽車(chē)ui設(shè)計(jì)如何提升界面亮度

　　1、規(guī)則 60 30 10

　　「規(guī)則 60 30 10」，這不是對(duì)超模的標(biāo)準(zhǔn)測(cè)量，而是成功組合顏色的比例。我們首先要選擇一種主色調(diào)，然后運(yùn)用到60%的空間中。再選擇一種次要色調(diào)，在30%的空間中使用，最后剩下10%的空間使用最后一種顏色。這一理論曾在室內(nèi)設(shè)計(jì)中被大量使用。

　　2、暗≠黑、亮≠白

　　當(dāng)我們使用顏色來(lái)表達(dá)明暗時(shí)，有一個(gè)很普遍的錯(cuò)誤，那就是使用不透明度的黑色表達(dá)陰影，不透明度的白色來(lái)表達(dá)光亮。但如果我們借鑒一下現(xiàn)實(shí)生活，會(huì)發(fā)現(xiàn)黑暗總是有一些基調(diào)的。

　　黑暗從來(lái)都不是黑色的，黑暗只是被物體明度遮蔽的色調(diào)。就如上圖中，檸檬的影子是非常深的綠色，而木板的影子是非常的深棕色，它們都不是黑色的。只有在完全沒(méi)有光線(xiàn)的情況下，才會(huì)出現(xiàn)黑色。

圖片來(lái)源于網(wǎng)絡(luò)

　　3、飽和度測(cè)試顏色和諧度

　　想要讓我們作品中的配色更加和諧，可以將色調(diào)從顏色中移除，只保留光和影，光影會(huì)給人以真實(shí)感和深度。當(dāng)只剩下灰度時(shí)，我們可以清晰的觀察到明暗之間的差異，這將有助于我們調(diào)整色彩之間的明暗程度和透明度，以搭配出更和諧的配色。

　　我們中的許多人看到的顏色不夠飽和或不夠鮮艷，這是正常的，因?yàn)槭澜绮⒉煌昝溃伾膊煌昝?。我們大部分人都?lái)自于一個(gè)只使用CMYK和顏色有限制的物理世界。

　　提升界面質(zhì)感的小技巧

　　1、如果文本看起來(lái)很沉重，將顏色變淺

　　當(dāng)涉及長(zhǎng)篇內(nèi)容時(shí)，大面積的深色粗體字會(huì)給人一種沉重感，而且很跳躍。通過(guò)選擇類(lèi)似深灰色（#4F4F4F）這樣的顏色可以很容易地解決這個(gè)問(wèn)題，使文字更容易被識(shí)別。

　　2、字體越小，行高越大

　　當(dāng)字體變小時(shí)，增大行高可以獲得更好的可讀性和易讀性。

　　3、選擇一種基礎(chǔ)色，再調(diào)整色調(diào)和顏色深淺來(lái)增加均勻性

　　設(shè)計(jì)時(shí)不必總是用多種顏色來(lái)填充設(shè)計(jì)。如果項(xiàng)目允許，只需使用固定的色板，通過(guò)選擇基礎(chǔ)色，然后調(diào)整色調(diào)和顏色深淺，利用這種簡(jiǎn)單的方式為設(shè)計(jì)增加一致性。

圖片來(lái)源于網(wǎng)絡(luò)

　　4、突出最重要的因素

　　通過(guò)結(jié)合使用字體大小、權(quán)重和顏色，可以輕松突出UI中最重要的元素。進(jìn)行簡(jiǎn)單的調(diào)整即可使用戶(hù)體驗(yàn)更好。

　　5、為了保持一致性，請(qǐng)確保圖標(biāo)具有相同的視覺(jué)樣式

　　在設(shè)計(jì)UI圖標(biāo)時(shí)，要保持一致。確保它們具有相同的視覺(jué)樣式，相同的比重、填充或輪廓。圖標(biāo)通過(guò)視覺(jué)手段為用戶(hù)提供必要的信息，所以保證功能相同的圖標(biāo)元素一致，外觀視覺(jué)一致。

　　6、始終將「行為召喚」放在屏幕上最突出的位置

　　通過(guò)使用顏色對(duì)比、尺寸和標(biāo)簽，確?！感袨檎賳尽贡M可能突出。如果可以的話(huà)，不要總依賴(lài)圖標(biāo)，也可以使用文本標(biāo)簽，以便用戶(hù)能更好地理解。行為召喚：透過(guò)設(shè)計(jì)讓用戶(hù)想到要做某種行為，例如提示用戶(hù)去觸發(fā)按鈕、文本或圖片。

　　7、為表單錯(cuò)誤添加額外的視覺(jué)反饋

　　填寫(xiě)任何形式的表單時(shí)，在用戶(hù)剛進(jìn)行的操作旁邊及時(shí)出現(xiàn)一條錯(cuò)誤反饋，是一個(gè)簡(jiǎn)單但有用的額外視覺(jué)輔助。

　　8、突出顯示菜單中最常用的操作

　　設(shè)計(jì)要在產(chǎn)品內(nèi)部使用的菜單時(shí)，請(qǐng)確保在屏幕上突出顯示最常用的操作(如上傳圖像、添加文件等)。

　　以上就是faceui為大家介紹的關(guān)于汽車(chē)ui設(shè)計(jì)如何提升界面亮度的相關(guān)內(nèi)容。大家以為ui設(shè)計(jì)很簡(jiǎn)單嗎，其實(shí)要想讓用戶(hù)感受到ui設(shè)計(jì)，細(xì)節(jié)需要花費(fèi)很多心思。