機(jī)載任務(wù)軟件界面設(shè)計(jì) 發(fā)表于:204-04-21

交互設(shè)計(jì) | UI設(shè)計(jì)

01 首頁(yè)設(shè)計(jì)

視覺(jué)方面使用大屏常用的深色背景,主色采用藍(lán)色配色,通過(guò)整體排版,元素的設(shè)計(jì),來(lái)凸顯科技感。頁(yè)面布局方面,采用模塊化布局,便于區(qū)分信息類別;扁平化的視覺(jué)元素+框式設(shè)計(jì),最大程度地減少頁(yè)面元素的干擾,提升頁(yè)面內(nèi)容承載量。

02 設(shè)計(jì)思考

重塑頁(yè)面功能入口

提升用戶體驗(yàn)

將功能入口按照功能相關(guān)性劃分為三個(gè)板塊,能夠優(yōu)化用戶的瀏覽和交互體驗(yàn)。可以引導(dǎo)用戶的視線,突出重要信息,減少用戶的認(rèn)知負(fù)擔(dān)。同時(shí),還能夠提高用戶的操作效率,降低錯(cuò)誤率,從而提升整體的用戶滿意度。;

提高信息組織性

有助于將復(fù)雜的信息內(nèi)容分解為更小、更易于管理的部分。這樣做可以提高信息的組織性和邏輯性,使用戶能夠更輕松地理解和吸收信息。能夠確保信息的層次結(jié)構(gòu)清晰,便于用戶按照需求快速找到所需內(nèi)容。;

視覺(jué)與功能的完美結(jié)合

操作人員在觀看屏幕數(shù)據(jù)時(shí)難免需要面對(duì)很多冗余的數(shù)據(jù),如何讓用戶在眾多數(shù)據(jù)中迅速找到當(dāng)前工作中最需要的數(shù)據(jù)、迅速鎖定焦點(diǎn)、提高工作效率,是我們?cè)O(shè)計(jì)師所要思考解決的問(wèn)題。;

通過(guò)圖文結(jié)合,大小對(duì)比,虛實(shí)對(duì)比等視覺(jué)表現(xiàn)手法讓界面信息主次分明,焦點(diǎn)突出,比例協(xié)調(diào),滿足人眼閱讀習(xí)慣和業(yè)務(wù)數(shù)據(jù)的展示需求。;

03 登錄頁(yè)

方案一

有助于將登錄內(nèi)容置于視覺(jué)中心,使用戶的目光自然而然地聚焦于該區(qū)域。這種布局方式能夠突出登錄框的重要性,引導(dǎo)用戶快速定位到登錄功能,提高用戶操作的準(zhǔn)確性和效率。;

方案二

通過(guò)將圖片置于左側(cè),利用視覺(jué)層次和對(duì)比來(lái)增強(qiáng)頁(yè)面的吸引力。圖片往往能夠迅速抓住用戶的注意力,而居右的登錄內(nèi)容則作為焦點(diǎn)信息的補(bǔ)充,兩者相輔相成,共同構(gòu)建出富有吸引力的頁(yè)面布局。;