汽車ui設(shè)計是設(shè)計行業(yè)的新寵。很多人選擇設(shè)計都會選擇ui設(shè)計,這是當(dāng)下最熱門的一種設(shè)計,汽車ui設(shè)計跟最新的智能化、交互界面等有關(guān)。今天就讓faceui為大家介紹ui設(shè)計如何提升界面亮度,提升界面質(zhì)感的小技巧。
汽車ui設(shè)計如何提升界面亮度
1、規(guī)則 60 30 10
「規(guī)則 60 30 10」,這不是對超模的標(biāo)準(zhǔn)測量,而是成功組合顏色的比例。我們首先要選擇一種主色調(diào),然后運(yùn)用到60%的空間中。再選擇一種次要色調(diào),在30%的空間中使用,最后剩下10%的空間使用最后一種顏色。這一理論曾在室內(nèi)設(shè)計中被大量使用。
2、暗≠黑、亮≠白
當(dāng)我們使用顏色來表達(dá)明暗時,有一個很普遍的錯誤,那就是使用不透明度的黑色表達(dá)陰影,不透明度的白色來表達(dá)光亮。但如果我們借鑒一下現(xiàn)實生活,會發(fā)現(xiàn)黑暗總是有一些基調(diào)的。
黑暗從來都不是黑色的,黑暗只是被物體明度遮蔽的色調(diào)。就如上圖中,檸檬的影子是非常深的綠色,而木板的影子是非常的深棕色,它們都不是黑色的。只有在完全沒有光線的情況下,才會出現(xiàn)黑色。

圖片來源于網(wǎng)絡(luò)
3、飽和度測試顏色和諧度
想要讓我們作品中的配色更加和諧,可以將色調(diào)從顏色中移除,只保留光和影,光影會給人以真實感和深度。當(dāng)只剩下灰度時,我們可以清晰的觀察到明暗之間的差異,這將有助于我們調(diào)整色彩之間的明暗程度和透明度,以搭配出更和諧的配色。
我們中的許多人看到的顏色不夠飽和或不夠鮮艷,這是正常的,因為世界并不完美,顏色也不完美。我們大部分人都來自于一個只使用CMYK和顏色有限制的物理世界。
提升界面質(zhì)感的小技巧
1、如果文本看起來很沉重,將顏色變淺
當(dāng)涉及長篇內(nèi)容時,大面積的深色粗體字會給人一種沉重感,而且很跳躍。通過選擇類似深灰色(#4F4F4F)這樣的顏色可以很容易地解決這個問題,使文字更容易被識別。
2、字體越小,行高越大
當(dāng)字體變小時,增大行高可以獲得更好的可讀性和易讀性。
3、選擇一種基礎(chǔ)色,再調(diào)整色調(diào)和顏色深淺來增加均勻性
設(shè)計時不必總是用多種顏色來填充設(shè)計。如果項目允許,只需使用固定的色板,通過選擇基礎(chǔ)色,然后調(diào)整色調(diào)和顏色深淺,利用這種簡單的方式為設(shè)計增加一致性。

圖片來源于網(wǎng)絡(luò)
4、突出最重要的因素
通過結(jié)合使用字體大小、權(quán)重和顏色,可以輕松突出UI中最重要的元素。進(jìn)行簡單的調(diào)整即可使用戶體驗更好。
5、為了保持一致性,請確保圖標(biāo)具有相同的視覺樣式
在設(shè)計UI圖標(biāo)時,要保持一致。確保它們具有相同的視覺樣式,相同的比重、填充或輪廓。圖標(biāo)通過視覺手段為用戶提供必要的信息,所以保證功能相同的圖標(biāo)元素一致,外觀視覺一致。
6、始終將「行為召喚」放在屏幕上最突出的位置
通過使用顏色對比、尺寸和標(biāo)簽,確?!感袨檎賳尽贡M可能突出。如果可以的話,不要總依賴圖標(biāo),也可以使用文本標(biāo)簽,以便用戶能更好地理解。行為召喚:透過設(shè)計讓用戶想到要做某種行為,例如提示用戶去觸發(fā)按鈕、文本或圖片。
7、為表單錯誤添加額外的視覺反饋
填寫任何形式的表單時,在用戶剛進(jìn)行的操作旁邊及時出現(xiàn)一條錯誤反饋,是一個簡單但有用的額外視覺輔助。
8、突出顯示菜單中最常用的操作
設(shè)計要在產(chǎn)品內(nèi)部使用的菜單時,請確保在屏幕上突出顯示最常用的操作(如上傳圖像、添加文件等)。
以上就是faceui為大家介紹的關(guān)于汽車ui設(shè)計如何提升界面亮度的相關(guān)內(nèi)容。大家以為ui設(shè)計很簡單嗎,其實要想讓用戶感受到ui設(shè)計,細(xì)節(jié)需要花費(fèi)很多心思。


在微信中搜索faceui