<em id="09ttv"></em>
    <sup id="09ttv"><pre id="09ttv"></pre></sup>
    <dd id="09ttv"></dd>

        • 項目背景

          項目背景

          DataV開發(fā)

          界面設計 | 交互優(yōu)化 | DataV開發(fā)

          界面設計 | 交互優(yōu)化 | DataV開發(fā)

          北京交科院科技發(fā)展公司和藍藍設計合作“交通數(shù)據(jù)瞭望臺”。數(shù)據(jù)“瞭望臺”是結合用戶需求為中心的主題規(guī)劃,通觀全局綜合態(tài)勢,將海量、不同來源、多維度的數(shù)據(jù)源深度融合關聯(lián)以支持科學決策和感知研判,一體化聯(lián)動交互控制、可擴展和復用、靈活部署和發(fā)布的專業(yè)級大數(shù)據(jù)可視化平臺。

          基于行業(yè)數(shù)據(jù)的積累,用更生動、友好的形式,即時呈現(xiàn)隱藏在瞬息萬變且龐雜數(shù)據(jù)背后的業(yè)務洞察,在交通運輸領域通過交互式實時數(shù)據(jù)可視化視屏墻來幫助業(yè)務人員發(fā)現(xiàn)、診斷業(yè)務問題,越來越成為大數(shù)據(jù)解決方案中不可或缺的一環(huán)。

          行業(yè)態(tài)勢展示了道路交通運輸行業(yè)的基礎數(shù)據(jù)和走勢,實時反映行業(yè)的運行狀態(tài),將采集的數(shù)據(jù)形象化、直觀化、具體化。為了加強某些重點工作,我們還需加入“聯(lián)網(wǎng)聯(lián)控”、“互聯(lián)互通”等相關專題。系統(tǒng)所具備的數(shù)據(jù)管理能力可將現(xiàn)有的數(shù)據(jù)進行有效的整合,快速準確地提供報表并提出決策依據(jù)。

          數(shù)據(jù)瞭望臺界面后期使用DataV來實現(xiàn)開發(fā)。DataV對于開發(fā)有很多好處便捷提高工作效率表現(xiàn)形式更加生動,友好。但也有一定的弊端,控件的形式有一定的局限性,必須選用控件庫里現(xiàn)有的形式。所以當時設計時也要對這些控件有所了解才能和開發(fā)工程師更好的交接。

          為了更好的和開發(fā)溝通,達到最優(yōu)實現(xiàn)效果,該項目藍藍設計駐場一個月完成全部設計。設計前要知道DataV控件庫里有哪些控件可以用,設計時盡量采用已有控件以便后期可以實現(xiàn)。設計好的頁面會及時開會討論,增加辦公效率。為了實現(xiàn)更加卓越的效果,有些控件不能實現(xiàn)的(比如藝術數(shù)字等),我們將以切圖的形式交付開發(fā)。為了開發(fā)設計完成后藍藍設計會對頁面做詳細的標注交付開發(fā)。最后藍藍設計將開發(fā)后的界面和設計圖進行對比,有出入的地方進行指正、調(diào)整,以確保最后效果能和設計圖更大程度還原。

          風格定義

          此次界面設計分辨率為1920X1080,主要使用場景為投屏的方式。在了解項目的大背景后,我們決定采用深藍色的系的設計風格。界面主要以科技,大氣,信息展示清晰等為設計的重要要素。在主色調(diào)的基礎上圖表和數(shù)據(jù)展示運用了多種鮮明的點綴色,相對比較重要的信息,視覺上采用突出的形式展示,豐富了視覺效果。

          界面設計

          數(shù)據(jù)“瞭望臺”是交通運輸領域?qū)I(yè)級的大數(shù)據(jù)可視化平臺。通過前期的調(diào)研和溝通最終采用富有科技感的設計形式。

          界面整體采用深藍背景,通過背景圖案展示界面的縱深感。富有科技感的邊框和線條來凸顯界面的科技感。數(shù)據(jù)展示和控件在主色調(diào)的基礎上運用一些鮮明色作為點綴,即豐富了頁面也突出了要展示的信息。

          細節(jié)體現(xiàn)

          儀表盤:入網(wǎng)率和上線率用儀表盤的形式來展示,整體增加了整個頁面的科技感。兩個儀表盤 分別采用藍、青兩種比較亮的顏色同是也有輕微的漸變。儀表盤沒有全部封閉,下邊由數(shù)字顯示當 前具體的百分比。

          環(huán)狀圖:這里采用環(huán)狀圖來表示各個部分占總體的百分比,區(qū)別于傳統(tǒng)的餅狀圖,顯得更加精巧、 炫酷。業(yè)戶、車輛、人員三個種類通過不同的色系來表示。同時也豐富了頁面整體的色調(diào)。交互上鼠 標移入某個部分,該部分的名稱和所占百分比在環(huán)形圖的中間顯示。

          返回

          久久精品这里只有精99品| 午夜精品久久久久9999高清| 7777久久久国产精品消防器材| 性做久久久久久免费观看| 狠狠精品久久久无码中文字幕| 久久AV高清无码| 久久精品女人天堂AV麻| 国产精品久久久香蕉| 久久国产精品99国产精| 99久久国产综合精品网成人影院| 亚洲七七久久精品中文国产| 久久国产免费观看精品3| 精品乱码久久久久久久| 九九热久久免费视频| 无码日韩人妻精品久久蜜桃| 四虎国产永久免费久久| 精品久久久无码人妻中文字幕| 久久综合九色综合97_久久久| 97精品伊人久久久大香线蕉| 久久精品中文字幕第23页| 久久精品蜜芽亚洲国产AV| 综合久久久久久中文字幕亚洲国产国产综合一区首 | 色婷婷综合久久久久中文字幕| 国产亚洲精品久久久久秋霞| 精品无码久久久久久久动漫| 国产高潮国产高潮久久久| 亚洲精品WWW久久久久久| 国产成人无码精品久久久免费 | 天天爽天天爽天天片a久久网| 亚洲AV乱码久久精品蜜桃| 欧美久久天天综合香蕉伊| 国产成人精品久久亚洲高清不卡 | 久久狠狠高潮亚洲精品| 久久久亚洲欧洲日产国码二区 | 久久精品亚洲精品国产欧美| 国产精品久久久久久搜索| 精品多毛少妇人妻AV免费久久| 国内精品久久久久影院网站| 国产精品久久久久9999| 亚洲AV无码久久精品成人| 久久久国产视频|