空間利用效率高
環(huán)繞式布局可以有效地利用頁面空間,使內(nèi)容欄目等元素得以合理安排。這種布局方式可以使得主要信息更為集中,用戶可以在同一頁面內(nèi)瀏覽到更多的信息,而無需頻繁滾動(dòng)或跳轉(zhuǎn)頁面。
突出主題和焦點(diǎn)
但通過對不同元素的調(diào)整,設(shè)可以輕易地引導(dǎo)用戶的視線,將焦點(diǎn)放在特定的內(nèi)容上。這有助于增強(qiáng)信息的層級感和邏輯性,提升用戶對于重要信息的關(guān)注度和理解度。
電力機(jī)組檢修可視化系統(tǒng)界面設(shè)計(jì)
發(fā)表于：2024-04-22
交互設(shè)計(jì) | UI設(shè)計(jì)
01
設(shè)計(jì)風(fēng)格
界面顏色
軟件界面以淺顏色風(fēng)格展現(xiàn),結(jié)合國家能源集團(tuán)原色進(jìn)行合理搭配；各界面設(shè)計(jì)本著簡潔、明了、方便的原則進(jìn)行設(shè)計(jì)。針對系統(tǒng)內(nèi)容,進(jìn)行設(shè)計(jì)規(guī)范,設(shè)計(jì)組合和交互設(shè)計(jì)。
空間布局
頁面使用環(huán)繞式布局,頂部為導(dǎo)航欄,中間部分突出重要信息,“安全管控”“近3日工作”“工作票統(tǒng)計(jì)”“人力管控”四個(gè)板塊分布在周圍,有更好的視覺聚焦功能。
02
設(shè)計(jì)思考
環(huán)繞式布局
數(shù)據(jù)可視化
直觀易懂
數(shù)據(jù)可視化能夠?qū)?fù)雜的數(shù)據(jù)轉(zhuǎn)化為直觀的圖形或圖像,使得用戶能夠更容易地理解數(shù)據(jù)背后的含義和趨勢。相比于單純的數(shù)字或文字描述,圖形化的展示方式更符合人類的視覺認(rèn)知習(xí)慣,能夠更快地捕捉關(guān)鍵信息。
有助于理解數(shù)據(jù)趨勢
通過數(shù)據(jù)可視化,用戶可以更輕松地識(shí)別數(shù)據(jù)中的模式、趨勢和異常值。這些隱藏的信息可能對于問題診斷或市場預(yù)測等方面具有重要意義。
提升決策質(zhì)量
基于數(shù)據(jù)可視化的分析結(jié)果,決策者可以更加客觀地評估各種方案的優(yōu)劣,從而做出更加明智的決策。數(shù)據(jù)可視化能夠減少主觀偏見和誤解對決策過程的影響,提高決策的科學(xué)性和準(zhǔn)確性
03
界面欣賞
其他案例
-
2018 12/27
大屏設(shè)計(jì)｜視覺設(shè)計(jì)｜交互設(shè)計(jì)
偉訊科技ioc移動(dòng)駕駛艙軟件界面視覺設(shè)計(jì)
-
2019 06/16
交互設(shè)計(jì)｜界面設(shè)計(jì)｜wpf開發(fā)
北方華創(chuàng)設(shè)備控制平臺(tái)軟件界面設(shè)計(jì)
-
2022 05/12
大屏設(shè)計(jì)｜數(shù)據(jù)可視化｜C4D渲染
智慧園區(qū)監(jiān)控管理大屏UI設(shè)計(jì)及C4D建模
-
2023 12/07
UI設(shè)計(jì)｜交互設(shè)計(jì)｜vue開發(fā)
中國航空制造研究院自動(dòng)生產(chǎn)管控系統(tǒng)界面設(shè)