亚洲av午夜福利精品一区人妖,亚洲乱码日产精品a级毛片久久,91精品视频观看,青草青草久热精品视频在线观看

寒來暑往,服務中央氣象臺網(wǎng)站及軟件設計十年

寒來暑往,服務中央氣象臺網(wǎng)站及軟件設計十年

前端開發(fā) | 圖標設計 | 交互設計 | 界面設計

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

2020年6月以來,全國共有433條河流發(fā)生超警以上洪水。長江、黃河上游、珠江流域的西江和北江、太湖都發(fā)生今年1號洪水,防汛形勢嚴峻。截至7月下旬,全國有3873萬人次受災,人員死亡失蹤141人。這幾天每天關注鄱陽湖洪水狀況,整理網(wǎng)站類作品,看到給中央氣象臺近十年設計的諸多網(wǎng)頁和系統(tǒng),當時以為尋常事,回顧時感慨萬千。作為公民,我們在用我們擅長的設計去服務社會,在這個過程中形成自己的積淀,這是不可用金錢來衡量的價值。

藍藍設計將中央氣象臺十年合作項目總結為一份設計說明,與大家分享我們氣象預報行業(yè)設計經(jīng)驗;藍藍設計也會繼續(xù)在我們擅長領域竭力服務社會,在這個過程中形成自己的積淀,創(chuàng)造不一樣的價值。中央氣象臺(National Meteorological Center of CMA)是承擔全國天氣預報、海洋、環(huán)境、生態(tài)和農(nóng)業(yè)氣象以及中國氣象局業(yè)務數(shù)值預報系統(tǒng)研發(fā)與運行、決策氣象服務等工作的國家級氣象業(yè)務中心.網(wǎng)頁鏈接:http://www.nmc.cn/

理解氣象業(yè)務做好產(chǎn)品調(diào)研

氣象局各子部門眾多,改版一次差不多需一年的時間,做各種需求的調(diào)研,分析,征求大家的意見,層層審批。

氣象業(yè)務研發(fā)部門也在根據(jù)國民需求不斷的開發(fā)出新的氣象產(chǎn)品。
藍藍設計與開發(fā)工程師協(xié)作,根據(jù)后臺統(tǒng)計數(shù),熱力圖,分析用戶屬性.喜好,做出用戶畫像。輸出多版交互原型和視覺方案供客戶選擇,最終在多套方案中選擇一套,經(jīng)過后續(xù)修改后最終定版。(見右圖)
版式設計是現(xiàn)代設計藝術的重要組成部分,是視覺傳達的重要手段。隨著氣象服務的發(fā)展,中央氣象臺網(wǎng)站功能也越來越多,頁面承載信息也越來越多,這對頁面版面規(guī)劃提出了更高的要求。
我們在設計時將“條理性”作為此次改版的思維指導,把大量“撲面而來”的信息,通過視覺化的手段,處理成有條理的且具有引導性的“視覺走勢”或者視覺引導,讓讀者在短時間內(nèi)可獲得想要表達的信息,最終形成預期收益。 針對以上問題,我們經(jīng)過調(diào)研、探討,列出一下幾點修改思路
  • 1、整體風格切換,風格采用目前較為流行的扁平風,讓頁面更加簡潔,減輕用戶的視覺壓力,更好突出要展示的內(nèi)容。
  • 2、調(diào)整版面比例,根據(jù)內(nèi)容重新劃分版面,增加鼠標滑過、點擊跳轉等部分操作動效,區(qū)分可操作版面和信息展示版面,使頁面布局更加清晰,合理。
  • 3、圖標定制,為了更好的和頁面整體風格相契合,所有的天氣圖標和預警圖標都重新設計。天氣圖標包括白天、晚上、有背景、無背景等好幾種狀態(tài)。
中央氣象臺系統(tǒng)交互優(yōu)化和界面設計
中央氣象臺系統(tǒng)交互優(yōu)化和界面設計
中央氣象臺系統(tǒng)交互優(yōu)化和界面設計
中央氣象臺系統(tǒng)交互優(yōu)化和界面設計

城市天氣預報頁豐富的頁面配色 視覺重量分布

從色彩心理學上講,顏色可以影響用戶對產(chǎn)品價值的認知,合適的色彩可以給用戶直接的指示;我們在頁面中使用藍色色調(diào),給人一種平靜、可信、可靠的認知;它的意圖是,給用戶有價值信息。

視覺重量是控制頁面節(jié)奏感和張馳度的設計方法,視可以調(diào)整畫面中的文字或者線條粗細度以及內(nèi)容明度來增加或者改變頁面的視覺重量。視覺重量影響因素有很多,包括大小,明暗,粗細,虛實等等,通過不同類型的組合,形成豐富的頁面版式,同時可以突出頁面重要內(nèi)容,弱化次要內(nèi)容,最終達到頁面張弛有度,信息層次明確的效果。

