<strike id="cy2gs"><menu id="cy2gs"></menu></strike>
  • <del id="cy2gs"><dfn id="cy2gs"></dfn></del>
  • 交大思源北京地鐵監視中心大屏和PC端交互優化及界面設計

    交大思源北京地鐵監視中心大屏和PC端交互優化及界面設計

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

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

    交大思源承建京投大廈一層北京地鐵監視大廳的大屏和平臺建設,大廳面積約500平米,有一排排座位,用來觀看大屏展示及進行平臺監控的電腦操作,是國內領先的演播控制中心。項目歷時二年,目前已全部完成。藍藍設計負責大屏和pc端交互優化及界面設計,期間根據客戶的需求迭代設計,設計團隊充分考慮本系統設計完成后能夠長久地支撐

    數據統計的發展,通過搜集了解產品未來發展方向,做出具有前瞻性的設計 。新的設計除了符合潮流,還要更具前瞻性 。做出可持續的設計,明確設計潮流的走向,產品從無到有,從形式到內容,從工具化到情感化,設計潮流的走向一直沒有變,在以用戶為中心的前提下,更加注重用戶更深層的需求。

    金山法院智能警務綜合指揮平臺大屏主頁設計

    大屏整體設計

    分辨率1920*1080*8
    使用者:地鐵某系統工作人員、領導等
    使用環境:監控室、大屏室
    信息架構:優化調整,更易用,更合理。
    界面布局:布局分布明確,具有引導性,直觀明了。
    用戶體驗:按照用戶的操作習慣和用戶體驗,設計出簡潔易操作的界面。
    視覺展示:經典、美觀,符合國際設計趨勢。

    大屏特點分析

    1.面積巨大——用戶站遠才能看全內容(所以字也不能設計很小)。
    2.深色背景——緊張感強,讓視覺更好的聚焦,省電。
    3.不可操作——大屏主要用來給來賓觀看的。來賓一般不會直接操作大屏。
    4.空間局限——大屏不像網頁有滾動條,它的長寬都是固定的。
    5.單獨主題——每塊大屏都有具體想給來賓表達某個主題。

    字體設計說明

    通過前面對使用場景的分析得出大屏面積巨大——用戶站遠才能看全內容(所以字也不能設計很小)大屏和其他顯示屏一樣,本身都是有固定分辨率的。一般是4*3或者16:9的比例。

    所以在字體方面統一為微軟雅黑并設定了層級順序1一級為36px,二級為22px,三級為20px,四級為18px以此類推最小字體18px最大為36px,

    字體太大影響整體美觀性,太小則用戶站到一定近的距離才能看清,影響閱讀性做到不為設計而設計。

    交大思源北京地鐵監視中心

    背景顏色說明

    主色選用地鐵VI標準藍色為基調,配合紅(對比色)、黃(對比色)、藍三原色來相互襯托對比展示統計圖的不同數據和數值。

    深色背景——緊張感強,讓視覺更好的聚焦,另整體背景使用半透明地鐵隧道場景圖突出主題

    不同顏色的統計圖的展現和圖例結合,省空間,同時方便理解。

    在電腦上看整體地圖顏色偏暗,但是到了大屏上看效果正好。所以對整體背景進行調暗。

    考慮用戶使用場景和展示距離因素每屏背景使用深藍色同時降低飽和亮度,使用戶既能關注到想要的數據信息,同時不會因屏幕色彩過亮導致眼部不適。

    交大思源北京地鐵監視中心大屏和PC端交互優化及界面設計背景顏色說明1
    交大思源北京地鐵監視中心大屏和PC端交互優化及界面設計背景顏色說明2

    全路網運行狀態監視圖

    布局左右按照黃金分割線進行分割布局,地鐵線路圖通過圖標和顏色區分狀態,使用戶直觀了解各站客流數據和告警信息,右側模式通知和告警信息實時滾動彈出相對應預警和通知信息,紅黃色點讓用戶第一眼就知道發生狀況的緊急程度。

    原型要求

    交大思源北京地鐵監視中心大屏和PC端交互優化及界面設計全路網運行狀態監視圖原型

    以點、線形式展示當前設備狀態(同時顯示列表)支持點、線的閃爍;
    點擊線進入按線展示所有站的設備狀態;
    按設備狀態、客流、運行模式分時段切換綜合顯示;按線、站異常彈出形式顯示異常信息;
    當站存在異常時,站標閃爍,彈出異常提示信息,點擊站標顯示站廳頁面;
    站廳內設備以不同圖例樣式區分顯示24小時運營模式、網絡通訊狀態、是否降級以及突出展示不同于大多數設備的固件版本號

    交大思源北京地鐵監視中心大屏和PC端交互優化及界面設計全路網運行狀態監視圖設計稿

    設備運行情況監管

    單獨主題——每塊大屏都有具體想表達某個主題

    圓形餅圖外側顯示各項開機、故障、利用率,內側顯示差值,

    設備運行統計通過開機柱圖對比正常和故障柱圖,

    使用亮藍色和背景深藍形成鮮明對比

    原型要求

    交大思源北京地鐵監視中心大屏和PC端交互優化及界面設計設備運行情況監管原型

    分線、分站,分類顯示開機率、故障率,顯示統計百分比數;

    交大思源北京地鐵監視中心大屏和PC端交互優化及界面設計設備運行情況監管設計稿
    交大思源北京地鐵監視中心大屏和PC端交互優化及界面設計
    交大思源北京地鐵監視中心大屏和PC端交互優化及界面設計
    交大思源北京地鐵監視中心大屏和PC端交互優化及界面設計

    PC端平臺運行狀態監視頁

    與大屏配合同時使用,由操作員在操作臺上輸入信息及配置信息。

    交大思源北京地鐵監視中心大屏和PC端交互優化及界面設計

    PC端平臺輸入頁

    輸入時的各種驗證狀態及交互效果。

    交大思源北京地鐵監視中心大屏和PC端交互優化及界面設計

    PC端平臺線路設備頁

    交大思源北京地鐵監視中心大屏和PC端交互優化及界面設計

      返回

    主站蜘蛛池模板: 国产在线观看一区精品| 日本精品自产拍在线观看中文| 无码精品第一页| 久久久久这里只有精品| 99久久99久久精品国产| 久久精品www| 华人亚洲欧美精品国产| 麻豆精品视频在线观看| 国产精品白丝AV网站| 精品国产热久久久福利| 日本一区精品久久久久影院| 国产精品你懂的在线播放| 91无码人妻精品一区二区三区L | 亚洲午夜精品第一区二区8050| 亚洲精品乱码久久久久久按摩| 精品国产一区二区三区不卡| 欧美精品亚洲精品日韩| 欧美成人精品第一区二区| 欧美精品v欧洲精品| 国产精品JIZZ在线观看老狼| 亚洲伊人久久精品影院| 久久精品国产久精国产| 久久亚洲中文字幕精品一区四| 亚洲国产精品VA在线看黑人 | 黑巨人与欧美精品一区 | 拍国产乱人伦偷精品视频| CAOPORM国产精品视频免费| 久久精品国产亚洲5555| 国产精品久久影院| 亚洲精品一品区二品区三品区| 四虎影永久在线观看精品| 亚洲精品无码国产| 久久久精品无码专区不卡| 精品国产日产一区二区三区| 伊人久久精品无码二区麻豆| 国产福利精品在线观看| 久久香蕉国产线看观看精品yw| 欧美精品区一级片免费播放| 最新国产の精品合集| 精品成在人线AV无码免费看 | 亚洲欧美精品一区久久中文字幕|