国产黄色免费网站_久久天天做天天爱综合色_精品国产一区久久久_成人黄色激情网站_久久成人在线视频_美女一区二区在线观看_亚洲精品免费一区亚洲精品免费精品一区 _91精品国产综合久久精品麻豆

冬奧智慧氣象APP界面視覺設計與交互設計

冬奧智慧氣象APP界面視覺設計與交互設計

交互設計 | 界面設計

交互設計 | 界面設計 | vue開發

北京冬奧會是近20年來唯一一次在大陸性冬季風主導氣候條件下舉辦的冬奧會。大風、氣溫低、低能見度、降雪等將是冬奧會和冬殘奧會面臨的主要天氣風險。同時,氣象保障也可能需要應對復雜相態降水、沙塵天氣等挑戰。在國際上沒有可借鑒的成熟技術方案情況下,賽區尺度山地的氣象監測、預報及服務是本次冬奧會氣象工作面臨的挑戰。

北京市氣象局冬奧智慧氣象項目由北京文澤智遠信息技術有限公司開發,藍藍設計負責 UI設計部分。本項目歷時二年,經歷無數修改及設計開發完畢后的推倒重來,在冬奧氣象專家的指導下,結合了國際賽事運動員和專業人士的習慣,設計出符合其產品特性的人性化界面。

冬奧智慧氣象APP交互設計和視覺設計

冬奧智慧氣象 APP 是專門面向國內外 IOC(國際奧委會)官員、冬奧會的組織與管理者、運動員與教練員以及關注冬奧會比賽進程的公眾用戶,通過該 APP 向國內、國外用戶提供權威、準確、及時的官方氣象服務信息,并作為冬奧會官方氣象服務網站的有力補充,通過智能手機向用戶提供優質的冬奧氣象服務。該 APP 以冬奧比賽場地的預報、實況和預警的氣象服務為設計重點,面向不同用戶的天氣需求進行定制化開發。開發原則上以服務用戶為主,創新設計服務流程和服務模式,讓國內外用戶能夠體驗到冬奧氣象服務的實用和貼心,并具有一定的科技感和獲得感。

冬奧智慧氣象APP交互設計和視覺設計

通過該 APP 對外提供三大賽區的監測實況、精細化天氣預報以及高影響天氣預警等權威信息,提供中、英雙語,面向安卓、蘋果手機的 APP 氣象服務。該 APP 的建設將實現以下目標:APP 將提供三大賽區的比賽場地、場館全天 24 小時的冬奧會氣 象信息服務,包括比賽場館精細化氣象服務產品、場館周邊交通氣象信息、天氣預警以及其他冬奧相關的公共服務信息,滿足不同目標群體氣象服務需求。 APP 提供中英文雙語切換,移動端多終端訪問,中文版、英文版界面簡潔實用,功能完整并在可視化和展示效果上有一定的科技感,提供面向用戶的定制化響應功能。

冬奧智慧氣象APP交互設計和視覺設計

建設內容主要為 APP 的中文版、英文版以及手機移動端的多終端安裝應用。通過建設三大賽區實時監測實況、精細化天氣預報、預警、冬奧專題氣象產品、交通氣象預報、冬奧科技成果展示等功能界面整合冬奧相關氣象數據和產品,利用統一的冬奧數據支撐子系統、系 統后臺產品定制和響應子系統、前端可視化渲染子系統等最新前沿技術,開展顯示快捷、滾動更新的冬奧智慧化氣象服務,實現實況、預報、預警、交通氣象服務等服務產品的快查詢和顯示。

冬奧智慧氣象APP交互設計和視覺設計

冬奧智慧氣象APP交互設計和視覺設計

冬奧智慧氣象APP交互設計和視覺設計
冬奧智慧氣象APP交互設計和視覺設計
冬奧智慧氣象APP交互設計和視覺設計
冬奧智慧氣象APP交互設計和視覺設計
冬奧智慧氣象APP交互設計和視覺設計
冬奧智慧氣象APP交互設計和視覺設計