這次改版,我們大膽嘗試大面積藍色+高飽和度的設計,理由如下:
  • 1.目前市面上已有大量采用大面積顏色+高飽和度的設計產(chǎn)品,一定程度上已經(jīng)成為流行,用戶對這種設計風格接受度也大幅提高;
  • 2.大面積色塊可以融入情景化設計,將天氣情況和圖片/插畫相結合,通過色彩/圖片的變化,實時展示當前天氣情況,為用戶帶來時身臨其境的體驗;同時平衡頁面視覺重量,優(yōu)化頁面視覺層級。
中央氣象臺系統(tǒng)交互優(yōu)化和界面設計

情景化設計的探索

列表頁面設計

當時方案中提議以情景化方式設計“災情專題”模塊,及時向社會發(fā)布災情信息

情景化設計的探索

中央氣象臺系統(tǒng)交互優(yōu)化和界面設計
中央氣象臺系統(tǒng)交互優(yōu)化和界面設計

部分天氣icon展示

中央氣象臺系統(tǒng)交互優(yōu)化和界面設計
中央氣象臺系統(tǒng)交互優(yōu)化和界面設計

部分天氣icon展示

中央氣象臺系統(tǒng)交互優(yōu)化和界面設計
中央氣象臺系統(tǒng)交互優(yōu)化和界面設計

手機端展示

中央氣象臺系統(tǒng)交互優(yōu)化和界面設計

中央氣象局-MICAPS4客戶端

MICAPS4系統(tǒng)是一套復雜的氣象預報,氣象分析的系統(tǒng),氣象預報對數(shù)據(jù)時效性要求極高,工作人員必須在第一時間分析數(shù)據(jù)并作出氣象判斷,并發(fā)布預警,因此,簡單,快速地完成整個分析流程是這套系統(tǒng)最大的要求。

簡單即簡潔,線性圖標的使用,極大地簡化了頁面按鈕元素,簡潔的按鈕布局和界面風格界面減少了不必要的視覺干擾,更容易進行視覺定位,作出準確地操作。

快速即直觀,將界面部分具有從屬關系的圖標羅列在工具箱面板,可減少操作員尋找,點擊按鈕的步驟,提高操作效率。

設計前后對比

設計前后對比

部分圖標展示

部分圖標展示

中央氣象臺系統(tǒng)交互優(yōu)化和界面設計

軟件界面展示

CMRC_DC系統(tǒng)

CMRC_DC系統(tǒng)是面向海外用戶的船舶監(jiān)測系統(tǒng),主要為船舶提供海洋氣象信息并提供相關支持。

考慮到產(chǎn)品功能比較單一,且軟件面向海外客戶,藍藍設計參考國外相關產(chǎn)品,梳理觀察目標客戶群體閱讀習慣,發(fā)現(xiàn)目標客戶群對直覺偏好偏向于原生狀態(tài);因此,我們再設計過程中盡可能減少比必要的元素,最大限度地凈化版面,最終呈現(xiàn)效果如下:

中央氣象臺系統(tǒng)交互優(yōu)化和界面設計
中央氣象臺系統(tǒng)交互優(yōu)化和界面設計

  返回

