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ō)案例