冬奧智慧氣象APP交互設計和視覺設計

冬奧智慧氣象APP交互設計和視覺設計
冬奧智慧氣象APP交互設計和視覺設計

冬奧智慧氣象APP交互設計和視覺設計

整個項目對于所有的參與人員來說都是摸著石頭過河,這是一個非常具有專業性和技術性的項目。不僅要符合中國人使用習慣,更要符合國際友人的使用習慣。所以前期也調研了很多國際app案例。在前期定風格的過程中,主要采用冬奧主題,在整個app中要體現出冬奧元素,并體現出實用性和美觀度共存的設計理念。

冬奧智慧氣象APP交互設計和視覺設計
冬奧智慧氣象APP交互設計和視覺設計
冬奧智慧氣象APP交互設計和視覺設計
冬奧智慧氣象APP交互設計和視覺設計

冬奧智慧氣象APP交互設計和視覺設計

移動端界面將主要的板塊內容置于進入主頁最上面是,“搜索”“收藏”“個人中心”幾個功能,搜索可通過關鍵字查看場館或賽事,擊收藏可進入收藏頁面可以收藏場館,賽事,還可以給收藏的場館或賽事設置個性化的消息推送;點擊個人中心可進入到個人中心頁面

頁面右側是幾個氣象要素和交通的切換按鈕,通過切換不同的功能地圖會隨之變化,同時為了更方便查看地圖,切換按鈕在不需要時可以收起來。

進入主屏默認展示的是三大賽區的名稱以及溫度,當點擊某個賽區后可直接切換到該賽區。當切換到“張家口賽區“和”延慶賽區”時,頁面會展示每個站點,如右圖所示。

時間軸模塊,時間軸分為實況和預報兩部分,左右滑動時間軸,地圖實況會隨之有相應的變化。時間軸左側還有一個播放按鈕,當點擊播放時按鈕時時間軸便會自動播放。時間軸下面是地圖的圖例。

實況模塊,當用戶在京津冀地區時,進入主頁便會顯示當前位置的的實況信息,當用戶不在時便會顯示為“北京賽區”的實況信息。點擊地點名稱旁邊的小箭頭,可以切換到其它賽區或者站點的實況天氣。實時信息往上滑動便可以查看更多的氣象要素信息,如下圖。

冬奧智慧氣象APP交互設計和視覺設計
冬奧智慧氣象APP交互設計和視覺設計 冬奧智慧氣象APP交互設計和視覺設計

時間軸和實況信息滑倒頂部的效果。

當在首頁選中多個站點時,詳情頁會將多個站點的氣象信息以折疊的方式同時展示。首先展示的是以天為單位的氣象信息。通過滑動上方的時間軸這里也會發生相對應的變化。。

時間的切換,通過“1分鐘”“10分鐘”和“小時”的切換可以展示不同層級的氣象信息。

圖形和列表展示形式的切換。列表的展示形式如右圖所示。

溫度、天氣現象和降水量的展示。

單個氣象要素收起的展示樣例。

氣壓、能見度的展示。相同單位的要素在一個模內展示,可以更好的節省空間,方便用戶操作,同時可以進行兩個要素的對比。

站點收起的樣例。

天氣綜述模塊,天氣綜述只要是展示近段時內總體的一個天氣情況,可以給將要來參賽或者觀賽人員的一個友好告知,做好相對應的準備。

冬奧智慧氣象APP交互設計和視覺設計
冬奧智慧氣象APP交互設計和視覺設計 冬奧智慧氣象APP交互設計和視覺設計 冬奧智慧氣象APP交互設計和視覺設計

冬奧智慧氣象APP交互設計和視覺設計

冬奧智慧氣象APP交互設計和視覺設計

多戰對比頁

冬奧智慧氣象APP交互設計和視覺設計