亚洲av午夜福利精品一区人妖,亚洲乱码日产精品a级毛片久久,91精品视频观看,青草青草久热精品视频在线观看
<strike id="cy2gs"><menu id="cy2gs"></menu></strike>
  • <del id="cy2gs"><dfn id="cy2gs"></dfn></del>
  • 日韩亚洲欧美精品| 欧美99久久| 日韩一级视频免费观看在线| 亚洲高清不卡av| 在线看国产一区| 伊人久久大香线蕉av超碰演员| 国产一区导航| 精品99视频| 亚洲国产成人av| 日韩亚洲欧美成人一区| 一区二区三区高清不卡| 亚洲午夜在线视频| 午夜在线视频一区二区区别| 欧美制服丝袜第一页| 久久亚洲综合色一区二区三区| 久久久精品国产免大香伊| 久久久五月婷婷| 免费成年人欧美视频| 欧美成人国产| 欧美三级日本三级少妇99| 国产精品久久午夜| 国产午夜精品久久| 亚洲第一狼人社区| aaa亚洲精品一二三区| 香蕉av777xxx色综合一区| 久久久精品性| 欧美激情一区二区三区成人| 欧美性片在线观看| 国产一区成人| 最新日韩中文字幕| 亚洲性色视频| 久久久久国产一区二区三区四区 | 欧美 日韩 国产精品免费观看| 欧美福利电影网| 国产精品久久久久久久久搜平片 | 久久人人爽国产| 欧美喷水视频| 国产精品日韩精品| 精品99视频| 亚洲无亚洲人成网站77777 | 国产精品自拍三区| 一区二区三区中文在线观看| 亚洲免费av电影| 午夜欧美不卡精品aaaaa| 久久综合久久综合久久综合| 欧美日韩播放| 国产情侣久久| 亚洲巨乳在线| 久久久国产精彩视频美女艺术照福利| 欧美精品粉嫩高潮一区二区| 国产欧美日韩综合| 99re亚洲国产精品| 久久狠狠亚洲综合| 欧美日韩中文字幕在线视频| 国一区二区在线观看| 一区二区三区视频观看| 久久久久国产精品一区三寸| 欧美日韩精品在线视频| 国模 一区 二区 三区| 这里只有精品电影| 欧美成年人视频| 国产日韩欧美高清| 妖精成人www高清在线观看| 久久精品国产一区二区三| 欧美日韩一区二区三区高清| 精品成人在线视频| 亚洲欧美日韩国产中文在线| 欧美激情亚洲激情| 黄色成人在线| 亚洲欧美一区二区激情| 欧美日韩国产成人高清视频| 国产一区久久久| 亚洲一区二区三区四区中文 | 国产精品亚洲成人| 亚洲精品欧美极品| 久久免费国产| 国产亚洲精品一区二555| 中国成人黄色视屏| 欧美美女视频| 亚洲高清自拍| 久久九九全国免费精品观看| 国产精品乱码| 一区二区欧美在线| 欧美国产日本韩| 亚洲高清激情| 久久久青草青青国产亚洲免观| 国产免费亚洲高清| 亚洲专区免费| 欧美日韩一区二区三区在线 | 欧美日韩国产成人| 一色屋精品亚洲香蕉网站| 久久成人一区二区| 国产精品欧美日韩久久| 在线亚洲免费| 欧美体内she精视频| 99视频热这里只有精品免费| 欧美电影资源| 亚洲黄网站黄| 欧美成人免费视频| 亚洲国产日日夜夜| 葵司免费一区二区三区四区五区| 激情欧美国产欧美| 久久婷婷人人澡人人喊人人爽| 国产日韩欧美高清| 香蕉av福利精品导航| 国产精品视频xxxx| 亚洲欧美日韩天堂| 国产精品一国产精品k频道56| 亚洲欧美久久久| 国产乱码精品一区二区三区不卡| 亚洲欧美春色| 国产欧美成人| 久久精品国产久精国产爱| 国产亚洲精品资源在线26u| 久久成人精品视频| 狠狠色伊人亚洲综合网站色| 久久久精品国产一区二区三区| 韩国免费一区| 久久综合九九| 亚洲国产精品尤物yw在线观看| 欧美成人性网| 亚洲精品三级| 欧美色中文字幕| 亚洲午夜精品久久| 国产精品美女久久| 欧美在线影院| 亚洲第一精品福利| 欧美精品免费视频| av成人免费观看| 国产精品久久久久久超碰| 亚洲欧美在线磁力| 国产综合久久| 欧美成人dvd在线视频| 日韩视频三区| 国产精品日本精品| 久久日韩粉嫩一区二区三区| 亚洲福利视频网| 欧美日本韩国| 亚洲欧美区自拍先锋| 激情视频亚洲| 欧美精品v日韩精品v国产精品| 一区二区高清在线| 国产精品一区久久| 久久久欧美精品sm网站| 亚洲啪啪91| 欧美午夜不卡影院在线观看完整版免费| 亚洲一区二区三区中文字幕 | 国产精品久久久久一区二区三区共 | 亚洲人体大胆视频| 欧美日韩午夜在线| 欧美亚洲三区| 亚洲国产高清视频| 国产精品久久久久久户外露出| 久久精品91久久香蕉加勒比| 亚洲日韩成人| 国产欧美丝祙| 欧美成人免费全部观看天天性色| 正在播放欧美一区| 伊人久久亚洲美女图片| 欧美日韩精品综合在线| 久久精品一本久久99精品| 日韩五码在线| 国产亚洲一二三区| 欧美精品日韩www.p站| 新67194成人永久网站| **性色生活片久久毛片| 欧美性大战xxxxx久久久| 久久婷婷国产综合尤物精品| 一本久久a久久精品亚洲| 韩国成人理伦片免费播放| 欧美日韩视频第一区| 久久久精品午夜少妇| 亚洲视频网站在线观看| 狠色狠色综合久久| 欧美无砖砖区免费| 另类图片国产| 午夜精品国产更新| 亚洲老司机av| 在线观看中文字幕不卡| 国产精品一级久久久| 欧美激情在线免费观看| 欧美一区二区三区免费在线看| 日韩视频免费看| 激情视频一区| 国产精品视频1区| 欧美日韩国产经典色站一区二区三区 | 亚洲福利视频免费观看| 国产精品五区| 欧美日韩在线看| 久久网站免费| 欧美一级大片在线观看| 一区二区三区国产精华| 亚洲国产精品成人综合色在线婷婷 | 伊人天天综合| 国产日韩精品一区| 欧美午夜精品一区二区三区| 欧美96在线丨欧| 久久久精品999| 性亚洲最疯狂xxxx高清| 一本久久综合亚洲鲁鲁五月天|