雷火平台-中国知名电竞赛事平台

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

電動(dòng)汽車界面交互的技巧有什么 讓你設(shè)計(jì)的更加好

Time: 2020-05-26

為了讓人們獲得更好的體驗(yàn),界面交互設(shè)計(jì)技術(shù)便會(huì)被廣泛的應(yīng)用,那么,電動(dòng)汽車界面交互設(shè)計(jì)的技巧有什么?想必大家都很了解,畢竟掌握這些技巧,就可以讓大家設(shè)計(jì)的更加順利,共同來(lái)了解下吧。

  1、交互界面

  交互界面是人和計(jì)算機(jī)進(jìn)行信息交換的通道,用戶通過(guò)交互界面面向計(jì)算機(jī)輸入信息、進(jìn)行操作,計(jì)算機(jī)則通過(guò)交互界面向用戶提供信息,以供閱讀、分析和判斷。

  2、電動(dòng)汽車界面交互設(shè)計(jì)的技巧有什么

  保持元素清晰

  在設(shè)計(jì)過(guò)程中可以稍微使用一些恰當(dāng)合適的陰影,來(lái)保證當(dāng)前設(shè)計(jì)與背景能夠清晰可見(jiàn),但是一定要避免復(fù)雜的陰影,這會(huì)起到反作用。

timg.jpg

電動(dòng)汽車界面交互

  使用一種字體

  在設(shè)計(jì)一套新的UI界面時(shí)候,最好能保持一種字體,這樣能夠讓界面更加輕量化的同時(shí),也能保持和好的品質(zhì)感。盡量避免使用2種以上的字體,你可以通過(guò)粗細(xì)、大小、或者顏色來(lái)區(qū)分層級(jí)!

  長(zhǎng)文內(nèi)容,使用20pt的字號(hào)

  對(duì)于長(zhǎng)篇內(nèi)容(例如博客文章,說(shuō)明類),請(qǐng)嘗試在文內(nèi)中選擇20pt字號(hào)(甚至更大)。當(dāng)然,這取決于所選擇的字體,但是大多數(shù)常用的字體在20pt時(shí)效果都很好,同時(shí)當(dāng)面對(duì)大量文字時(shí)候,這樣可為用戶帶來(lái)更好的閱讀體驗(yàn)。以前使用的18pt字號(hào)體驗(yàn)非常不好。

  備注:我們?nèi)粘J褂瞄喿x類APP字號(hào)都會(huì)偏大一些,就是這個(gè)原理。

  優(yōu)化導(dǎo)頁(yè)操作細(xì)節(jié)

  放置底部可以使用戶隨時(shí)跳過(guò)您的Mobile App Onboarding登錄,如果是放置頂部,用戶觸摸相對(duì)來(lái)說(shuō)比較麻煩。拇指操作仍然在2020年的一個(gè)比較合適位置。

  備注:之所以我們看到很多惡心跳過(guò)放在右上角而且還那么小,一般廣告都是這樣的,比如 某音開(kāi)屏的設(shè)計(jì)。不過(guò)也能理解,畢竟廣告能賺錢(qián)。

  保持一致的光源

  確保您的陰影始終僅來(lái)自一個(gè)光源。如下圖所示,右側(cè)日歷投影就存在光源不一致,一些剛開(kāi)始學(xué)設(shè)計(jì)的小伙伴可能就會(huì)忽略這種細(xì)節(jié)問(wèn)題!因此一定要注意。

  通過(guò)疊加改善對(duì)比度

  有時(shí)候我們?cè)谑褂脠D片作為背景承載前面文字信息時(shí)候,圖片背景過(guò)亮了,因此我們可以稍微疊加一些品牌色漸變暗色來(lái)提高文字閱讀性!

  適度使用居中排版

  可以嘗試在少量一些卡片排版中使用居中對(duì)齊排版,對(duì)于其他的設(shè)計(jì),盡量使用左對(duì)齊排版方式!

圖片1.png

電動(dòng)汽車界面交互

  合理的間距系統(tǒng)

  在設(shè)計(jì)排版過(guò)程中,確保元素排版有呼吸空間,盡量避免文字多的地方,間距很小,可以用留白來(lái)區(qū)分層級(jí),切勿亂使用空白。

  注意對(duì)比度

  在淺色背景下設(shè)計(jì)時(shí)候,避免使用過(guò)淺的文本淺。這樣會(huì)導(dǎo)致閱讀比較累,但是依然還有不少伙伴這樣來(lái)做,因此推薦給大家一個(gè)數(shù)字,比如正文本是#333333,那么第二級(jí)文本可以用#888888。

  電動(dòng)汽車界面交互設(shè)計(jì)的技巧有什么?各位朋友們有沒(méi)有好好的記住上面的內(nèi)容,想必大家運(yùn)用上文的這些技巧就可以設(shè)計(jì)出更多成功的作品。


合作咨詢

上海(總部)

上海市浦東新區(qū)郭守敬路498號(hào)22號(hào)樓
021-61057328
service@faceui.com

辦公地址地圖

北京

北京市東城區(qū)后永康17號(hào)A座
010-64015620
service@faceui.com

辦公地址地圖

成都

四川省成都市錦江區(qū)東大街牛王廟段100號(hào)
028-62790929
service@faceui.com

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

Copyright ? 2009-2022 FaceUI design. All rights reserved


滬ICP備13044459號(hào)-5

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