雷火电竞首页-中国电竞赛事及体育赛事平台

聯(lián)系我們 face+ 關(guān)于 服務(wù) 案例
首頁 案例 服務(wù) 關(guān)于 face+

汽車ui設(shè)計(jì)如何提升界面亮度,教你提升界面質(zhì)感的小技巧

Time: 2021-10-13

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

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

  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è)計(jì)中被大量使用。

  2、暗≠黑、亮≠白

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

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

1.png

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

  3、飽和度測試顏色和諧度

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

  我們中的許多人看到的顏色不夠飽和或不夠鮮艷,這是正常的,因?yàn)槭澜绮⒉煌昝溃伾膊煌昝馈N覀兇蟛糠秩硕紒碜杂谝粋€只使用CMYK和顏色有限制的物理世界。

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

  1、如果文本看起來很沉重,將顏色變淺

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

  2、字體越小,行高越大

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

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

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

1.jpeg

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

  4、突出最重要的因素

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

  5、為了保持一致性,請確保圖標(biāo)具有相同的視覺樣式

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

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

  通過使用顏色對比、尺寸和標(biāo)簽,確保「行為召喚」盡可能突出。如果可以的話,不要總依賴圖標(biāo),也可以使用文本標(biāo)簽,以便用戶能更好地理解。行為召喚:透過設(shè)計(jì)讓用戶想到要做某種行為,例如提示用戶去觸發(fā)按鈕、文本或圖片。

  7、為表單錯誤添加額外的視覺反饋

  填寫任何形式的表單時,在用戶剛進(jìn)行的操作旁邊及時出現(xiàn)一條錯誤反饋,是一個簡單但有用的額外視覺輔助。

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

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

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

合作咨詢

上海(總部)

上海市浦東新區(qū)郭守敬路498號22號樓
021-61057328
[email protected]

辦公地址地圖

北京

北京市東城區(qū)后永康17號A座
010-64015620
[email protected]

辦公地址地圖

成都

四川省成都市錦江區(qū)東大街牛王廟段100號
028-62790929
[email protected]

辦公地址地圖
首頁 | 案例 | 服務(wù) | 關(guān)于 | face+ | 智見

Copyright ? 2009-2022 FaceUI design. All rights reserved


滬ICP備13044459號-5

上海辦公地點(diǎn)地圖
北京辦公地點(diǎn)地圖
深圳辦公地點(diǎn)地圖
在微信中搜索faceui
或保存二維碼在微信中打開