BACKGROUND 項目背景

量雲風力場是一家以能(néng)源重型設備、新(xīn)能(néng)源發電(diàn)為(wèi)主要運營方式的公(gōng)司。風力發電(diàn)是把風的動能(néng)轉化成電(diàn)能(néng)的過程，監控系統則是收集風力發電(diàn)機的瞬時數據，并把數據反饋給操作(zuò)者的一個後台管理(lǐ)軟件。此次與荷勒合作(zuò)是希望我們為(wèi)其重新(xīn)設計一套具(jù)有(yǒu)現代風格且舒适耐看的界面。

USER RESEARCH用(yòng)戶研究

風車(chē)監控系統的受衆人群相對于其它軟件而言會比較集中(zhōng)，大多(duō)是年輕的監控職員，用(yòng)戶特點是長(cháng)期面對電(diàn)腦和進行機械操作(zuò)，因此本次我們将會把用(yòng)戶使用(yòng)的舒适性作(zuò)為(wèi)設計的重點。

COMPETITIVE ANALYSIS競品分(fēn)析

市面上大部分(fēn)的後台監控軟件都延續着老舊的版式，更新(xīn)換代速度較慢，重要信息排布較雜亂、無主次的劃分(fēn)、不友好的交互操作(zuò)和混淆的視覺在一定程度上會影響着他(tā)們的工(gōng)作(zuò)效率，因此改版考慮的不隻是界面的美觀，更多(duō)的是在操作(zuò)體(tǐ)驗和視覺舒适度上下功夫。

COLOR SCHEME色彩方案

考慮用(yòng)戶使用(yòng)的頻率和時長(cháng)，界面配色避免了太鮮豔和太深沉的顔色，以飽和度較低的藍綠色和淺灰色為(wèi)主基調，象征着能(néng)源的供應，使用(yòng)溫和的磚紅色作(zuò)為(wèi)提醒色，不過于刺眼，提高用(yòng)戶舒适度。

UI DESIGN界面設計

根據産(chǎn)品以數據為(wèi)主的性質(zhì)，在界面設計的時候需要以簡潔與舒适為(wèi)主要的方向，每個頁(yè)面顔色不超過三種，并且以線(xiàn)條區(qū)分(fēn)闆塊，減少數字與闆塊間的幹擾。為(wèi)了使用(yòng)戶更易于讀取風車(chē)的信息，我們将風車(chē)以插畫的形式展現，并以不同的顔色以區(qū)分(fēn)狀态，風車(chē)信息一目了然。

系統的設計規範，确保界面的易操作(zuò)性

整體(tǐ)界面的系統規劃，各元素的協調統一，點擊區(qū)域與操作(zuò)焦點做好區(qū)分(fēn)，使操作(zuò)及時的到反饋。列表中(zhōng)的元素重設計，盡量減少用(yòng)戶在長(cháng)期使用(yòng)後所産(chǎn)生的視覺疲勞感。

放大内容空間，優化圖表樣式

圖表是産(chǎn)品最重要的功能(néng)區(qū)域，因此在設計時需要突出主體(tǐ)，去除不重要的修飾，以簡易細緻的線(xiàn)條和色塊區(qū)分(fēn)不同的數據，添加彈窗設置，有(yǒu)選擇的顯示詳細數據，使界面更加輕量化。

在細節處做文(wén)章

為(wèi)了使界面在簡化的同時更有(yǒu)質(zhì)感，我們在細節處添加了精(jīng)細的處理(lǐ)，表格以單線(xiàn)區(qū)分(fēn)，減少視覺的幹擾；表頭添加淺色陰影，自然劃分(fēn)層級關系，同時在表格中(zhōng)的色塊以半透明顯示，使用(yòng)戶能(néng)快速分(fēn)辨出數據密集區(qū)域。

簡化視覺元素

界面本着去繁為(wèi)簡的理(lǐ)念重新(xīn)設計，規劃布局，移除不必要的裝(zhuāng)飾性元素。複古、材質(zhì)、複雜的背景等裝(zhuāng)飾一律不要，增強可(kě)用(yòng)性的同時也增強了主要視覺元素的支配性。

更多(duō)案例