移動(dòng)端界面將主要的板塊內(nèi)容置于進(jìn)入主頁(yè)最上面是，“搜索”“收藏”“個(gè)人中心”幾個(gè)功能，搜索可通過關(guān)鍵字查看場(chǎng)館或賽事，擊收藏可進(jìn)入收藏頁(yè)面可以收藏場(chǎng)館，賽事，還可以給收藏的場(chǎng)館或賽事設(shè)置個(gè)性化的消息推送；點(diǎn)擊個(gè)人中心可進(jìn)入到個(gè)人中心頁(yè)面
2024-8-19 藍(lán)藍(lán)設(shè)計(jì)的小編 移動(dòng)端UI設(shè)計(jì)文章及欣賞
北京市氣象局冬奧智慧氣象項(xiàng)目由北京文澤智遠(yuǎn)信息技術(shù)有限公司開發(fā)，藍(lán)藍(lán)設(shè)計(jì)負(fù)責(zé) UI設(shè)計(jì)部分。本項(xiàng)目歷時(shí)二年，經(jīng)歷無數(shù)修改及設(shè)計(jì)開發(fā)完畢后的推倒重來，在冬奧氣象專家的指導(dǎo)下，結(jié)合了國(guó)際賽事運(yùn)動(dòng)員和專業(yè)人士的習(xí)慣，設(shè)計(jì)出符合其產(chǎn)品特性的人性化界面。
冬奧智慧氣象 APP 是專門面向國(guó)內(nèi)外 IOC（國(guó)際奧委會(huì)）官員、冬奧會(huì)的組織與管理者、運(yùn)動(dòng)員與教練員以及關(guān)注冬奧會(huì)比賽進(jìn)程的公眾用戶，通過該 APP 向國(guó)內(nèi)、國(guó)外用戶提供權(quán)威、準(zhǔn)確、及時(shí)的官方氣象服務(wù)信息，并作為冬奧會(huì)官方氣象服務(wù)網(wǎng)站的有力補(bǔ)充，通過智能手機(jī)向用戶提供優(yōu)質(zhì)的冬奧氣象服務(wù)。該 APP 以冬奧比賽場(chǎng)地的預(yù)報(bào)、實(shí)況和預(yù)警的氣象服務(wù)為設(shè)計(jì)重點(diǎn)，面向不同用戶的天氣需求進(jìn)行定制化開發(fā)。開發(fā)原則上以服務(wù)用戶為主，創(chuàng)新設(shè)計(jì)服務(wù)流程和服務(wù)模式，讓國(guó)內(nèi)外用戶能夠體驗(yàn)到冬奧氣象服務(wù)的實(shí)用和貼心，并具有一定的科技感和獲得感。
移動(dòng)端界面將主要的板塊內(nèi)容置于進(jìn)入主頁(yè)最上面是，“搜索”“收藏”“個(gè)人中心”幾個(gè)功能，搜索可通過關(guān)鍵字查看場(chǎng)館或賽事，擊收藏可進(jìn)入收藏頁(yè)面可以收藏場(chǎng)館，賽事，還可以給收藏的場(chǎng)館或賽事設(shè)置個(gè)性化的消息推送；點(diǎn)擊個(gè)人中心可進(jìn)入到個(gè)人中心頁(yè)面
頁(yè)面右側(cè)是幾個(gè)氣象要素和交通的切換按鈕，通過切換不同的功能地圖會(huì)隨之變化，同時(shí)為了更方便查看地圖，切換按鈕在不需要時(shí)可以收起來。
進(jìn)入主屏默認(rèn)展示的是三大賽區(qū)的名稱以及溫度，當(dāng)點(diǎn)擊某個(gè)賽區(qū)后可直接切換到該賽區(qū)。當(dāng)切換到“張家口賽區(qū)“和”延慶賽區(qū)”時(shí)，頁(yè)面會(huì)展示每個(gè)站點(diǎn)，如右圖所示。
時(shí)間軸模塊，時(shí)間軸分為實(shí)況和預(yù)報(bào)兩部分，左右滑動(dòng)時(shí)間軸，地圖實(shí)況會(huì)隨之有相應(yīng)的變化。時(shí)間軸左側(cè)還有一個(gè)播放按鈕，當(dāng)點(diǎn)擊播放時(shí)按鈕時(shí)時(shí)間軸便會(huì)自動(dòng)播放。時(shí)間軸下面是地圖的圖例。
實(shí)況模塊，當(dāng)用戶在京津冀地區(qū)時(shí)，進(jìn)入主頁(yè)便會(huì)顯示當(dāng)前位置的的實(shí)況信息，當(dāng)用戶不在時(shí)便會(huì)顯示為“北京賽區(qū)”的實(shí)況信息。點(diǎn)擊地點(diǎn)名稱旁邊的小箭頭，可以切換到其它賽區(qū)或者站點(diǎn)的實(shí)況天氣。實(shí)時(shí)信息往上滑動(dòng)便可以查看更多的氣象要素信息，如下圖。
時(shí)間軸和實(shí)況信息滑倒頂部的效果。
當(dāng)在首頁(yè)選中多個(gè)站點(diǎn)時(shí)，詳情頁(yè)會(huì)將多個(gè)站點(diǎn)的氣象信息以折疊的方式同時(shí)展示。首先展示的是以天為單位的氣象信息。通過滑動(dòng)上方的時(shí)間軸這里也會(huì)發(fā)生相對(duì)應(yīng)的變化。。
時(shí)間的切換，通過“1分鐘”“10分鐘”和“小時(shí)”的切換可以展示不同層級(jí)的氣象信息。
圖形和列表展示形式的切換。列表的展示形式如右圖所示。
溫度、天氣現(xiàn)象和降水量的展示。
單個(gè)氣象要素收起的展示樣例。
氣壓、能見度的展示。相同單位的要素在一個(gè)模內(nèi)展示，可以更好的節(jié)省空間，方便用戶操作，同時(shí)可以進(jìn)行兩個(gè)要素的對(duì)比。
站點(diǎn)收起的樣例。
天氣綜述模塊，天氣綜述只要是展示近段時(shí)內(nèi)總體的一個(gè)天氣情況，可以給將要來參賽或者觀賽人員的一個(gè)友好告知，做好相對(duì)應(yīng)的準(zhǔn)備。
下面是過程中的一些首頁(yè)版本。
更多資料，請(qǐng)移步至這里觀看。
藍(lán)藍(lán)設(shè)計(jì)(sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。我們建立了一個(gè)微信群，每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì)，有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng)，咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan。
關(guān)鍵詞：UI咨詢、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶體驗(yàn)公司、高端網(wǎng)站設(shè)計(jì)公司、銀行金融軟件UI界面設(shè)計(jì)、能源及監(jiān)控軟件UI界面設(shè)計(jì)、氣象行業(yè)UI界面設(shè)計(jì)、軌道交通界面設(shè)計(jì)、地理信息系統(tǒng)GIS UI界面設(shè)計(jì)、航天軍工軟件UI界面設(shè)計(jì)、醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)、教育行業(yè)軟件UI界面設(shè)計(jì)、企業(yè)信息化UI界面設(shè)計(jì)、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://sillybuy.com