旗下產(chǎn)業(yè): A產(chǎn)業(yè)/?A實(shí)習(xí)/?A計(jì)劃
全國(guó)統(tǒng)一咨詢熱線:010-5367 2995
首頁(yè) > 行業(yè)資訊 > 資深UI設(shè)計(jì)師教你HMI的設(shè)計(jì)理念

資深UI設(shè)計(jì)師教你HMI的設(shè)計(jì)理念

時(shí)間:2018-02-23來(lái)源:lb577.com點(diǎn)擊量:作者:吳冬冬
時(shí)間:2018-02-23點(diǎn)擊量:作者:吳冬冬

新的一年已經(jīng)開啟,過(guò)去的一年HMI的設(shè)計(jì)發(fā)展非常迅速,各種概念設(shè)計(jì)風(fēng)格層出不窮。今天我們就來(lái)分析下2018年的HMI 設(shè)計(jì)潮流趨勢(shì)。

 

1. 圖形化設(shè)計(jì)

運(yùn)用不同的幾何圖形作為設(shè)計(jì)元素貫穿在HMI的設(shè)計(jì)之中,通常通過(guò)簡(jiǎn)單的幾何形態(tài),如:圓形、正方形、三角形、菱形、跑道型,等打散再組合構(gòu)成新的獨(dú)特設(shè)計(jì)語(yǔ)言,廣泛應(yīng)用在產(chǎn)品設(shè)計(jì)當(dāng)中,視覺形象統(tǒng)一并且獨(dú)特。這種圖形元素通常是從產(chǎn)品Logo中提煉出來(lái)。不僅僅應(yīng)用在UI界面當(dāng)中還會(huì)貫穿在交互動(dòng)效、還有造型設(shè)計(jì)中。

1.png

2.png

 

2. 空間感塑造

空間感的設(shè)計(jì)方式越來(lái)越多的運(yùn)用在高端車型的HMI設(shè)計(jì)中??臻g感的設(shè)計(jì)方式給人的感覺比較耳目一新,也更符合駕車在空間中穿梭的感覺。這種縱深的設(shè)計(jì)方式跟一般的平面化的設(shè)計(jì)形成了寫明對(duì)比。異形的儀表設(shè)計(jì)輔助酷炫的動(dòng)效給人的視覺沖擊力超級(jí)強(qiáng)。這種設(shè)計(jì)手法相信會(huì)在新的一年得到更加多的運(yùn)用。

3.png

4.png

 

3. 輕擬物設(shè)計(jì)

從去年的HMI設(shè)計(jì)變化可以看到一個(gè)明顯的設(shè)計(jì)趨勢(shì),所有的設(shè)計(jì)風(fēng)格都向著更加簡(jiǎn)潔的方向演化。但是作為大多數(shù)的傳統(tǒng)能源汽車,車內(nèi)飾的設(shè)計(jì)相對(duì)來(lái)說(shuō)都比較有質(zhì)感的擬物化設(shè)計(jì)按鈕。所以在設(shè)計(jì)HMI的時(shí)候既要簡(jiǎn)化HMI的設(shè)計(jì)風(fēng)格又要考慮車內(nèi)飾的設(shè)計(jì)風(fēng)格搭配,這樣就使得形成了一種輕擬物化設(shè)計(jì)的風(fēng)格。

6.png

7.png

8.png

9.png

 

4. 扁平化設(shè)計(jì)

以特斯拉為代表的互聯(lián)網(wǎng)智能汽車都采用了極簡(jiǎn)的扁平化設(shè)計(jì)風(fēng)格。例如:特斯拉Model 3的大屏設(shè)計(jì)風(fēng)格,蔚來(lái)汽車的HMI設(shè)計(jì)風(fēng)格?;ヂ?lián)網(wǎng)汽車之所以都采用扁平化的設(shè)計(jì)風(fēng)格是因?yàn)樾履茉雌嚨膬?nèi)飾可以做到極簡(jiǎn)化的設(shè)計(jì)風(fēng)格。在這樣的內(nèi)飾設(shè)計(jì)下HMI的設(shè)計(jì)就可以采用扁平化的設(shè)計(jì)風(fēng)格搭配。這樣就能夠完美的融合在一起了。

10.png

11.png

12.png

13.png

以上就是四個(gè)今年將會(huì)大放異彩的HMI設(shè)計(jì)風(fēng)格趨勢(shì)分析,希望對(duì)你有所幫助。對(duì)汽車HMI設(shè)計(jì)有興趣的朋友可以在評(píng)論區(qū)留言。作者會(huì)盡快回復(fù)交流的。

相關(guān)文章--《UI大牛教你如何積累素材庫(kù)


預(yù)約申請(qǐng)免費(fèi)試聽課

填寫下面表單即可預(yù)約申請(qǐng)免費(fèi)試聽!怕錢不夠?可先就業(yè)掙錢后再付學(xué)費(fèi)! 怕學(xué)不會(huì)?助教全程陪讀,隨時(shí)解惑!擔(dān)心就業(yè)?一地學(xué)習(xí),可推薦就業(yè)!

?2007-2021/北京漫動(dòng)者教育科技有限公司版權(quán)所有
備案號(hào):京ICP備12034770號(hào)

?2007-2022/ lb577.com 北京漫動(dòng)者數(shù)字科技有限公司 備案號(hào): 京ICP備12034770號(hào) 監(jiān)督電話:010-53672995 郵箱:bjaaa@aaaedu.cc

京公網(wǎng)安備 11010802035704號(hào)

網(wǎng)站地圖