多戰對比頁

冬奧智慧氣象APP交互設計和視覺設計

首頁英文版

冬奧智慧氣象APP交互設計和視覺設計

多戰對比頁

冬奧智慧氣象APP交互設計和視覺設計

多戰對比頁

冬奧智慧氣象APP交互設計和視覺設計

多戰對比頁

冬奧智慧氣象APP交互設計和視覺設計

首頁英文版

冬奧智慧氣象APP交互設計和視覺設計

多戰對比頁

冬奧智慧氣象APP交互設計和視覺設計

整體的設計過程進行的有三輪,剛開始是以菜單切換的形式,切換到不同的頁面展示不同內容,在大家多次討論的過程中覺得這種交互不太直觀,所以有了第二輪整體設計。第二輪是采用瀑布型展示模式,所有的模塊內容都在一頁上全部展示,采用滑動的形式查看更多。再次談論中發現瀑布型功能過于隱藏,在沒有滑到下面時,不知道下面有什么功能。所以最后經過和氣象臺各位專家不斷討論中產生最后的交互模式。下面展示的是在整個設計過程中的一些過程稿。



冬奧智慧氣象APP交互設計和視覺設計
冬奧智慧氣象APP交互設計和視覺設計 冬奧智慧氣象APP交互設計和視覺設計
冬奧智慧氣象APP交互設計和視覺設計 冬奧智慧氣象APP交互設計和視覺設計 冬奧智慧氣象APP交互設計和視覺設計
冬奧智慧氣象APP交互設計和視覺設計 冬奧智慧氣象APP交互設計和視覺設計

  返回

