<strike id="cy2gs"><menu id="cy2gs"></menu></strike>
  • <del id="cy2gs"><dfn id="cy2gs"></dfn></del>
  • 交大思源北京地鐵監(jiān)視中心大屏和PC端交互優(yōu)化及界面設(shè)計(jì)

    交大思源北京地鐵監(jiān)視中心大屏和PC端交互優(yōu)化及界面設(shè)計(jì)

    圖標(biāo)設(shè)計(jì) | 交互設(shè)計(jì) | 界面設(shè)計(jì)

    圖標(biāo)設(shè)計(jì) | 交互設(shè)計(jì) | 界面設(shè)計(jì)

    交大思源承建京投大廈一層北京地鐵監(jiān)視大廳的大屏和平臺(tái)建設(shè),大廳面積約500平米,有一排排座位,用來(lái)觀看大屏展示及進(jìn)行平臺(tái)監(jiān)控的電腦操作,是國(guó)內(nèi)領(lǐng)先的演播控制中心。項(xiàng)目歷時(shí)二年,目前已全部完成。藍(lán)藍(lán)設(shè)計(jì)負(fù)責(zé)大屏和pc端交互優(yōu)化及界面設(shè)計(jì),期間根據(jù)客戶的需求迭代設(shè)計(jì),設(shè)計(jì)團(tuán)隊(duì)充分考慮本系統(tǒng)設(shè)計(jì)完成后能夠長(zhǎng)久地支撐

    數(shù)據(jù)統(tǒng)計(jì)的發(fā)展,通過搜集了解產(chǎn)品未來(lái)發(fā)展方向,做出具有前瞻性的設(shè)計(jì) 。新的設(shè)計(jì)除了符合潮流,還要更具前瞻性 。做出可持續(xù)的設(shè)計(jì),明確設(shè)計(jì)潮流的走向,產(chǎn)品從無(wú)到有,從形式到內(nèi)容,從工具化到情感化,設(shè)計(jì)潮流的走向一直沒有變,在以用戶為中心的前提下,更加注重用戶更深層的需求。

    金山法院智能警務(wù)綜合指揮平臺(tái)大屏主頁(yè)設(shè)計(jì)

    大屏整體設(shè)計(jì)

    分辨率1920*1080*8
    使用者:地鐵某系統(tǒng)工作人員、領(lǐng)導(dǎo)等
    使用環(huán)境:監(jiān)控室、大屏室
    信息架構(gòu):優(yōu)化調(diào)整,更易用,更合理。
    界面布局:布局分布明確,具有引導(dǎo)性,直觀明了。
    用戶體驗(yàn):按照用戶的操作習(xí)慣和用戶體驗(yàn),設(shè)計(jì)出簡(jiǎn)潔易操作的界面。
    視覺展示:經(jīng)典、美觀,符合國(guó)際設(shè)計(jì)趨勢(shì)。

    大屏特點(diǎn)分析

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

    字體設(shè)計(jì)說(shuō)明

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

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

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

    交大思源北京地鐵監(jiān)視中心

    背景顏色說(shuō)明

    主色選用地鐵VI標(biāo)準(zhǔn)藍(lán)色為基調(diào),配合紅(對(duì)比色)、黃(對(duì)比色)、藍(lán)三原色來(lái)相互襯托對(duì)比展示統(tǒng)計(jì)圖的不同數(shù)據(jù)和數(shù)值。

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

    不同顏色的統(tǒng)計(jì)圖的展現(xiàn)和圖例結(jié)合,省空間,同時(shí)方便理解。

    在電腦上看整體地圖顏色偏暗,但是到了大屏上看效果正好。所以對(duì)整體背景進(jìn)行調(diào)暗。

    考慮用戶使用場(chǎng)景和展示距離因素每屏背景使用深藍(lán)色同時(shí)降低飽和亮度,使用戶既能關(guān)注到想要的數(shù)據(jù)信息,同時(shí)不會(huì)因屏幕色彩過亮導(dǎo)致眼部不適。

    交大思源北京地鐵監(jiān)視中心大屏和PC端交互優(yōu)化及界面設(shè)計(jì)背景顏色說(shuō)明1
    交大思源北京地鐵監(jiān)視中心大屏和PC端交互優(yōu)化及界面設(shè)計(jì)背景顏色說(shuō)明2

    全路網(wǎng)運(yùn)行狀態(tài)監(jiān)視圖

    布局左右按照黃金分割線進(jìn)行分割布局,地鐵線路圖通過圖標(biāo)和顏色區(qū)分狀態(tài),使用戶直觀了解各站客流數(shù)據(jù)和告警信息,右側(cè)模式通知和告警信息實(shí)時(shí)滾動(dòng)彈出相對(duì)應(yīng)預(yù)警和通知信息,紅黃色點(diǎn)讓用戶第一眼就知道發(fā)生狀況的緊急程度。

    原型要求

    交大思源北京地鐵監(jiān)視中心大屏和PC端交互優(yōu)化及界面設(shè)計(jì)全路網(wǎng)運(yùn)行狀態(tài)監(jiān)視圖原型

    以點(diǎn)、線形式展示當(dāng)前設(shè)備狀態(tài)(同時(shí)顯示列表)支持點(diǎn)、線的閃爍;
    點(diǎn)擊線進(jìn)入按線展示所有站的設(shè)備狀態(tài);
    按設(shè)備狀態(tài)、客流、運(yùn)行模式分時(shí)段切換綜合顯示;按線、站異常彈出形式顯示異常信息;
    當(dāng)站存在異常時(shí),站標(biāo)閃爍,彈出異常提示信息,點(diǎn)擊站標(biāo)顯示站廳頁(yè)面;
    站廳內(nèi)設(shè)備以不同圖例樣式區(qū)分顯示24小時(shí)運(yùn)營(yíng)模式、網(wǎng)絡(luò)通訊狀態(tài)、是否降級(jí)以及突出展示不同于大多數(shù)設(shè)備的固件版本號(hào)

    交大思源北京地鐵監(jiān)視中心大屏和PC端交互優(yōu)化及界面設(shè)計(jì)全路網(wǎng)運(yùn)行狀態(tài)監(jiān)視圖設(shè)計(jì)稿

    設(shè)備運(yùn)行情況監(jiān)管

    單獨(dú)主題——每塊大屏都有具體想表達(dá)某個(gè)主題

    圓形餅圖外側(cè)顯示各項(xiàng)開機(jī)、故障、利用率,內(nèi)側(cè)顯示差值,

    設(shè)備運(yùn)行統(tǒng)計(jì)通過開機(jī)柱圖對(duì)比正常和故障柱圖,

    使用亮藍(lán)色和背景深藍(lán)形成鮮明對(duì)比

    原型要求

    交大思源北京地鐵監(jiān)視中心大屏和PC端交互優(yōu)化及界面設(shè)計(jì)設(shè)備運(yùn)行情況監(jiān)管原型

    分線、分站,分類顯示開機(jī)率、故障率,顯示統(tǒng)計(jì)百分比數(shù);

    交大思源北京地鐵監(jiān)視中心大屏和PC端交互優(yōu)化及界面設(shè)計(jì)設(shè)備運(yùn)行情況監(jiān)管設(shè)計(jì)稿
    交大思源北京地鐵監(jiān)視中心大屏和PC端交互優(yōu)化及界面設(shè)計(jì)
    交大思源北京地鐵監(jiān)視中心大屏和PC端交互優(yōu)化及界面設(shè)計(jì)
    交大思源北京地鐵監(jiān)視中心大屏和PC端交互優(yōu)化及界面設(shè)計(jì)

    PC端平臺(tái)運(yùn)行狀態(tài)監(jiān)視頁(yè)

    與大屏配合同時(shí)使用,由操作員在操作臺(tái)上輸入信息及配置信息。

    交大思源北京地鐵監(jiān)視中心大屏和PC端交互優(yōu)化及界面設(shè)計(jì)

    PC端平臺(tái)輸入頁(yè)

    輸入時(shí)的各種驗(yàn)證狀態(tài)及交互效果。

    交大思源北京地鐵監(jiān)視中心大屏和PC端交互優(yōu)化及界面設(shè)計(jì)

    PC端平臺(tái)線路設(shè)備頁(yè)

    交大思源北京地鐵監(jiān)視中心大屏和PC端交互優(yōu)化及界面設(shè)計(jì)

      返回

    主站蜘蛛池模板: 精品无码一区二区三区爱欲九九| 国产精品免费观看| 国产女主播精品大秀系列| 青青青国产精品国产精品久久久久 | 动漫精品专区一区二区三区不卡| 久久精品视频91| 亚洲精品天天影视综合网| 亚洲情侣偷拍精品| 精品国产高清在线拍| 青青草国产精品| 精品无码日韩一区二区三区不卡| 无码8090精品久久一区| 国产精品九九九| 国产精品视频一区国模私拍| 久久精品国产亚洲AV嫖农村妇女| 国产精品日韩欧美久久综合| 国产99视频精品免费专区| 无码人妻精品一区二区三区久久 | 无码人妻精品一区二区三区久久久| 久久精品无码一区二区日韩AV| 99精品国产一区二区三区| 久久精品九九亚洲精品| 亚洲码国产精品高潮在线| 人人妻人人澡人人爽精品欧美| 国产午夜精品久久久久九九电影| 国产精品自产拍在线观看| 岛国精品一区免费视频在线观看| 久久夜色精品国产欧美乱| 自拍偷在线精品自拍偷无码专区| 91亚洲精品自在在线观看| 精品九九久久国内精品| 99久久精品国产高清一区二区| 久久99国产精品尤物| 欧美精品hdvideosex4k| 亚洲AV无码国产精品麻豆天美 | 国产三级精品三级在专区 | 日韩一区精品视频一区二区| 亚洲精品无码永久在线观看你懂的| 国产农村妇女毛片精品久久| 国产精品欧美亚洲韩国日本久久| 亚洲国产精品久久久久网站|