UI設計細節(jié)契合品牌和產(chǎn)品風格
時間:2022-03-15 12:48:01 | 來源:行業(yè)動態(tài)
時間:2022-03-15 12:48:01 來源:行業(yè)動態(tài)
億咖通科技新一代智能網(wǎng)聯(lián)系統(tǒng)的界面與交互圍繞以用戶為中心的策略設計。歷經(jīng)一年的打磨、一次大的更新、近千次的細節(jié)優(yōu)化和微調(diào),通過減少信息層級的跳轉、去除繁冗的效果修飾、重點強化信息閱讀和識別,這套系統(tǒng)最終呈現(xiàn)出一個視覺上和邏輯上都扁平化的界面與交互效果從感知層面上,降低用戶的學習成本,提升用戶的使用效率。
作為首款搭載億咖通科技新一代智能網(wǎng)聯(lián)系統(tǒng)產(chǎn)品的落地車型,星越L憑借橫跨整個中控臺的米級屏,充分展示了這套界面的美感。界面的設計延續(xù)整車外觀和內(nèi)飾所使用的山巒設計理念。儀表、主屏、副屏依次呈現(xiàn)出塊狀漸變的特殊處理。無論是開機引導頁面、首頁Launcher,還是主副屏上的Widget,均營造出一種空間橫向延展、貫穿、連續(xù)的視覺效果。同時設計團隊也通過分割的手段,將整個屏幕分成了快捷操作區(qū)、智能場景推薦區(qū)、控件展示區(qū)以及信息娛樂四個區(qū)域,并以明顯的層次感呈現(xiàn),方便用戶快速識別相關信息。
大量圓角矩形的使用,賦予整個界面更強的親和力
為了更好地匹配星越L山巒設計概念在內(nèi)飾中較為圓潤的應用,億咖通科技的設計師團隊也給幾乎所有控件增加了圓角,賦予了整個界面識別上更強的親和力,精確地呼應了內(nèi)飾風格。
從便捷的交互的角度出發(fā),遵循少即是多的原則,這套界面的背景層和通用組件用純色、簡潔風格來弱化與功能信息模塊的視覺沖突。與此同時,功能信息引導層用品牌高亮色進行強化,突出內(nèi)容層的信息識別,帶來極致簡潔的視覺感受。
引導層用品牌高亮色進行強化,突出內(nèi)容層的信息識別