97国产超碰| 亚洲天堂手机| 日韩脚交footjobhd| 亚洲成av人片在线观看www| 欧美一区二区麻豆红桃视频| 国产亚洲综合精品| 国产欧美一区二区三区在线看蜜臀| 亚洲aaa精品| 亚洲免费av片| 国产精品老女人视频| 欧美一区二区三区在线免费观看| 亚洲自偷自拍熟女另类| 偷偷色噜狠狠狠狠的777米奇| 久久久久久久久久99| www.av导航| 天堂中文字幕一二区| jizz日韩| 国产福利资源一区| 青青草国产精品亚洲专区无| 国产日韩v精品一区二区| 欧美在线不卡视频| 欧美日韩国产成人在线| 久久人人97超碰人人澡爱香蕉| 欧美少妇性生活视频| 久久福利免费视频| 亚洲成人在线电影| 男人日女人逼逼| 亚洲专区区免费| 97超碰中文字幕| 99色在线播放| 成人高潮aa毛片免费| 狠狠色狠狠色综合婷婷tag| 国产成人综合在线| 欧美午夜片欧美片在线观看| 欧美日本在线视频中文字字幕| 日本一区二区精品| 草草地址线路①屁屁影院成人| 99视频在线观看免费| 免费h片在线| 国色天香久久精品国产一区| 喷白浆一区二区| 欧美自拍偷拍午夜视频| 57pao成人国产永久免费| 国产精品视频二| 91久久国产综合| 日本亲与子乱a| 中文字幕乱码在线播放| 亚洲精品激情| 无码av免费一区二区三区试看 | 99精品国产视频| 欧美一区二区三区人| 91夜夜未满十八勿入爽爽影院| jizzzz日本| 成 人 黄 色 片 在线播放| 视频在线观看你懂的| 国产精品一在线观看| 国产精品色在线观看| 乱亲女秽乱长久久久| 野外做受又硬又粗又大视频√| 国产精品第56页| 国产va在线| 日韩三级毛片| 日韩美女视频一区二区| 久久久久国产精品www| www一区二区www免费| 亚洲中文一区二区三区| 亚洲成人观看| 99热国内精品| 欧美小视频在线| 99精彩视频在线观看免费| 一级黄色片大全| 人人在草线视频在线观看| 亚洲精品第一| 欧美国产97人人爽人人喊| 久久久久久一区二区三区| 激情黄色小视频| 精品无人区无码乱码毛片国产| 四虎成人免费观看在线网址| 国产福利电影在线播放| 国产精品原创巨作av| 在线观看国产欧美| 国产精品97在线| 日本免费一区视频| 中文在线中文资源| av一二三不卡影片| 欧美激情三级免费| 香蕉视频1024| 精品国产二区三区| julia中文字幕一区二区99在线| 亚洲视频在线观看三级| 国产精品普通话| 国产精品美女高潮无套| 成人au免费视频影院| 色乱码一区二区三区网站| 色伊人久久综合中文字幕| 免费在线观看91| 波多野结衣一区二区三区四区| 欧美jizz18性欧美| 蜜臀久久99精品久久久画质超高清| 亚洲天堂成人在线| 在线免费观看视频黄| 国内精品免费视频精选在线观看| 视频一区国产| 五月婷婷综合在线| 日韩国产美国| 国产av精国产传媒| 国产亚洲精彩久久| 一区二区成人在线视频| 久久久精品动漫| 一本色道久久综合亚洲| 涩涩av在线| 亚洲欧美电影院| 免费亚洲精品视频| 精品国自产拍在线观看| 亚洲a成人v| 色综合咪咪久久| 五月天激情图片| 4hu四虎永久网址| 亚洲小说图片视频| 日韩欧美一级二级| 国产一级特黄a大片免费| 日本h视频在线观看| 婷婷亚洲五月色综合| 精品视频一区在线视频| 57pao国产成永久免费视频| www.先锋影音av| 亚洲精品欧美| 欧美高清视频在线观看| 国产jizz18女人高潮| 日韩毛片久久久| 国产午夜精品福利| 国产一区二区三区四区五区加勒比| 亚洲天堂777| 精品99re| 欧美一区二区三区在线视频| 992kp快乐看片永久免费网址| 公交车上扒开嫩j挺进去| 亚洲综合99| 日产精品久久久一区二区福利| 日韩三级视频在线播放| 亚洲成人看片| 一本色道久久综合亚洲91| 成人免费aaa| 福利视频网站| 国产激情精品久久久第一区二区| 国产欧美一区二区三区在线看| 色偷偷中文字幕| 在线观看av影片| 国v精品久久久网| 国产91视觉| 中文字幕av手机在线| 一区二区在线| 97av在线视频| 一级黄色大片免费观看| 国产色噜噜噜91在线精品| 亚洲精品国产电影| 亚洲а∨天堂久久精品2021| 色女人在线视频| 欧美午夜片欧美片在线观看| 日本高清久久久| 国产三级在线免费观看| 国产精品美女久久久久av爽李琼| 中文字幕一区二区三区有限公司| 星空影院最新电视剧免费观看| 日韩黄色一级片| 成人免费观看网站| 日韩黄色成人| 欧美亚洲在线| 国产成人亚洲欧美| 国产又粗又大又长| 精品一区二区三区在线视频| 国产一区二区三区高清| 国产精品天美传媒入口| 奇米影视一区二区三区小说| 国产精品一区二区三区免费观看| 欧美性猛交ⅹxxx乱大交免费| 亚洲在线网站| 国产日韩二区| 三级黄色视屏| 成人动漫在线一区| 成人国产一区二区三区| 在线观看国产麻豆| 亚洲欧美乱综合| 天天看片天天操| 肉肉视频在线观看| 91精品午夜视频| 婷婷激情四射网| 超碰成人在线免费| 国语自产精品视频在线看一大j8 | 国产精品51麻豆cm传媒 | 亚洲一二三精品| 视频二区欧美| 久久久久久久97| 亚洲成人777777| 日韩国产精品91| 伊人久久99| 国产视频福利在线| 91精品在线一区二区| 青青草手机在线观看| 国产a久久精品一区二区三区|