<address id="ttjl9"></address>

      <noframes id="ttjl9"><address id="ttjl9"><nobr id="ttjl9"></nobr></address>
      <form id="ttjl9"></form>
        <em id="ttjl9"><span id="ttjl9"></span></em>
        <address id="ttjl9"></address>

          <noframes id="ttjl9"><form id="ttjl9"></form>

          軌道交通后臺運維管理系統APP軟件

          軌道交通后臺運維管理系統APP軟件

          界面設計 | 交互設計 | 圖標設計

          界面設計 | 交互設計 | 圖標設計

          錦源匯智軌道交通后臺運維管理系統app為后臺運維系統提供現場掃碼檢修,線上跟進維修進度,人員定位查看等功能信息,藍藍設計負責視覺更新設計。這是一次項目工期比較緊張,,雙方見面后達成合作共識后,就開始視覺設計工作, 工作,在二周內完成設計,3周左右完成修改和切圖,了解用戶的使用場景、怎么樣更方便,以及參考國內外領先的競品,最終的效果客戶方面很認可。

          登錄頁設計:

          顯示設備:物理尺寸 5 英寸;

          物理分辨率1080*720;

          觸摸設備:無;

          設計了多版登錄頁,最終確定的登錄頁采用產品使用場景圖+軌道線路+登錄模塊的形式布局。

          背景采用手機掃描進站的圖片和產品本身應景,底部用暗紋軌道。

          中心位置顯示大的塊狀登錄區,抓住用戶眼球,賬號+密碼的形式登錄系統,比較簡潔 。

          軌道交通APP界面設計

          原版

          軌道交通APP界面設計

          新版

          主頁設計:

          根據目前首頁的信息和錦源匯智科技的產品定位。

          底部導航把產品分為五大模塊,分別為首頁,工作,掃一掃,項目,我的;

          首頁上邊部分是活動banner,選地鐵進站的圖片比較應景;

          中間部分把用戶的常用功能提取出來,八個功能可以來回切換,方便用戶 使用,里邊還有很多功能沒有一一展示,下邊有個展開的按鈕,有需要直接展開使用。

          下邊是工作提醒,讓用戶第一時間知道各個地鐵線路的工作狀態。

          軌道交通APP界面設計

          原版

          軌道交通APP界面設計

          新版

          工作日巡設計:

          設計理念闡述

          頂部二級導航欄分為四塊內容分別是維修,日巡,檢修,臨時。他們之間可以來回切換,以下拉列表形式展現,一屏顯示六條信息。

          信息條以塊狀展示線路,時間和打卡狀態,打卡狀態用不同顏色印章的形式展現,增加內容的趣味性。

          日巡界面分為五種狀態,正常,異常,已完成,未完成,待審核。

          頂部導航下邊有篩選功能,可以按照分類,時間篩選, 查找。

          軌道交通APP界面設計

          原版

          軌道交通APP界面設計

          新版

          項目頁面設計:

          設計理念闡述

          頂部二級導航欄分為四塊內容分別是維修,日巡,檢修,臨時。他們之間可以來回切換,以圖表形式展現,一屏顯示兩塊信息。讓用戶對數值有個直觀對比。

          上部是維修查看的柱狀圖,下部是設備情況的餅狀圖。

          維修界面分為三種狀態,今天,本周,本月。

          頂部導航下邊有篩選功能,可以按照日期,時間篩選, 查找。

          軌道交通APP界面設計

          原版

          軌道交通APP界面設計

          新版

          登錄頁設計方案:

          效果對比

          贊同科技大屏界面設計

          方案一

          贊同科技大屏界面設計

          方案二

          贊同科技大屏界面設計

          方案三

          首頁設計方案:

          效果對比

          贊同科技大屏界面設計

          方案一

          贊同科技大屏界面設計

          方案二

          贊同科技大屏界面設計

          方案三

          最后設計效果圖:

          軌道交通APP界面設計
          軌道交通APP界面設計
          軌道交通APP界面設計
          軌道交通APP界面設計
          軌道交通APP界面設計
          軌道交通APP界面設計

            返回

          亚洲va欧美va天堂v国产综合